/* ============================================================================ Dark Mode — Global Overrides Activated via: Bootstrap 5.3 handles most of its own components; this file covers the custom styles that use hardcoded light colors. ============================================================================ */ /* ── Body ── */ [data-bs-theme="dark"] body { background-color: #0f172a !important; color: #e2e8f0; } /* ── Utility overrides ── */ [data-bs-theme="dark"] .bg-white, [data-bs-theme="dark"] .bg-light { background-color: #1e293b !important; color: #e2e8f0; } [data-bs-theme="dark"] .border { border-color: rgba(255, 255, 255, .1) !important; } [data-bs-theme="dark"] .text-dark { color: #e2e8f0 !important; } [data-bs-theme="dark"] .text-muted { color: #64748b !important; } /* ── Footer ── */ [data-bs-theme="dark"] .site-footer { background: rgba(255, 255, 255, .03) !important; border-color: rgba(255, 255, 255, .08) !important; } [data-bs-theme="dark"] .site-footer .text-muted { color: #64748b !important; } /* ── Cards (Bootstrap + custom) ── */ [data-bs-theme="dark"] .card { background-color: #1e293b !important; border-color: rgba(255, 255, 255, .08) !important; } [data-bs-theme="dark"] .card-header { background-color: #162032 !important; border-color: rgba(255, 255, 255, .08) !important; color: #e2e8f0; } [data-bs-theme="dark"] .card-footer { background-color: #162032 !important; border-color: rgba(255, 255, 255, .08) !important; } [data-bs-theme="dark"] .card_doc_search { background: #1e293b !important; border-color: rgba(255, 255, 255, .08) !important; } /* ── Tables ── */ [data-bs-theme="dark"] .table { color: #e2e8f0; --bs-table-bg: transparent; --bs-table-border-color: rgba(255, 255, 255, .08); } [data-bs-theme="dark"] .table-secondary, [data-bs-theme="dark"] #docTable thead th { background-color: #162032 !important; color: #94a3b8 !important; border-color: rgba(255, 255, 255, .1) !important; } [data-bs-theme="dark"] #docTable tbody tr:hover { background-color: #1a2744 !important; color: #e2e8f0 !important; } [data-bs-theme="dark"] .table-bordered td, [data-bs-theme="dark"] .table-bordered th { border-color: rgba(255, 255, 255, .08) !important; } /* ── Forms ── */ [data-bs-theme="dark"] .form-control, [data-bs-theme="dark"] .form-select { background-color: #1e293b; border-color: rgba(255, 255, 255, .15); color: #e2e8f0; } [data-bs-theme="dark"] .form-control:focus, [data-bs-theme="dark"] .form-select:focus { background-color: #1e293b; color: #e2e8f0; border-color: #667eea; } [data-bs-theme="dark"] .form-control::placeholder { color: #475569; } [data-bs-theme="dark"] .form-control[readonly] { background-color: #162032; color: #64748b; } [data-bs-theme="dark"] .input-group-text { background-color: #162032; border-color: rgba(255, 255, 255, .15); color: #94a3b8; } /* ── Alerts ── */ [data-bs-theme="dark"] .alert-info { background-color: #1e3a5f !important; color: #93c5fd !important; border-left-color: #3b82f6 !important; } [data-bs-theme="dark"] .alert-danger { background: #3f1a1a !important; color: #fca5a5 !important; border-left-color: #ef4444 !important; } [data-bs-theme="dark"] .alert-warning { background: #3d2a0a !important; color: #fcd34d !important; border-left-color: #f59e0b !important; } [data-bs-theme="dark"] .alert-success { background: #0d2e1c !important; color: #86efac !important; border-left-color: #10b981 !important; } /* ── Dropdown menus ── */ [data-bs-theme="dark"] .dropdown-menu { background-color: #1e293b; border-color: rgba(255, 255, 255, .1); } [data-bs-theme="dark"] .dropdown-item { color: #e2e8f0; } [data-bs-theme="dark"] .dropdown-item:hover, [data-bs-theme="dark"] .dropdown-item:focus { background-color: #162032; color: #f1f5f9; } [data-bs-theme="dark"] .dropdown-divider { border-color: rgba(255, 255, 255, .1); } /* ── Modals ── */ [data-bs-theme="dark"] .modal-content { background-color: #1e293b; border-color: rgba(255, 255, 255, .08); } [data-bs-theme="dark"] .modal-header { border-color: rgba(255, 255, 255, .08); } [data-bs-theme="dark"] .modal-footer { border-color: rgba(255, 255, 255, .08); background-color: #162032; } [data-bs-theme="dark"] #imgPreviewModal .modal-body { background: #0f172a; } [data-bs-theme="dark"] .modal-title, [data-bs-theme="dark"] .modal-body, [data-bs-theme="dark"] .modal-body label, [data-bs-theme="dark"] .modal-body p { color: #e2e8f0; } /* ── Login page ── */ [data-bs-theme="dark"] .login-container { background: #1e293b; border-color: rgba(255, 255, 255, .08); } [data-bs-theme="dark"] .login-header h3 { color: #f1f5f9; } [data-bs-theme="dark"] .login-header p { color: #94a3b8; } /* ── User profile ── */ [data-bs-theme="dark"] .profile-info-section { background: #162032 !important; border-color: rgba(255, 255, 255, .08) !important; } [data-bs-theme="dark"] .profile-field-label { color: #94a3b8 !important; } [data-bs-theme="dark"] .profile-field-value { color: #e2e8f0 !important; } /* ── Home page — startup landing ── */ [data-bs-theme="dark"] .vis-hero__headline { color: #f1f5f9; } [data-bs-theme="dark"] .vis-hero__badge { background: rgba(6, 182, 212, .15); border-color: rgba(6, 182, 212, .3); color: #22d3ee; } [data-bs-theme="dark"] .vis-hero__sub { color: #94a3b8; } [data-bs-theme="dark"] .vis-feature-card { background: #1e293b !important; border-color: rgba(255, 255, 255, .07) !important; } [data-bs-theme="dark"] .vis-feature-card__title { color: #f1f5f9; } [data-bs-theme="dark"] .vis-feature-card__text { color: #94a3b8; } /* ── Scrollbar in dark mode ── */ [data-bs-theme="dark"] ::-webkit-scrollbar-track { background: #1e293b; } [data-bs-theme="dark"] ::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, .2); } [data-bs-theme="dark"] ::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, .35); } /* ── Bulk-actions bar (doc list) ── */ [data-bs-theme="dark"] #bulk-actions-bar { background-color: #1a2744 !important; border-color: rgba(255, 255, 255, .1) !important; color: #e2e8f0; } /* ============================================================================ CHAT PAGE The inline