.rendexagrd-site-footer {
    position: relative;
    z-index: 1;
    width: 100%;
    margin: 0;
    padding: 12px 0;
    color: #d4e9da;
    background: #073f27;
    font-family: Poppins, "Segoe UI", Arial, sans-serif;
}

.rendexagrd-site-footer * { box-sizing: border-box; }
.rendexagrd-site-footer__inner { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }
.rendexagrd-site-footer__top { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 20px; }
.rendexagrd-site-footer__brand { display: inline-flex; align-items: center; gap: 16px; min-width: 0; color: #fff; text-decoration: none; }
.rendexagrd-site-footer__brand:hover,
.rendexagrd-site-footer__brand:focus-visible { color: #fff; text-decoration: none; }
.rendexagrd-site-footer__brand img { display: block; width: auto; max-width: 82px; height: 42px; object-fit: contain; }
.rendexagrd-site-footer__brand span { display: flex; flex-direction: column; padding-left: 16px; border-left: 1px solid #ffffff40; }
.rendexagrd-site-footer__brand strong { color: #fff; font-size: 17px; line-height: 1.25; }
.rendexagrd-site-footer__brand small { max-width: 275px; margin-top: 4px; color: #bad3c2; font-size: 10px; font-weight: 600; line-height: 1.35; text-transform: uppercase; }
.rendexagrd-site-footer a:focus-visible { outline: 2px solid #b9ee9c; outline-offset: 4px; }
.rendexagrd-site-footer__version { justify-self: center; color: #e2f1e6; font-size: 11px; text-align: center; white-space: nowrap; }
.rendexagrd-site-footer__copyright { justify-self: end; color: #e2f1e6; font-size: 11px; white-space: nowrap; }
.rendexagrd-site-footer .rendexagrd-app-version { color: inherit; font-size: inherit; font-weight: inherit; }

.rendexagrd-shell .main-content { display: flex; min-height: 100vh; flex-direction: column; }
.rendexagrd-shell .main-content > .page-content { flex: 1 0 auto; }
.rendexagrd-shell .main-content > .rendexagrd-site-footer { flex: 0 0 auto; }

@media (max-width: 700px) {
    .rendexagrd-site-footer { padding: 16px 0; }
    .rendexagrd-site-footer__inner { width: min(100% - 30px, 1180px); }
    .rendexagrd-site-footer__top { grid-template-columns: 1fr; gap: 10px; }
    .rendexagrd-site-footer__version,
    .rendexagrd-site-footer__copyright { justify-self: center; white-space: normal; }
}