/* Production-safe visual override layer. Existing component structure remains unchanged. */
.page { background: var(--hris-page-bg); }
.page main { min-width: 0; }
.sidebar {
    background: var(--hris-sidebar-bg);
    border-right: 1px solid var(--hris-border);
    box-shadow: 8px 0 30px rgba(15, 23, 42, .025);
}
.brand-panel { border-bottom-color: var(--hris-border); }
.brand-logo img { filter: saturate(.92); }
.nav-section-title,
.nav-cos-break {
    color: var(--hris-text-muted);
    letter-spacing: .09em;
}
.nav-link,
.nav-submenu-link,
.nav-reports-toggle {
    border-radius: var(--hris-radius-md);
    transition: background-color var(--hris-transition), color var(--hris-transition), transform var(--hris-transition);
}
.nav-link:hover,
.nav-submenu-link:hover,
.nav-reports-toggle:hover {
    background: var(--hris-primary-soft);
    color: var(--hris-primary-hover);
}
.nav-link.active,
.nav-submenu-link.active {
    background: linear-gradient(135deg, #dbeafe, #eff6ff);
    color: #1d4ed8;
    box-shadow: inset 3px 0 0 var(--hris-primary);
}
.top-row {
    background: rgba(255, 255, 255, .88);
    border-bottom: 1px solid rgba(226, 232, 240, .9);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}
.system-title strong { color: var(--hris-text); }
.system-title span { color: var(--hris-text-muted); }
.notification-button,
.account-menu summary {
    transition: background-color var(--hris-transition), border-color var(--hris-transition), box-shadow var(--hris-transition);
}
.notification-button:hover,
.account-menu summary:hover { background: var(--hris-primary-soft); }
.account-menu-panel {
    border-color: var(--hris-border);
    border-radius: var(--hris-radius-md);
    box-shadow: var(--hris-shadow-popover);
}
.content {
    width: 100%;
    max-width: none;
    margin-inline: 0;
}
.saved-notification {
    border-radius: var(--hris-radius-md);
    box-shadow: var(--hris-shadow-popover);
}