.app-brand { display: inline-flex; align-items: center; gap: 10px; flex-shrink: 0; }
.brand-symbol { display: block; width: 40px; height: 40px; padding: 5px; object-fit: contain; background: #fff; border-radius: 4px; flex-shrink: 0; }
.login-page { min-height: calc(100svh - 132px); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 24px; padding: 16px 0 32px; }
.login-emblem { display: block; width: 320px; max-width: calc(100% - 48px); height: auto; aspect-ratio: 903 / 716; object-fit: contain; flex-shrink: 0; }
.login-heading { text-align: center; }
.login-heading h1 { font-size: 21px; }
.login-heading .text-muted { font-size: 13px; }
.admin-login-emblem { display: block; width: 260px; max-width: 100%; height: auto; aspect-ratio: 903 / 716; object-fit: contain; margin: 0 auto 24px; background: #fff; padding: 10px; box-sizing: border-box; }
@media (min-width: 992px) and (max-width: 1399px) {
    .app-topbar .navbar-nav .nav-link { padding-inline: 6px; font-size: 13px; }
    .app-topbar .navbar-text { max-width: 260px; font-size: 13px; }
}
@media (max-width: 575px) {
    .login-page { gap: 20px; min-height: calc(100svh - 132px); padding-top: 8px; padding-bottom: 24px; }
    .login-emblem { width: 240px; }
    .admin-login-emblem { width: 220px; margin-bottom: 20px; }
    .brand-symbol { width: 36px; height: 36px; }
}
@media (max-height: 760px) {
    .login-page { min-height: 0; gap: 16px; }
    .login-emblem { width: 230px; }
}