/* Shared navigation: light outlined icons, clear hierarchy and theme-aware states. */
html:root .ginoma-sidebar {
    --nav-ink:#c4cedd;
    --nav-muted:#8494aa;
    --nav-active:#d5e7ff;
    --nav-selected:#293c56;
    --nav-hover:#242e3e;
    background:#1a2230 !important;
    border-right:1px solid #ffffff0d !important;
}
html:root[data-theme="light"] .ginoma-sidebar {
    --nav-ink:var(--ginoma-text);
    --nav-muted:var(--ginoma-text-muted);
    --nav-active:var(--ginoma-primary-strong);
    --nav-selected:var(--ginoma-hover);
    --nav-hover:color-mix(in srgb,var(--ginoma-hover) 65%,transparent);
    background:var(--light-tone-f3f7f5,#f3f7f5) !important;
    border-right:1px solid var(--ginoma-border) !important;
}
html:root .ginoma-sidebar .ginoma-menu { padding:8px 10px 14px; scrollbar-width:thin; scrollbar-color:#73849b44 transparent; }
html:root .ginoma-sidebar .ginoma-nav-section {
    color:var(--nav-muted); font-size:9px; font-weight:650;
    letter-spacing:1.3px; padding:17px 12px 7px; line-height:1.4;
}
html:root .ginoma-sidebar .ginoma-menu :is(.mud-nav-link,.ginoma-nav-pdf-link) {
    box-sizing:border-box; display:flex; align-items:center;
    width:100%; min-height:36px; margin:2px 0; padding:8px 11px;
    border:1px solid transparent; border-radius:9px;
    background:transparent !important; color:var(--nav-ink) !important;
    font-size:12px; font-weight:450; line-height:1.35;
    transition:background .14s,color .14s,border-color .14s;
    box-shadow:none !important;
}
html:root .ginoma-sidebar .ginoma-menu .mud-nav-link-text { margin-left:10px; letter-spacing:.05px; font-size:12px; font-weight:inherit; }
html:root .ginoma-sidebar .ginoma-menu :is(.mud-nav-link,.ginoma-nav-pdf-link) .mud-icon-root {
    width:19px !important; height:19px !important; min-width:19px !important;
    font-size:19px !important; color:var(--nav-muted) !important; margin:0;
}
html:root .ginoma-sidebar .ginoma-menu .mud-nav-link-expand-icon { width:15px !important; height:15px !important; min-width:15px !important; opacity:.7; }
html:root .ginoma-sidebar .ginoma-menu :is(.mud-nav-link,.ginoma-nav-pdf-link):hover { background:var(--nav-hover) !important; color:var(--nav-active) !important; }
html:root .ginoma-sidebar .ginoma-menu .mud-nav-link.active {
    background:var(--nav-selected) !important; color:var(--nav-active) !important;
    border-color:color-mix(in srgb,var(--nav-active) 14%,transparent); font-weight:600;
}
html:root .ginoma-sidebar .ginoma-menu .mud-nav-link.active .mud-icon-root { color:var(--nav-active) !important; }
html:root .ginoma-sidebar .ginoma-menu .mud-nav-group .mud-collapse-container {
    margin-left:20px; padding-left:8px; border-left:1px solid color-mix(in srgb,var(--nav-muted) 24%,transparent);
}
html:root .ginoma-sidebar .ginoma-menu .mud-nav-group .mud-collapse-container .mud-nav-link {
    padding:7px 9px; min-height:33px;
}
html:root .ginoma-sidebar .ginoma-menu .mud-nav-group .mud-collapse-container .mud-icon-root { width:16px !important; height:16px !important; min-width:16px !important; }
html:root .ginoma-sidebar .ginoma-menu :is(a,button):focus-visible { outline:2px solid var(--ginoma-primary); outline-offset:1px; }
html:root .ginoma-sidebar .ginoma-nav-pdf-link { gap:10px; }
html:root .ginoma-sidebar .floating-user-pending-card {
    width:calc(100% - 20px) !important; margin:10px !important; border-radius:12px !important;
    box-shadow:none !important;
}
@media(prefers-reduced-motion:reduce) { html:root .ginoma-sidebar .ginoma-menu .mud-nav-link { transition:none; } }
html:root .ginoma-sidebar .ginoma-menu .mud-nav-link-expand-icon { fill:currentColor !important; }
