/* SIGAPY vector brand. External SVG files use their own editable color variables. */
img.sigapy-wordmark {
    display: block;
    width: 220px !important;
    height: auto !important;
    max-width: 100%;
    object-fit: contain;
    flex-shrink: 0;
    border-radius: 6px;
    background: transparent;
}
.login-left-logo img.sigapy-wordmark,
.register-left-logo img.sigapy-wordmark { width: 300px !important; }
.login-logo img.sigapy-wordmark { width: 252px !important; }
.sidebar-brand img.sigapy-wordmark { width: 168px !important; }
.sidebar-brand .sigapy-brand-symbol { display: none; }
body.sidebar-collapsed .sidebar-brand img.sigapy-wordmark { display: none; }
body.sidebar-collapsed .sidebar-brand .sigapy-brand-symbol { display: block; width: 32px; height: 32px; }
body.sidebar-collapsed .sidebar-brand { gap: 0; }
body.sidebar-collapsed .sidebar-header { margin-left: 0; }
body.sidebar-collapsed .sidebar-toggle { left: 64px; }
body.sidebar-collapsed .topbar-content { padding-left: 28px; }
.header-mobile .sidebar-brand img.sigapy-mobile-wordmark { width: 156px !important; }
.nav-logo img.sigapy-wordmark { width: 174px !important; }
.footer-logo img.sigapy-wordmark { width: 180px !important; }
.sigapy-admin-symbol { display: block; width: 42px; height: 42px; object-fit: contain; flex-shrink: 0; }
.sigapy-auth-mobile { display: none; }
@media (max-width: 900px) {
    .nav-logo img.sigapy-wordmark { width: 156px !important; }
}
@media (max-width: 640px) {
    .register-right .sigapy-auth-mobile { display: flex; justify-content: center; margin-bottom: 14px; }
    .sigapy-auth-mobile img.sigapy-wordmark { width: 216px !important; }
}
@media (max-width: 420px) {
    .nav-logo img.sigapy-wordmark { width: 140px !important; }
    .login-logo img.sigapy-wordmark { width: 224px !important; }
}

/* Transparent web logo. Dimensions and spacing are controlled here, not in the bitmap. */
:root { --sigapy-web-logo-width: 218px; }
.nav-logo img.sigapy-web-logo,
.footer-logo img.sigapy-web-logo {
    width: var(--sigapy-web-logo-width) !important;
    height: auto !important;
    background: transparent;
    border-radius: 0;
}
/* Keep the transparent white wordmark legible while the header is fixed on scroll. */
#main-nav.scrolled { background: rgba(36, 44, 46, .97); }
#main-nav.scrolled .nav-links a,
#main-nav.scrolled .nav-login,
#main-nav.scrolled .nav-ham { color: #fff; }
#main-nav.scrolled .nav-links a:hover { color: #fff; background: rgba(255,255,255,.1); }
#main-nav.scrolled .nav-login { border-color: rgba(255,255,255,.25); }
#main-nav.scrolled .nav-login:hover { color: #fff; border-color: rgba(255,255,255,.5); }
@media (max-width: 640px) {
    :root { --sigapy-web-logo-width: 164px; }
}

/* Compact header logo; footer keeps its existing size. */
.nav-logo { --sigapy-web-logo-width: 180px; }
@media (max-width: 640px) {
    .nav-logo { --sigapy-web-logo-width: 148px; }
}