/* Shared Kwako brand assets; identifiers remain Yote internally. */
[data-sidebar="dark"] .app-menu,
[data-sidebar="dark"] .app-menu .navbar-brand-box { background: #001942; }
.navbar-brand-box .logo img { object-fit: contain; }
.kwako-login { background: #f3f5f8; }
.kwako-login .auth-page-wrapper { min-height: 100vh; display: flex; align-items: center; padding-bottom: 4rem; }
.kwako-login .auth-page-content { padding: 2rem 0; }
.kwako-login-card { overflow: hidden; border: 1px solid #e6ebf2; border-radius: 20px; box-shadow: 0 16px 56px rgba(0,25,66,.08); }
.kwako-login-hero { background: #001942; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 3rem 2rem; }
.kwako-login-hero .auth-logo { align-self: flex-start; }
.kwako-hero-art { display: block; width: 100%; max-width: 430px; height: auto; margin: 1.5rem auto 0; }
.kwako-hero-caption { color: #00e784; font-weight: 600; margin: 1rem 0 0; }
.kwako-login .text-primary { color: #001942 !important; }
.kwako-login .form-control:focus { border-color: #001942; box-shadow: 0 0 0 .2rem rgba(0,25,66,.12); }
.kwako-login .form-check-input:checked { background-color: #001942; border-color: #001942; }
.kwako-sign-in { background: #00e784; border-color: #00e784; color: #001942; font-weight: 600; min-height: 44px; }
.kwako-sign-in:hover, .kwako-sign-in:focus-visible, .kwako-sign-in:active { background: #00cf76 !important; border-color: #00cf76 !important; color: #001942 !important; }
.kwako-sign-in:focus-visible { outline: 3px solid #001942; outline-offset: 3px; }
@media (max-width: 991.98px) {
    .kwako-login-hero { padding: 1.5rem; }
    .kwako-hero-art { max-width: 220px; margin-top: .5rem; }
    .kwako-hero-caption { margin-top: .5rem; }
}