Premium Light Mode Overrides
   ══════════════════════════════════════════════════════════════ */
body:not(.dark-mode) {
    background: #f5f6fa;
}
body:not(.dark-mode) .app-container {
    background: #f5f6fa;
}
body:not(.dark-mode) .chat-section {
    background: #f5f6fa;
}
body:not(.dark-mode) .messages-container {
    background: transparent;
}
body:not(.dark-mode) .message.bot .message-bubble {
    background: #ffffff;
    box-shadow: 0 2px 10px rgba(0,0,0,0.07);
    border: 1px solid rgba(0,5,133,0.06);
}
body:not(.dark-mode) .message.user .message-bubble {
    background: linear-gradient(135deg, var(--primary) 0%, #2832a8 100%);
    box-shadow: 0 3px 12px rgba(0,5,133,0.28);
}
body:not(.dark-mode) .input-wrapper {
    background: #ffffff;
    box-shadow: 0px 0px 0 rgb(0 0 0 / 85%), 0 0px 16px rgba(0, 0, 0, 0.04);
    border-top: 1px solid rgba(0,5,133,0.08);
}
body:not(.dark-mode) .nav-bar {
    background: #fff;
    box-shadow: 0 1px 8px rgba(0,0,0,0.08);
    border-bottom: 1px solid rgba(0,5,133,0.06);
}
body:not(.dark-mode) .main-menu {
    background: #fff;
    box-shadow: -4px 0 24px rgba(0,0,0,0.12);
}
body:not(.dark-mode) .nav-item {
    color: #333;
}
body:not(.dark-mode) .nav-item:hover {
    background: rgba(0,5,133,0.05);
}
body:not(.dark-mode) .cat-list-item,
body:not(.dark-mode) .gov-pill,
body:not(.dark-mode) .budget-tile {
    background: #fff;
    box-shadow: 0 1px 6px rgba(0,0,0,0.06);
}
body:not(.dark-mode) .cat-list-item:not(:disabled):hover,
body:not(.dark-mode) .gov-pill:not(:disabled):hover,
body:not(.dark-mode) .budget-tile:not(:disabled):hover {
    background: #f0f2ff;
    box-shadow: 0 3px 12px rgba(0,5,133,0.1);
}
body:not(.dark-mode) .budget-tile--skip {
    background: transparent;
    box-shadow: none;
}
body:not(.dark-mode) .sub-pill {
    background: #fff;
    box-shadow: 0 1px 5px rgba(0,0,0,0.06);
}
body:not(.dark-mode) .hosp-card {
    background: #fff !important;
    box-shadow: 0 2px 14px rgba(0,0,0,0.08) !important;
}
body:not(.dark-mode) .hosp-more-btn {
    background: #fff;
    box-shadow: 0 1px 6px rgba(0,0,0,0.06);
}
body:not(.dark-mode) .search-summary-card {
    box-shadow: 0 4px 20px rgba(0,5,133,0.12);
}
body:not(.dark-mode) .sidebar {
    background: #fff;
    box-shadow: 2px 0 14px rgba(0,0,0,0.07);
}
body:not(.dark-mode) .history-item {
    background: #f8f9fc;
    border: 1px solid rgba(0,5,133,0.06);
}
body:not(.dark-mode) .history-item:hover {
    background: #eef1ff;
}
.dark-mode .file-chip { background: rgba(233,193,118,0.10); color: var(--secondary); }

/* ══════════════════════════════════════════════════════════════
   Light mode — navbar and sidebar
   ══════════════════════════════════════════════════════════════ */
body:not(.dark-mode) .app-header {
    background: #ffffff !important;
    border-bottom: 1px solid rgba(0,5,133,0.08) !important;
    box-shadow: 0 1px 12px rgba(0,0,0,0.06) !important;
    color: #1a1a2e !important;
}
body:not(.dark-mode) .app-header .header-button {
    color: #333 !important;
}
body:not(.dark-mode) .app-header .header-button:hover {
    color: var(--primary) !important;
}
body:not(.dark-mode) #headerBotName,
body:not(.dark-mode) .logo-text { color: var(--primary) !important; }
body:not(.dark-mode) .logo-subtitle { color: #666 !important; }
body:not(.dark-mode) .nav-sidebar {
    background: #ffffff !important;
    box-shadow: 4px 0 28px rgba(0,0,0,0.10) !important;
    border-right: 1px solid rgba(0,5,133,0.08) !important;
    border-left: none !important;
}
[dir="ltr"] body:not(.dark-mode) .nav-sidebar {
    box-shadow: -4px 0 28px rgba(0,0,0,0.10) !important;
    border-left: 1px solid rgba(0,5,133,0.08) !important;
    border-right: none !important;
}
body:not(.dark-mode) .nav-sidebar-header {
    background: rgba(0,5,133,0.03) !important;
    border-bottom: 1px solid rgba(0,5,133,0.08) !important;
}
body:not(.dark-mode) .nav-sidebar-title { color: var(--primary) !important; }
body:not(.dark-mode) .nav-sidebar-close { color: #333 !important; border-color: rgba(255,255,255,0.15) !important; }
body:not(.dark-mode) .nav-item {
    color: #2a2a3e !important;
}
body:not(.dark-mode) .nav-item:hover {
    background: rgba(0,5,133,0.06) !important;
    color: var(--primary) !important;
}
body:not(.dark-mode) .nav-overlay { background: rgba(0,0,0,0.35) !important; }