/* DARK MODE v4 ␔ AZ Inventory */
body.dark-mode { --d0:#0f1117; --d1:#13161b; --d2:#1a1e25; --d3:#1e222a; --d4:#252a33; --d5:#2e333c; --dt:#e2e4e8; --dt2:#a0a4ab; --dt3:#6b7280; --db:#2e333c; --db2:#383d47; --da:#4d9fff; }

/* BASE */
body.dark-mode { background-color: var(--d0) !important; background-image: none !important; color: var(--dt) !important; }
body.dark-mode #page-wrapper { color: var(--dt) !important; }
body.dark-mode .inventory-section, body.dark-mode .log-section { background-color: var(--d3) !important; box-shadow: 0 2px 5px rgba(0,0,0,0.3) !important; }
body.dark-mode #switch-inventory-container { background-color: var(--d3) !important; box-shadow: 0 2px 5px rgba(0,0,0,0.3) !important; }
body.dark-mode h1, body.dark-mode h2, body.dark-mode h3, body.dark-mode h4, body.dark-mode h5, body.dark-mode h6 { color: var(--da) !important; }
body.dark-mode hr { background: var(--db) !important; }
body.dark-mode .site-footer { background: var(--d1) !important; border-top-color: #1e293b !important; }
body.dark-mode .site-footer a { color: var(--da) !important; }
body.dark-mode .footer-app-name { color: #e2e8f0 !important; }
body.dark-mode .footer-tagline { color: #64748b !important; }
body.dark-mode .footer-meta { color: #64748b !important; }
body.dark-mode .footer-meta strong { color: #94a3b8 !important; }

/* HEADER */
body.dark-mode .top-container { color: var(--dt) !important; }
body.dark-mode #language-selector button { background-color: var(--d4) !important; color: var(--dt2) !important; border-color: var(--db) !important; }
body.dark-mode #language-selector button.active { background-color: var(--da) !important; color: #fff !important; }
body.dark-mode #login-overlay { background-color: rgba(0,0,0,0.8) !important; }
body.dark-mode #login-modal { background: var(--d3) !important; color: var(--dt) !important; }

/* HEADER-UI */
body.dark-mode .notification-dropdown, body.dark-mode .user-menu-dropdown, body.dark-mode .user-menu-container { background-color: var(--d3) !important; border-color: var(--db) !important; color: var(--dt) !important; box-shadow: 0 4px 16px rgba(0,0,0,0.5) !important; }
body.dark-mode .user-menu-container a, body.dark-mode .user-menu-dropdown a, body.dark-mode .user-menu-container button { color: var(--dt) !important; }
body.dark-mode .user-menu-container a:hover { background-color: var(--d4) !important; }
body.dark-mode .notification-item { background-color: var(--d2) !important; }
body.dark-mode .modal-container { background-color: var(--d3) !important; color: var(--dt) !important; }
body.dark-mode .user-stats-header, body.dark-mode .stats-label { color: var(--dt2) !important; }
body.dark-mode .user-title { color: var(--da) !important; }
body.dark-mode #profile-modal, body.dark-mode #settings-modal { background-color: var(--d3) !important; color: var(--dt) !important; }

/* TABS */
body.dark-mode .tabs-container { background: transparent !important; }
body.dark-mode .tabs { background: #1a1f28 !important; border-color: #2e333c !important; }
body.dark-mode .tab { color: #8a8f98 !important; background: transparent !important; }
body.dark-mode .tab:hover { background: rgba(77,159,255,0.08) !important; color: #a0c4f0 !important; }
body.dark-mode .tab.active { color: #4d9fff !important; background: #252a33 !important; box-shadow: 0 1px 3px rgba(0,0,0,0.3) !important; }

/* ADMIN TABS */
body.dark-mode .admin-sub-tabs-container { background-color: var(--d2) !important; }
body.dark-mode .admin-sub-tab { background-color: var(--d4) !important; color: var(--dt2) !important; border-color: var(--db) !important; }
body.dark-mode .admin-sub-tab.active { background-color: var(--da) !important; color: #fff !important; }

/* CONTROLS */
body.dark-mode #request-item-container { background-color: var(--d3) !important; box-shadow: 0 2px 5px rgba(0,0,0,0.3) !important; }
body.dark-mode .form-card { background-color: var(--d3) !important; box-shadow: 0 2px 5px rgba(0,0,0,0.3) !important; color: var(--dt) !important; }
body.dark-mode label { color: var(--dt2) !important; }
body.dark-mode input[type="number"], body.dark-mode input[type="text"], body.dark-mode input[type="password"], body.dark-mode input[type="email"], body.dark-mode input[type="date"], body.dark-mode input[type="search"], body.dark-mode textarea, body.dark-mode select { background-color: var(--d4) !important; color: var(--dt) !important; border-color: var(--db2) !important; }
body.dark-mode input::placeholder, body.dark-mode textarea::placeholder { color: var(--dt3) !important; }

/* BUTTONS */
body.dark-mode .button-group button { background-color: var(--d4) !important; color: var(--dt) !important; border-color: var(--db2) !important; }
body.dark-mode .quantity-group button { background-color: var(--d4) !important; color: var(--dt) !important; }
body.dark-mode .quantity-group button.selected { background-color: var(--da) !important; color: #fff !important; }
body.dark-mode .type-group button { background-color: var(--d4) !important; color: var(--dt) !important; }
body.dark-mode .type-group button.selected { background-color: #6f42c1 !important; color: #fff !important; }
body.dark-mode .danger-zone { background-color: #2a2010 !important; border-color: #4a3510 !important; color: var(--dt) !important; }

/* STATS / DASHBOARD */
body.dark-mode #usage-stats-container { background-color: #150f20 !important; border-color: #6f42c1 !important; }
body.dark-mode #usage-stats-container h2 { color: #b090e0 !important; }
body.dark-mode #log-box { background-color: var(--d3) !important; border-color: var(--db) !important; }
body.dark-mode .damaged-counter { background-color: var(--d3) !important; border-color: var(--db) !important; color: var(--dt) !important; }
body.dark-mode #most-used-articles-section { background-color: var(--d3) !important; }
body.dark-mode .log-entry { background-color: var(--d3) !important; border-color: var(--db) !important; color: var(--dt) !important; }

/* LAYOUT */
body.dark-mode #admin-content #user-management-section, body.dark-mode #admin-content #admin-requests-panel, body.dark-mode #admin-content #create-user-container { background-color: var(--d3) !important; box-shadow: 0 2px 5px rgba(0,0,0,0.3) !important; color: var(--dt) !important; }

/* ADMIN SECTIONS */
body.dark-mode .admin-section-card { background-color: var(--d3) !important; border-color: var(--db) !important; color: var(--dt) !important; }
body.dark-mode .location-panel { background-color: var(--d3) !important; border-color: var(--db) !important; }
body.dark-mode .location-panel-header { background-color: var(--d4) !important; color: var(--dt) !important; }
body.dark-mode .location-qty-btn { background-color: var(--d3) !important; }

/* LOCATIONS */
body.dark-mode .location-row { background-color: var(--d3) !important; border-color: var(--db) !important; color: var(--dt) !important; }
body.dark-mode .location-row:hover { background-color: var(--d4) !important; }

/* REQUESTS */
body.dark-mode .request-card, body.dark-mode .pending-request-item { background-color: var(--d3) !important; border-color: var(--db) !important; color: var(--dt) !important; }
body.dark-mode .request-form-container { background: var(--d3) !important; color: var(--dt) !important; }
body.dark-mode .request-context-filter button, body.dark-mode .request-status-filter button { background-color: var(--d4) !important; color: var(--dt2) !important; border-color: var(--db) !important; }
body.dark-mode .request-context-filter button.selected, body.dark-mode .request-status-filter button.selected { background-color: var(--da) !important; color: #fff !important; }
body.dark-mode .request-side-buttons button { background-color: var(--d4) !important; color: var(--dt) !important; border-color: var(--db) !important; }
body.dark-mode .request-side-buttons button.selected { background-color: var(--da) !important; color: #fff !important; }

/* USERS */
body.dark-mode .user-card { background-color: var(--d3) !important; border-color: var(--db) !important; color: var(--dt) !important; }
body.dark-mode .user-card-header { background-color: var(--d4) !important; }
body.dark-mode .user-card-section { background-color: var(--d2) !important; border-color: var(--db) !important; color: var(--dt) !important; }
body.dark-mode .user-card-section select { background-color: var(--d4) !important; color: var(--dt) !important; }
body.dark-mode .permission-item { background-color: var(--d4) !important; color: var(--dt) !important; }
body.dark-mode .user-expand-content { background-color: var(--d2) !important; }

/* ARTICLES */
body.dark-mode .article-card, body.dark-mode .article-form { background: var(--d3) !important; border-color: var(--db) !important; color: var(--dt) !important; }
body.dark-mode .article-filter-btn, body.dark-mode .dept-filter-btn { background-color: var(--d4) !important; color: var(--dt2) !important; }
body.dark-mode .article-filter-btn.selected, body.dark-mode .dept-filter-btn.selected { background-color: var(--da) !important; color: #fff !important; }
body.dark-mode .upload-area { background-color: var(--d2) !important; border-color: var(--db) !important; }
body.dark-mode .lightbox-overlay { background-color: rgba(0,0,0,0.85) !important; }

/* DYNAMIC OPTIONS */
body.dark-mode .option-level-container { background-color: var(--d2) !important; border-color: var(--db) !important; }
body.dark-mode .option-row { background-color: var(--d3) !important; border-color: var(--db) !important; color: var(--dt) !important; }
body.dark-mode .option-row:hover { background-color: var(--d4) !important; }
body.dark-mode .dynamic-request-group { color: var(--dt) !important; }
body.dark-mode .dynamic-btn { background-color: var(--d4) !important; color: var(--dt) !important; border-color: var(--db) !important; }
body.dark-mode .dynamic-btn.selected { background-color: var(--da) !important; color: #fff !important; }
body.dark-mode .add-option-form { background-color: var(--d3) !important; border-color: var(--db) !important; }
body.dark-mode .apply-template-modal-content { background-color: var(--d3) !important; color: var(--dt) !important; }

/* NOTIFICATIONS */
body.dark-mode .notification-panel { background-color: var(--d3) !important; }
body.dark-mode .notification-entry { background-color: var(--d4) !important; color: var(--dt) !important; }

/* GLOBAL MESSAGE */

/* WIP CORE */
body.dark-mode .wip-status-section, body.dark-mode .wip-container { background-color: var(--d3) !important; }
body.dark-mode .wip-cell { background-color: var(--d3) !important; border-color: var(--db) !important; color: var(--dt) !important; }
body.dark-mode .wip-cell:hover { background-color: var(--d4) !important; }
body.dark-mode .wip-card { background-color: var(--d3) !important; border-color: var(--db) !important; color: var(--dt) !important; }
body.dark-mode .wip-comment { background-color: var(--d2) !important; border-color: var(--db) !important; color: var(--dt) !important; }
body.dark-mode .wip-comment-input { background-color: var(--d4) !important; color: var(--dt) !important; }
body.dark-mode .wip-search input { background-color: var(--d4) !important; color: var(--dt) !important; }
body.dark-mode .wip-comments-section { background-color: var(--d3) !important; }
body.dark-mode .wip-status-highlight { background-color: #2a2510 !important; }
body.dark-mode .wip-btn-primary { background-color: var(--da) !important; }
body.dark-mode .wip-btn-secondary { background-color: var(--d4) !important; color: var(--dt) !important; }
body.dark-mode .wip-actions { background-color: var(--d2) !important; }
body.dark-mode .wip-btn { border-color: var(--db2) !important; }

/* WIP EXTRAS */
body.dark-mode .wip-chart-container { background-color: #151920 !important; border-color: #2e333c !important; box-shadow: 0 1px 4px rgba(0,0,0,0.2) !important; }
body.dark-mode .wip-tab, body.dark-mode .pod-tab { background-color: var(--d4) !important; color: var(--dt2) !important; border-color: var(--db) !important; }
body.dark-mode .wip-tab.active, body.dark-mode .pod-tab.active { background-color: var(--da) !important; color: #fff !important; }
body.dark-mode .manage-options-modal-content { background-color: var(--d3) !important; color: var(--dt) !important; }
body.dark-mode .wip-options-list-item { background-color: var(--d4) !important; color: var(--dt) !important; }
body.dark-mode .pod-section { background-color: var(--d2) !important; }
body.dark-mode .pod-header { background-color: var(--d4) !important; color: var(--dt) !important; }
body.dark-mode .wip-pods-nav { background-color: var(--d2) !important; }

/* WIP PASSED */
body.dark-mode .passed-card { background: var(--d3) !important; border-color: var(--db) !important; color: var(--dt) !important; }
body.dark-mode .passed-card-header { background-color: var(--d4) !important; }

/* MAINTENANCE / CALENDAR */
body.dark-mode .maintenance-container { background-color: var(--d3) !important; }
body.dark-mode .maintenance-sidebar { border-color: var(--db) !important; }
body.dark-mode .calendar-grid-header { background: var(--d4) !important; color: var(--dt2) !important; }
body.dark-mode .calendar-day { background: var(--d3) !important; border-color: var(--db) !important; }
body.dark-mode .calendar-day:hover { background: var(--d4) !important; }
body.dark-mode .calendar-day.empty { background: var(--d2) !important; }
body.dark-mode .calendar-day.today { background: #1a2a3d !important; }
body.dark-mode .day-number { color: var(--dt2) !important; }
body.dark-mode .calendar-day.today .day-number { background: var(--da) !important; color: #fff !important; }
body.dark-mode .cal-nav-btn { background: var(--d4) !important; color: var(--dt2) !important; }
body.dark-mode .cal-popover { background: var(--d3) !important; border-color: var(--db2) !important; }
body.dark-mode .cal-more-link { color: var(--da) !important; }
body.dark-mode .cal-event.cat-stellaris.st-pending { background: #3d1c1c !important; color: #f09595 !important; }
body.dark-mode .cal-event.cat-sustaining.st-pending { background: #1a2a3d !important; color: #85B7EB !important; }
body.dark-mode .cal-event.cat-other.st-pending { background: #2a2d33 !important; color: #aaa !important; }
body.dark-mode .btn-add-event-day { background: var(--d4) !important; color: var(--dt2) !important; }

/* TEMPLATES */
body.dark-mode .template-section-tab { background: var(--d4) !important; color: var(--dt2) !important; }
body.dark-mode .template-section-tab.active { background: var(--d3) !important; color: var(--da) !important; }
body.dark-mode .template-section-content { background: var(--d3) !important; border-color: var(--db) !important; }
body.dark-mode .profile-group-card, body.dark-mode .profile-extras-row { background: var(--d2) !important; border-color: var(--db) !important; }
body.dark-mode .profile-extra-check { color: var(--dt) !important; }
body.dark-mode .profile-preview-header { background: var(--d4) !important; }
body.dark-mode .saved-profile-card { background: var(--d3) !important; border-color: var(--db) !important; }
body.dark-mode .saved-profile-body { background: var(--d2) !important; }
body.dark-mode .template-builder-desc { color: var(--dt2) !important; }

/* TABLES */
body.dark-mode table { background: var(--d3) !important; }
body.dark-mode th { background-color: var(--d4) !important; color: var(--dt2) !important; border-color: var(--db) !important; }
body.dark-mode td { background-color: var(--d3) !important; color: var(--dt) !important; border-color: var(--db) !important; }
body.dark-mode tr:hover td { background-color: var(--d4) !important; }

/* MODALS */
body.dark-mode .modal-content, body.dark-mode .shadow-modal-content, body.dark-mode .confirm-modal-content, body.dark-mode .prompt-modal-content { background: var(--d3) !important; color: var(--dt) !important; }
body.dark-mode .modal-overlay { background-color: rgba(0,0,0,0.7) !important; }

/* SCROLLBAR */
body.dark-mode ::-webkit-scrollbar { width: 8px; }
body.dark-mode ::-webkit-scrollbar-track { background: var(--d2); }
body.dark-mode ::-webkit-scrollbar-thumb { background: var(--db2); border-radius: 4px; }

/* TOGGLE BUTTON */
.dark-mode-toggle { background: none; border: 1px solid #ddd; border-radius: 20px; padding: 4px 10px; cursor: pointer; font-size: 16px; line-height: 1; }
body.dark-mode .dark-mode-toggle { border-color: var(--db2) !important; background: var(--d4) !important; }

/* ====== DARK MODE v4 PATCH — Final fixes ====== */

/* REQUEST FILTERS (ID selectors for higher specificity) */
body.dark-mode #request-context-filters { background-color: var(--d4) !important; border-color: var(--db) !important; box-shadow: none !important; }
body.dark-mode #request-context-filters button { background-color: var(--d4) !important; color: var(--dt2) !important; border-color: var(--db) !important; }
body.dark-mode #request-context-filters button:hover { background-color: var(--d5) !important; color: var(--dt) !important; }
body.dark-mode #request-context-filters button.selected { background-color: var(--da) !important; color: #fff !important; }

body.dark-mode #request-status-filters { background-color: var(--d4) !important; border-color: var(--db) !important; box-shadow: none !important; }
body.dark-mode #request-status-filters button { background-color: var(--d4) !important; color: var(--dt2) !important; border-color: var(--db) !important; }
body.dark-mode #request-status-filters button:hover { background-color: var(--d5) !important; color: var(--dt) !important; }
body.dark-mode #request-status-filters button.selected { background-color: #28a745 !important; color: #fff !important; }
body.dark-mode #request-status-filters button[data-filter="closed"].selected { background-color: #6c757d !important; color: #fff !important; }

/* INVENTORY ITEMS (switch + cable quantity badges) */
body.dark-mode .inventory-item-list { border-color: var(--db) !important; }
body.dark-mode .inventory-item-row { background-color: var(--d3) !important; border-color: var(--db) !important; color: var(--dt) !important; }
body.dark-mode .inventory-item-row:hover { background-color: var(--d4) !important; }
body.dark-mode .item-details { color: var(--dt) !important; }
body.dark-mode .item-quantity { background-color: var(--d4) !important; color: var(--dt) !important; border-color: var(--db) !important; }

/* USER MANAGEMENT */
body.dark-mode .user-grid-wrapper { background-color: var(--d2) !important; border-color: var(--db) !important; }
body.dark-mode .user-grid { color: var(--dt) !important; }
body.dark-mode .user-card { background-color: var(--d3) !important; border-color: var(--db) !important; color: var(--dt) !important; }
body.dark-mode .user-card-header { background-color: var(--d4) !important; color: var(--dt) !important; border-color: var(--db) !important; }
body.dark-mode .user-card-header:hover { background-color: var(--d5) !important; }
body.dark-mode #admin-content #user-management-section { background-color: var(--d3) !important; color: var(--dt) !important; }
body.dark-mode .admin-pending-status { background-color: var(--d2) !important; color: var(--dt2) !important; }

/* LOG ENTRY user badges — keep colors but darken for dark mode */
body.dark-mode .log-user.super-admin { background-color: #3d1520 !important; color: #f08090 !important; border-color: #5a2030 !important; }
body.dark-mode .log-user.user-daly { background-color: #2a1a3d !important; color: #c8a0f0 !important; border-color: #4a2a6a !important; }
body.dark-mode .log-user.user-eliana { background-color: #2d2510 !important; color: #e0c060 !important; border-color: #4a3a10 !important; }
body.dark-mode .log-user:not(.super-admin):not(.user-daly):not(.user-eliana) { background-color: #0f1a2a !important; color: #70b0e0 !important; }
body.dark-mode .log-entry .log-text { color: var(--dt) !important; }
body.dark-mode .log-entry .log-date { color: var(--dt2) !important; }

/* GLOBAL MESSAGE */

/* REQUEST SUPPORT CONTAINER */
body.dark-mode #request-support-container { background-color: var(--d3) !important; color: var(--dt) !important; }
body.dark-mode #support-description { background-color: var(--d4) !important; color: var(--dt) !important; }

/* CABLE TYPE CARDS (inventory grid) */
body.dark-mode .cable-type-card,
body.dark-mode .cable-type-section { background-color: var(--d3) !important; border-color: var(--db) !important; }
body.dark-mode .cable-type-card h4,
body.dark-mode .cable-type-section h4 { color: var(--dt) !important; }
body.dark-mode .cable-header-row { background-color: var(--d4) !important; color: var(--dt2) !important; }

/* GENERIC TEXT CONTRAST FIXES */
body.dark-mode p, body.dark-mode span, body.dark-mode div, body.dark-mode li { color: inherit; }
body.dark-mode .text-muted { color: var(--dt2) !important; }
body.dark-mode strong { color: var(--dt) !important; }
body.dark-mode a { color: var(--da) !important; }
body.dark-mode a:hover { color: #70b8ff !important; }

/* BORDERS CATCH-ALL — any remaining white/light borders */
body.dark-mode [style*="border: 1px solid #ddd"],
body.dark-mode [style*="border:1px solid #ddd"],
body.dark-mode [style*="border: 1px solid #ccc"],
body.dark-mode [style*="border: 1px solid #d3d3d3"],
body.dark-mode [style*="border: 1px solid #e0e0e0"] { border-color: var(--db) !important; }

/* WIP COMMENT TYPE BUTTONS (Fail / Correction) */
body.dark-mode .wip-comment-type-btn { background-color: var(--d4) !important; color: var(--dt) !important; border-color: var(--db) !important; }
body.dark-mode .wip-comment-type-btn.active,
body.dark-mode .wip-comment-type-btn.selected { background-color: var(--da) !important; color: #fff !important; }

/* TASK SIDEBAR inline style fixes */
body.dark-mode #maintenance-tasks-list span[style*="color:#333"] { color: var(--dt) !important; }
body.dark-mode #maintenance-tasks-list span[style*="color:#aaa"] { color: var(--dt3) !important; }

/* REGISTRATION REQUESTS PANEL */
body.dark-mode .registration-requests-panel { background-color: var(--d3) !important; border-color: var(--db) !important; color: var(--dt) !important; }

/* ONLINE USERS SECTION */
body.dark-mode #online-users-section { background-color: var(--d3) !important; }

/* CHART.JS label colors (handled by JS but just in case) */
body.dark-mode .chart-container { background-color: var(--d3) !important; }

/* ====== INVENTORY CABLE CARDS ====== */
body.dark-mode .inventory-item-list { background-color: var(--d3) !important; }
body.dark-mode .item-details { color: var(--dt) !important; }
body.dark-mode .item-quantity { background-color: var(--d4) !important; color: var(--dt) !important; }

/* ====== DYNAMIC REQUEST FORM (SUSTAINING/STELLARIS) ====== */
body.dark-mode #dynamic-request-form { background-color: var(--d2) !important; box-shadow: 0 4px 8px rgba(0,0,0,0.2) !important; }
body.dark-mode .dynamic-request-group { background-color: var(--d3) !important; border-color: var(--db) !important; box-shadow: 0 2px 5px rgba(0,0,0,0.15) !important; }
body.dark-mode .dynamic-request-group label { color: var(--da) !important; }
body.dark-mode .dynamic-button-grid button { background-color: var(--d4) !important; color: var(--dt) !important; border-color: var(--db2) !important; box-shadow: none !important; }
body.dark-mode .dynamic-button-grid button:hover { background-color: var(--d5) !important; border-color: var(--da) !important; }
body.dark-mode .dynamic-button-grid button.selected { background-color: var(--da) !important; color: #fff !important; border-color: var(--da) !important; }
body.dark-mode .dynamic-request-send-button { background-color: var(--d4) !important; color: var(--dt) !important; }

/* ====== ACTIVE LOCATIONS QUANTITY BADGES ====== */
body.dark-mode .location-component-row { border-color: var(--db) !important; }
body.dark-mode .location-component-name { color: var(--dt) !important; }
body.dark-mode .location-component-quantity { background-color: var(--da) !important; color: #fff !important; }
body.dark-mode .location-qty-btn { background-color: var(--d4) !important; border-color: #6f42c1 !important; color: #9b7fd4 !important; }
body.dark-mode .location-qty-input { background-color: var(--d4) !important; color: var(--dt) !important; }

/* ====== WIP — HARDCODED DARK OVERRIDES ====== */
body.dark-mode .wip-comments-section div[style*="background"] { background-color: #1e222a !important; border-color: #2e333c !important; }
body.dark-mode .wip-comments-section form[style] { background-color: #1e222a !important; }
body.dark-mode .wip-comments-section button[style*="background"] { background-color: #252a33 !important; color: #e2e4e8 !important; }
body.dark-mode .wip-comment { background-color: #1a1e25 !important; border-color: #2e333c !important; }
body.dark-mode .wip-comment-fail { background-color: #2a1015 !important; }
body.dark-mode .wip-comment-correction { background-color: #0f2a15 !important; }

/* ====== WIP POD TABS ====== */
body.dark-mode .wip-pod-tab { background-color: #252a33 !important; color: #e2e4e8 !important; border-color: #383d47 !important; }
body.dark-mode .wip-pod-tab:hover { background-color: #2e333c !important; }
body.dark-mode .wip-pod-tab.active { background-color: #4d9fff !important; color: #fff !important; border-color: #4d9fff !important; }
body.dark-mode .wip-passed-tab { background-color: #1a3d1a !important; color: #4cce6b !important; border-color: #2e5a2e !important; }

/* ====== WIP TABLE INPUTS & SELECTS (action dropdown) ====== */
body.dark-mode .wip-table input, body.dark-mode .wip-table select { background-color: #252a33 !important; color: #e2e4e8 !important; border-color: #383d47 !important; }
body.dark-mode .wip-table select option { background-color: #1e222a !important; color: #e2e4e8 !important; }

/* ====== WIP CUSTOM DROPDOWN (action/status list) ====== */
body.dark-mode .wip-dropdown-options { background-color: #1e222a !important; border-color: #383d47 !important; box-shadow: 0 8px 16px rgba(0,0,0,0.4) !important; }
body.dark-mode .wip-dropdown-option { color: #e2e4e8 !important; }
body.dark-mode .wip-dropdown-option:hover { background-color: #252a33 !important; }

/* ====== WIP PASSED SECTION ====== */
body.dark-mode .wip-passed-card { background: #1e222a !important; border-color: #2e333c !important; }
body.dark-mode .wip-passed-header { background-color: #252a33 !important; color: #e2e4e8 !important; }
body.dark-mode .wip-passed-header:hover { background-color: #2e333c !important; }
body.dark-mode .wip-passed-body { background-color: #1a1e25 !important; border-color: #2e333c !important; color: #e2e4e8 !important; }
body.dark-mode .passed-date-header { background-color: #252a33 !important; box-shadow: 0 2px 4px rgba(0,0,0,0.3) !important; }
body.dark-mode .accordion-arrow { color: #a0a4ab !important; }

/* Passed comments (inline styles) */
body.dark-mode .passed-comment[style] { background: #1e222a !important; }
body.dark-mode .passed-comment-header[style] { color: #a0a4ab !important; }
body.dark-mode .passed-comment-header strong[style] { color: #e2e4e8 !important; }
body.dark-mode .passed-comment-text[style] { color: #e2e4e8 !important; }
body.dark-mode .wip-passed-body p[style] { color: #a0a4ab !important; }
body.dark-mode .wip-passed-body span[style*="color"] { color: #a0a4ab !important; }
body.dark-mode .wip-passed-body strong[style*="color"] { color: #e2e4e8 !important; }

/* ====== MAINTENANCE TASK SIDEBAR ====== */
body.dark-mode .cat-filter-btn[style] { border-color: #383d47 !important; }
body.dark-mode .cat-filter-btn[data-cat="Stellaris"]:not(.active) { background: #2a1515 !important; color: #f08080 !important; border-color: #5a2020 !important; }
body.dark-mode .cat-filter-btn[data-cat="Sustaining"]:not(.active) { background: #15202a !important; color: #70b0e0 !important; border-color: #204060 !important; }
body.dark-mode .sidebar-header, body.dark-mode [style*="font-size:14px;font-weight:500;color:#333"] { color: #e2e4e8 !important; }
body.dark-mode .sidebar-sub, body.dark-mode [style*="font-size:11px;color:#999"] { color: #6b7280 !important; }


/* ====== GLOBAL MESSAGE — All 4 types dark mode ====== */

/* Base dark override */
body.dark-mode .global-message-container { box-shadow: none !important; }
body.dark-mode .global-message-meta { color: #a0a4ab !important; }
body.dark-mode #global-message-author { color: #e2e4e8 !important; }
body.dark-mode #global-message-date { color: #6b7280 !important; }
body.dark-mode .global-message-edit-area { background: #1e222a !important; }
body.dark-mode .global-message-content { color: #e2e4e8 !important; }

/* NORMAL (Blue) */
body.dark-mode .global-message-container.type-normal {
    background: linear-gradient(135deg, #0f1a2d 0%, #132035 100%) !important;
    border-color: #1565c0 !important; border-left-color: #4d9fff !important;
    box-shadow: 0 0 12px rgba(77, 159, 255, 0.2), 0 0 3px rgba(77, 159, 255, 0.1) !important;
}
body.dark-mode .global-message-container.type-normal #global-message-text { color: #70b8ff !important; }
body.dark-mode .global-message-container.type-normal .edit-global-message-btn { background-color: #1565c0 !important; }

/* IMPORTANT (Yellow/Amber) */
body.dark-mode .global-message-container.type-important {
    background: linear-gradient(135deg, #2a2010 0%, #302510 100%) !important;
    border-color: #d4a017 !important; border-left-color: #f0b840 !important;
    box-shadow: 0 0 12px rgba(240, 184, 64, 0.2), 0 0 3px rgba(240, 184, 64, 0.1) !important;
}
body.dark-mode .global-message-container.type-important #global-message-text { color: #f0c050 !important; }
body.dark-mode .global-message-container.type-important .edit-global-message-btn { background-color: #d4a017 !important; }

/* URGENT (Red + pulse) */
body.dark-mode .global-message-container.type-urgent {
    background: linear-gradient(135deg, #2a0f0f 0%, #351515 100%) !important;
    border-color: #c62828 !important; border-left-color: #f06060 !important;
    animation: darkUrgentPulse 2s infinite !important;
}
body.dark-mode .global-message-container.type-urgent #global-message-text { color: #ff7070 !important; }
body.dark-mode .global-message-container.type-urgent .edit-global-message-btn { background-color: #c62828 !important; }

@keyframes darkUrgentPulse {
    0%, 100% { box-shadow: 0 0 8px rgba(240, 96, 96, 0.2); }
    50% { box-shadow: 0 0 20px rgba(240, 96, 96, 0.4), 0 0 4px rgba(240, 96, 96, 0.2); }
}

/* REMINDER (Green) */
body.dark-mode .global-message-container.type-reminder {
    background: linear-gradient(135deg, #0f2a15 0%, #152a18 100%) !important;
    border-color: #2e7d32 !important; border-left-color: #4cce6b !important;
    box-shadow: 0 0 12px rgba(76, 206, 107, 0.15), 0 0 3px rgba(76, 206, 107, 0.1) !important;
}
body.dark-mode .global-message-container.type-reminder #global-message-text { color: #60e080 !important; }
body.dark-mode .global-message-container.type-reminder .edit-global-message-btn { background-color: #2e7d32 !important; }

/* Default (no type class - yellow/important) */
body.dark-mode .global-message-container:not(.type-normal):not(.type-important):not(.type-urgent):not(.type-reminder) {
    background: linear-gradient(135deg, #2a2010 0%, #302510 100%) !important;
    border-color: #d4a017 !important; border-left-color: #f0b840 !important;
    box-shadow: 0 0 12px rgba(240, 184, 64, 0.2) !important;
}
body.dark-mode .global-message-container:not(.type-normal):not(.type-important):not(.type-urgent):not(.type-reminder) #global-message-text { color: #f0c050 !important; }

/* Type selector buttons in modal */
body.dark-mode .type-btn { background: #252a33 !important; color: #e2e4e8 !important; border-color: #383d47 !important; }
body.dark-mode .type-btn.active { background-color: #4d9fff !important; color: #fff !important; border-color: #4d9fff !important; }
body.dark-mode .type-btn:hover:not(.active) { background-color: #2e333c !important; border-color: #4d9fff !important; }

/* ====== ADMIN SUB-TABS (correct class) ====== */
body.dark-mode .sub-tabs-container { border-color: transparent !important; }
body.dark-mode .sub-tabs { background: #1a1f28 !important; border-color: #2e333c !important; }
body.dark-mode .sub-tab { background: transparent !important; color: #8a8f98 !important; border-color: transparent !important; }
body.dark-mode .sub-tab:hover { background: rgba(77,159,255,0.08) !important; color: #a0c4f0 !important; }
body.dark-mode .sub-tab.active { color: #4d9fff !important; background: #252a33 !important; box-shadow: 0 1px 3px rgba(0,0,0,0.3) !important; }

/* Article filter buttons */
body.dark-mode #article-filter-buttons button { background-color: #252a33 !important; color: #e2e4e8 !important; border-color: #383d47 !important; }
body.dark-mode #article-filter-buttons button:hover { background-color: #2e333c !important; }
body.dark-mode #article-filter-buttons button.selected { background-color: #3b82f6 !important; color: #fff !important; border-color: #3b82f6 !important; }

/* User menu dropdown stats */
body.dark-mode #user-menu-dropdown .user-stats-header span { color: #e2e4e8 !important; }

/* ====== DAMAGED ITEMS COUNTERS ====== */
body.dark-mode .damaged-counter {
    background-color: #1a1e25 !important;
    border: 1px solid #383d47 !important;
    box-shadow: 0 0 8px rgba(77, 159, 255, 0.1) !important;
}
body.dark-mode .damaged-counter .damaged-number {
    color: #fff !important;
    font-weight: 700 !important;
    text-shadow: 0 0 6px rgba(255,255,255,0.15) !important;
}
body.dark-mode .damaged-counter .damaged-label {
    color: #a0a4ab !important;
}

/* ====== DAMAGED ITEMS COUNTERS ====== */
body.dark-mode .damaged-counter {
    background-color: #1a1e25 !important;
    border: 1px solid #383d47 !important;
    box-shadow: 0 0 8px rgba(77, 159, 255, 0.1) !important;
}
body.dark-mode .damaged-counter .damaged-number {
    color: #fff !important;
    font-weight: 700 !important;
    text-shadow: 0 0 6px rgba(255,255,255,0.15) !important;
}
body.dark-mode .damaged-counter .damaged-label {
    color: #a0a4ab !important;
}

/* ====== DAMAGED ITEMS — all categories ====== */
body.dark-mode .damaged-item { border-color: #383d47 !important; }
body.dark-mode .damaged-item .count { font-weight: 800 !important; }
body.dark-mode .damaged-item .label { opacity: 0.9; }

body.dark-mode .damaged-item-Red, body.dark-mode .damaged-item-Red-Slim { background-color: rgba(220, 53, 69, 0.2) !important; color: #ff7080 !important; border-color: #5a2020 !important; }
body.dark-mode .damaged-item-Blue, body.dark-mode .damaged-item-Blue-Slim { background-color: rgba(0, 123, 255, 0.2) !important; color: #70b8ff !important; border-color: #20405a !important; }
body.dark-mode .damaged-item-Green { background-color: rgba(40, 167, 69, 0.2) !important; color: #60e080 !important; border-color: #205a20 !important; }
body.dark-mode .damaged-item-Yellow { background-color: rgba(255, 193, 7, 0.15) !important; color: #f0c050 !important; border-color: #5a4a10 !important; }
body.dark-mode .damaged-item-White { background-color: rgba(200, 200, 200, 0.1) !important; color: #d0d0d0 !important; border-color: #4a4a4a !important; }
body.dark-mode .damaged-item-QSFP { background-color: rgba(100, 100, 120, 0.2) !important; color: #c0c0d0 !important; border-color: #4a4a5a !important; }
body.dark-mode .damaged-item-OSFP { background-color: rgba(253, 126, 20, 0.2) !important; color: #ffa050 !important; border-color: #5a3010 !important; }
body.dark-mode .damaged-item-SWITCHES { background-color: rgba(111, 66, 193, 0.2) !important; color: #b090e0 !important; border-color: #3a2060 !important; }
body.dark-mode .damaged-item-BANDAR { background-color: rgba(40, 167, 69, 0.2) !important; color: #60e080 !important; border-color: #205a20 !important; }
body.dark-mode .damaged-item-MiniSAS { background-color: rgba(0, 200, 200, 0.15) !important; color: #60e0e0 !important; border-color: #105050 !important; }
body.dark-mode .damaged-item-Inv\.-General { background-color: rgba(100, 100, 120, 0.15) !important; color: #c0c0d0 !important; border-color: #4a4a5a !important; }

/* Log entries */
body.dark-mode .log-entry { background-color: #1e222a !important; border-color: #2e333c !important; border-left-color: #4d9fff !important; }
body.dark-mode .log-entry.negative { border-left-color: #fd7e14 !important; }
body.dark-mode .log-message { color: #e2e4e8 !important; }
body.dark-mode .log-timestamp { color: #6b7280 !important; }
body.dark-mode .log-user.super-admin { background-color: #3d1520 !important; color: #f08090 !important; border-color: #5a2030 !important; }
body.dark-mode .log-user.user-daly { background-color: #2a1a3d !important; color: #c8a0f0 !important; border-color: #4a2a6a !important; }
body.dark-mode .log-user.user-eliana { background-color: #2d2510 !important; color: #e0c060 !important; border-color: #4a3a10 !important; }
body.dark-mode .log-user:not(.super-admin):not(.user-daly):not(.user-eliana) { background-color: #0f1a2a !important; color: #70b0e0 !important; border-color: #20405a !important; }

/* ====== DYNAMIC OPTIONS TREE (ID selectors) ====== */
body.dark-mode #dynamic-options-tree-container { background-color: #13161b !important; border: 1px solid #2e333c !important; box-shadow: none !important; }
body.dark-mode #dynamic-options-tree-container .dynamic-option-item { background-color: #1e222a !important; border: none !important; border-bottom: 1px solid #2e333c !important; color: #e2e4e8 !important; }
body.dark-mode #dynamic-options-tree-container .dynamic-option-item:hover { background-color: #252a33 !important; }
body.dark-mode #dynamic-options-tree-container .dynamic-option-item:last-child { border-bottom: none !important; }
body.dark-mode #dynamic-options-tree-container .dynamic-option-item[data-level="location"] { border-left: 3px solid #007bff !important; }
body.dark-mode #dynamic-options-tree-container .dynamic-option-item[data-level="rack"] { border-left: 3px solid #17a2b8 !important; }
body.dark-mode #dynamic-options-tree-container .dynamic-option-item[data-level="tray"] { border-left: 3px solid #6f42c1 !important; }
body.dark-mode #dynamic-options-tree-container .option-name { color: #e2e4e8 !important; }
body.dark-mode #dynamic-options-tree-container .btn-edit-option { color: #1e222a !important; }

/* ====== USER CARD — sections + actions ====== */
body.dark-mode .user-card-section { background-color: #1a1e25 !important; border-color: #2e333c !important; }
body.dark-mode .permission-item { background-color: #252a33 !important; border-color: #2e333c !important; }
body.dark-mode .permission-item label { color: #e2e4e8 !important; }
body.dark-mode .user-grid-wrapper { background-color: #13161b !important; border-color: #2e333c !important; }
body.dark-mode .user-card-actions-compact { background-color: #1a1e25 !important; border-color: #2e333c !important; }
body.dark-mode .user-card-actions-compact .new-password-input { background-color: #252a33 !important; color: #e2e4e8 !important; border-color: #383d47 !important; }
body.dark-mode .user-card-actions-compact .change-pass-btn { background-color: #d4a017 !important; color: #1a1e25 !important; }
body.dark-mode .slider { background-color: #383d47 !important; }
body.dark-mode input:checked + .slider { background-color: #28a745 !important; }

/* ====== RACK ACTIVITY CHART ====== */
body.dark-mode #rack-activity-container { background-color: #0f1a2a !important; border-color: #4d9fff !important; }
body.dark-mode #rack-activity-container h2 { color: #4d9fff !important; }
body.dark-mode #rack-activity-container .chart-container { background: transparent !important; }
body.dark-mode #stellaris-usage-container { background-color: #0f1a12 !important; border-color: #22c55e !important; }
body.dark-mode #stellaris-usage-container h2 { color: #4ade80 !important; }
body.dark-mode #stellaris-usage-container .chart-container { background: transparent !important; }
body.dark-mode .stl-filter-btn { border-color: #22c55e !important; }
body.dark-mode .stl-filter-btn:not(.selected) { background: #0f1a12 !important; color: #4ade80 !important; }
body.dark-mode .rack-loc-btn { border-color: #383d47 !important; }

body.dark-mode .damaged-item-BUSBAR { background-color: rgba(111, 66, 193, 0.2) !important; color: #b090e0 !important; border-color: #3a2060 !important; }

/* Online Users Pill — Dark Mode */
body.dark-mode .online-pill { background: transparent; }
body.dark-mode .op-sep { background: #383d47; }
body.dark-mode .op-name { color: #a0a4ab; }
body.dark-mode .op-count { color: #5DCAA5; background: #0f2a1f; }