/* ============================================ Dark Theme — Inside Lockers Portal Ativado via data-bs-theme="dark" no ============================================ */ /* ---------- CSS Variables (Dark) ---------- */ [data-bs-theme="dark"] { --dark-bg-primary: #1a1d23; --dark-bg-secondary: #22262e; --dark-bg-card: #272b33; --dark-bg-input: #2c313a; --dark-bg-hover: #333842; --dark-border: #3a3f4a; --dark-border-light: #444953; --dark-text-primary: #e1e4e8; --dark-text-secondary: #9ca3af; --dark-text-muted: #6b7280; --dark-shadow: rgba(0, 0, 0, 0.3); color-scheme: dark; } /* ---------- Body & Global ---------- */ [data-bs-theme="dark"] body { background-color: var(--dark-bg-primary) !important; color: var(--dark-text-primary) !important; } /* ---------- Global text color overrides ---------- */ [data-bs-theme="dark"] { color: var(--dark-text-primary); } [data-bs-theme="dark"] h1, [data-bs-theme="dark"] h2, [data-bs-theme="dark"] h3, [data-bs-theme="dark"] h4, [data-bs-theme="dark"] h5, [data-bs-theme="dark"] h6, [data-bs-theme="dark"] p, [data-bs-theme="dark"] span, [data-bs-theme="dark"] label, [data-bs-theme="dark"] legend, [data-bs-theme="dark"] li, [data-bs-theme="dark"] td, [data-bs-theme="dark"] th, [data-bs-theme="dark"] dt, [data-bs-theme="dark"] dd, [data-bs-theme="dark"] div, [data-bs-theme="dark"] small, [data-bs-theme="dark"] strong, [data-bs-theme="dark"] b, [data-bs-theme="dark"] em { color: inherit; } /* ---------- Specific dark-colored selectors ---------- */ [data-bs-theme="dark"] .text-dark, [data-bs-theme="dark"] .text-black, [data-bs-theme="dark"] .text-body { color: var(--dark-text-primary) !important; } [data-bs-theme="dark"] .text-muted { color: var(--dark-text-muted) !important; } [data-bs-theme="dark"] .text-secondary { color: var(--dark-text-secondary) !important; } [data-bs-theme="dark"] .page-title { color: var(--dark-text-primary) !important; } [data-bs-theme="dark"] .card-title { color: var(--dark-text-primary) !important; } [data-bs-theme="dark"] .card-subtitle { color: var(--dark-text-secondary) !important; } [data-bs-theme="dark"] .breadcrumb-item.active { color: var(--dark-text-secondary) !important; } [data-bs-theme="dark"] .form-control, [data-bs-theme="dark"] .form-select, [data-bs-theme="dark"] .custom-select { color: var(--dark-text-primary) !important; } [data-bs-theme="dark"] .form-control:focus { color: var(--dark-text-primary) !important; } [data-bs-theme="dark"] .close, [data-bs-theme="dark"] .close:hover { color: var(--dark-text-primary) !important; } [data-bs-theme="dark"] .list-group-item-action { color: var(--dark-text-primary) !important; } [data-bs-theme="dark"] .list-group-item-action:hover { color: var(--dark-text-primary) !important; } /* Inline style overrides: many templates use style="color:#000" etc. */ [data-bs-theme="dark"] [style*="color: black"], [data-bs-theme="dark"] [style*="color:black"], [data-bs-theme="dark"] [style*="color: #000"], [data-bs-theme="dark"] [style*="color:#000"], [data-bs-theme="dark"] [style*="color: #333"], [data-bs-theme="dark"] [style*="color:#333"], [data-bs-theme="dark"] [style*="color: #212529"], [data-bs-theme="dark"] [style*="color:#212529"], [data-bs-theme="dark"] [style*="color: #424242"], [data-bs-theme="dark"] [style*="color:#424242"], [data-bs-theme="dark"] [style*="color: #495057"], [data-bs-theme="dark"] [style*="color:#495057"], [data-bs-theme="dark"] [style*="color: #5c5860"], [data-bs-theme="dark"] [style*="color:#5c5860"], [data-bs-theme="dark"] [style*="color: #1f2a44"], [data-bs-theme="dark"] [style*="color:#1f2a44"] { color: var(--dark-text-primary) !important; } /* Components.css: button-fill-tooltip icons */ [data-bs-theme="dark"] .button-fill-tooltip .icon-content a i::before { color: var(--dark-text-primary) !important; } /* Style.css: .custom-select, input, select defaults */ [data-bs-theme="dark"] input, [data-bs-theme="dark"] select, [data-bs-theme="dark"] textarea { color: var(--dark-text-primary); } /* Feedback icons */ [data-bs-theme="dark"] .feedback-mdi:hover { color: var(--dark-text-primary) !important; } /* ---------- Content Wrapper ---------- */ [data-bs-theme="dark"] .content-wrapper { background: var(--dark-bg-primary) !important; } /* ---------- Cards ---------- */ [data-bs-theme="dark"] .card { background-color: var(--dark-bg-card) !important; border-color: var(--dark-border) !important; color: var(--dark-text-primary) !important; } [data-bs-theme="dark"] .card-header { background-color: var(--dark-bg-secondary) !important; border-bottom-color: var(--dark-border) !important; color: var(--dark-text-primary) !important; } [data-bs-theme="dark"] .card-header.bg-white, [data-bs-theme="dark"] .card-header.bg-light { background-color: var(--dark-bg-secondary) !important; } [data-bs-theme="dark"] .card-footer { background-color: var(--dark-bg-secondary) !important; border-top-color: var(--dark-border) !important; } [data-bs-theme="dark"] .card-body { color: var(--dark-text-primary) !important; } /* ---------- Tables ---------- */ [data-bs-theme="dark"] .table { --bs-table-bg: var(--dark-bg-card); --bs-table-color: var(--dark-text-primary); --bs-table-border-color: var(--dark-border); --bs-table-striped-bg: var(--dark-bg-secondary); --bs-table-striped-color: var(--dark-text-primary); --bs-table-hover-bg: rgba(255, 255, 255, 0.08); --bs-table-hover-color: var(--dark-text-primary); --bs-table-active-bg: rgba(255, 255, 255, 0.12); --bs-table-active-color: var(--dark-text-primary); color: var(--dark-text-primary) !important; border-color: var(--dark-border) !important; } [data-bs-theme="dark"] .table thead th { background-color: var(--dark-bg-secondary) !important; border-color: var(--dark-border) !important; color: var(--dark-text-primary) !important; } [data-bs-theme="dark"] .table td, [data-bs-theme="dark"] .table th { border-color: var(--dark-border) !important; } [data-bs-theme="dark"] .table-hover > tbody > tr:hover > * { --bs-table-accent-bg: rgba(255, 255, 255, 0.08) !important; --bs-table-hover-bg: rgba(255, 255, 255, 0.08) !important; color: var(--dark-text-primary) !important; background-color: rgba(255, 255, 255, 0.08) !important; } [data-bs-theme="dark"] .table-light { --bs-table-bg: var(--dark-bg-secondary) !important; --bs-table-color: var(--dark-text-secondary) !important; --bs-table-border-color: var(--dark-border) !important; --bs-table-striped-bg: var(--dark-bg-hover) !important; --bs-table-hover-bg: rgba(255, 255, 255, 0.08) !important; background-color: var(--dark-bg-secondary) !important; color: var(--dark-text-secondary) !important; } [data-bs-theme="dark"] .table-light th, [data-bs-theme="dark"] .table-light td { background-color: var(--dark-bg-secondary) !important; color: var(--dark-text-secondary) !important; } [data-bs-theme="dark"] .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.03) !important; } [data-bs-theme="dark"] .table-bordered td, [data-bs-theme="dark"] .table-bordered th { border-color: var(--dark-border) !important; } /* Table warning rows (inline edit) */ [data-bs-theme="dark"] .table-warning { --bs-table-bg: rgba(255, 204, 87, 0.15) !important; --bs-table-color: var(--dark-text-primary) !important; background-color: rgba(255, 204, 87, 0.15) !important; color: var(--dark-text-primary) !important; } /* ---------- DataTables ---------- */ [data-bs-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button { color: var(--dark-text-secondary) !important; background: var(--dark-bg-card) !important; border-color: var(--dark-border) !important; } [data-bs-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button.current, [data-bs-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { background: var(--inside-orange) !important; border-color: var(--inside-orange) !important; color: white !important; } [data-bs-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button:hover { background: var(--dark-bg-hover) !important; border-color: var(--dark-border-light) !important; color: var(--dark-text-primary) !important; } [data-bs-theme="dark"] .dataTables_wrapper .dataTables_filter input, [data-bs-theme="dark"] .dataTables_wrapper .dataTables_length select { background-color: var(--dark-bg-input) !important; border-color: var(--dark-border) !important; color: var(--dark-text-primary) !important; } [data-bs-theme="dark"] .dataTables_wrapper .dataTables_info, [data-bs-theme="dark"] .dataTables_wrapper .dataTables_length label, [data-bs-theme="dark"] .dataTables_wrapper .dataTables_filter label { color: var(--dark-text-secondary) !important; } [data-bs-theme="dark"] table.dataTable tbody tr { background-color: var(--dark-bg-card) !important; } [data-bs-theme="dark"] table.dataTable tbody tr.odd { background-color: var(--dark-bg-secondary) !important; } [data-bs-theme="dark"] table.dataTable tbody tr.even { background-color: var(--dark-bg-card) !important; } [data-bs-theme="dark"] table.dataTable tbody tr:hover { background-color: var(--dark-bg-hover) !important; } [data-bs-theme="dark"] table.dataTable.stripe tbody tr.odd, [data-bs-theme="dark"] table.dataTable.display tbody tr.odd { background-color: var(--dark-bg-secondary) !important; } [data-bs-theme="dark"] table.dataTable tbody td { color: var(--dark-text-primary) !important; } [data-bs-theme="dark"] table.dataTable thead th, [data-bs-theme="dark"] table.dataTable thead td { color: var(--dark-text-primary) !important; } [data-bs-theme="dark"] .dataTables_empty { color: var(--dark-text-muted) !important; } [data-bs-theme="dark"] .sorting_1 { background-color: inherit !important; } /* Option elements inside selects */ [data-bs-theme="dark"] option { background-color: var(--dark-bg-input); color: var(--dark-text-primary); } /* ---------- Forms ---------- */ [data-bs-theme="dark"] .form-control, [data-bs-theme="dark"] .form-select { background-color: var(--dark-bg-input) !important; border-color: var(--dark-border) !important; color: var(--dark-text-primary) !important; } [data-bs-theme="dark"] .form-control:focus, [data-bs-theme="dark"] .form-select:focus { background-color: var(--dark-bg-input) !important; border-color: var(--inside-blue) !important; color: var(--dark-text-primary) !important; box-shadow: 0 0 0 0.2rem rgba(21, 117, 204, 0.25) !important; } [data-bs-theme="dark"] .form-control::placeholder { color: var(--dark-text-muted) !important; } [data-bs-theme="dark"] .form-control:disabled, [data-bs-theme="dark"] .form-control[readonly] { background-color: var(--dark-bg-secondary) !important; color: var(--dark-text-muted) !important; } [data-bs-theme="dark"] .form-label, [data-bs-theme="dark"] .control-label { color: var(--dark-text-primary) !important; } [data-bs-theme="dark"] .input-group-text { background-color: var(--dark-bg-secondary) !important; border-color: var(--dark-border) !important; color: var(--dark-text-secondary) !important; } /* ---------- Select2 ---------- */ [data-bs-theme="dark"] .select2-container--bootstrap4 .select2-selection, [data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-selection { background-color: var(--dark-bg-input) !important; border-color: var(--dark-border) !important; color: var(--dark-text-primary) !important; } [data-bs-theme="dark"] .select2-container--bootstrap4 .select2-selection__rendered, [data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-selection__rendered { color: var(--dark-text-primary) !important; } [data-bs-theme="dark"] .select2-dropdown { background-color: var(--dark-bg-card) !important; border-color: var(--dark-border) !important; } [data-bs-theme="dark"] .select2-results__option { color: var(--dark-text-primary) !important; } [data-bs-theme="dark"] .select2-results__option--highlighted { background-color: var(--inside-blue) !important; color: white !important; } [data-bs-theme="dark"] .select2-search__field { background-color: var(--dark-bg-input) !important; color: var(--dark-text-primary) !important; border-color: var(--dark-border) !important; } /* ---------- Modals ---------- */ [data-bs-theme="dark"] .modal-content { background-color: var(--dark-bg-card) !important; border-color: var(--dark-border) !important; color: var(--dark-text-primary) !important; } [data-bs-theme="dark"] .modal-header { border-bottom-color: var(--dark-border) !important; color: var(--dark-text-primary) !important; } [data-bs-theme="dark"] .modal-footer { border-top-color: var(--dark-border) !important; } [data-bs-theme="dark"] .modal-title { color: var(--dark-text-primary) !important; } [data-bs-theme="dark"] .btn-close { filter: invert(1) grayscale(100%) brightness(200%); } /* ---------- Dropdowns ---------- */ [data-bs-theme="dark"] .dropdown-menu { background-color: var(--dark-bg-card) !important; border-color: var(--dark-border) !important; } [data-bs-theme="dark"] .dropdown-item { color: var(--dark-text-primary) !important; } [data-bs-theme="dark"] .dropdown-item:hover, [data-bs-theme="dark"] .dropdown-item:focus { background-color: var(--dark-bg-hover) !important; color: var(--dark-text-primary) !important; } [data-bs-theme="dark"] .dropdown-divider { border-top-color: var(--dark-border) !important; } /* ---------- Alerts ---------- */ [data-bs-theme="dark"] .alert { border-color: var(--dark-border) !important; } [data-bs-theme="dark"] .alert-success { background-color: rgba(65, 182, 114, 0.15) !important; color: #6ee7a0 !important; border-color: rgba(65, 182, 114, 0.3) !important; } [data-bs-theme="dark"] .alert-danger { background-color: rgba(231, 74, 37, 0.15) !important; color: #f87171 !important; border-color: rgba(231, 74, 37, 0.3) !important; } [data-bs-theme="dark"] .alert-warning { background-color: rgba(255, 204, 87, 0.15) !important; color: #fbbf24 !important; border-color: rgba(255, 204, 87, 0.3) !important; } [data-bs-theme="dark"] .alert-info { background-color: rgba(21, 117, 204, 0.15) !important; color: #60a5fa !important; border-color: rgba(21, 117, 204, 0.3) !important; } /* ---------- Badges ---------- */ [data-bs-theme="dark"] .badge.bg-light { background-color: var(--dark-bg-hover) !important; color: var(--dark-text-primary) !important; } /* ---------- Buttons ---------- */ [data-bs-theme="dark"] .btn-light { background-color: var(--dark-bg-hover) !important; border-color: var(--dark-border) !important; color: var(--dark-text-primary) !important; } [data-bs-theme="dark"] .btn-outline-secondary { border-color: var(--dark-border-light) !important; color: var(--dark-text-secondary) !important; } [data-bs-theme="dark"] .btn-outline-secondary:hover { background-color: var(--dark-bg-hover) !important; color: var(--dark-text-primary) !important; } /* ---------- Nav Tabs & Pills ---------- */ [data-bs-theme="dark"] .nav-tabs { border-bottom-color: var(--dark-border) !important; } [data-bs-theme="dark"] .nav-tabs .nav-link { color: var(--dark-text-secondary) !important; } [data-bs-theme="dark"] .nav-tabs .nav-link:hover { border-color: var(--dark-border-light) !important; } [data-bs-theme="dark"] .nav-tabs .nav-link.active { background-color: var(--dark-bg-card) !important; border-color: var(--dark-border) var(--dark-border) var(--dark-bg-card) !important; color: var(--dark-text-primary) !important; } /* ---------- List Group ---------- */ [data-bs-theme="dark"] .list-group-item { background-color: var(--dark-bg-card) !important; border-color: var(--dark-border) !important; color: var(--dark-text-primary) !important; } [data-bs-theme="dark"] .list-group-item-action:hover, [data-bs-theme="dark"] .list-group-item-action:focus { background-color: var(--dark-bg-hover) !important; color: var(--dark-text-primary) !important; } /* ---------- Breadcrumbs ---------- */ [data-bs-theme="dark"] .breadcrumb { background-color: var(--dark-bg-secondary) !important; } [data-bs-theme="dark"] .breadcrumb-item a { color: var(--inside-blue-lighter, #4da3ff) !important; } [data-bs-theme="dark"] .breadcrumb-item.active { color: var(--dark-text-secondary) !important; } /* ---------- Pre & Code ---------- */ [data-bs-theme="dark"] pre { background: var(--dark-bg-secondary) !important; color: var(--dark-text-primary) !important; } [data-bs-theme="dark"] code { color: #f0abfc !important; } /* ---------- Borders & Dividers ---------- */ [data-bs-theme="dark"] .border { border-color: var(--dark-border) !important; } [data-bs-theme="dark"] .border-top { border-top-color: var(--dark-border) !important; } [data-bs-theme="dark"] .border-bottom { border-bottom-color: var(--dark-border) !important; } [data-bs-theme="dark"] hr { border-color: var(--dark-border) !important; color: var(--dark-border) !important; } /* ---------- Backgrounds ---------- */ [data-bs-theme="dark"] .bg-white { background-color: var(--dark-bg-card) !important; } [data-bs-theme="dark"] .bg-light { background-color: var(--dark-bg-secondary) !important; } /* ---------- Text (already covered by global overrides) ---------- */ [data-bs-theme="dark"] a:not(.btn):not(.nav-link):not(.dropdown-item):not(.sidebar a) { color: #60a5fa; } /* ---------- Footer ---------- */ [data-bs-theme="dark"] .footer { background: var(--dark-bg-secondary) !important; border-top-color: var(--dark-border) !important; } /* ---------- Sidebar (already dark — minor tweaks) ---------- */ [data-bs-theme="dark"] .sidebar .right-inner { background: #1e2128dd !important; border-color: var(--dark-border) !important; } /* ---------- Overview Cards ---------- */ [data-bs-theme="dark"] .overview-card { background-color: var(--dark-bg-card) !important; border-color: var(--dark-border) !important; } [data-bs-theme="dark"] .overview-card .card-body { color: var(--dark-text-primary) !important; } [data-bs-theme="dark"] .overview-card:hover { box-shadow: 0 4px 12px var(--dark-shadow) !important; } /* ---------- Metric Cards (Dashboard Suporte) ---------- */ [data-bs-theme="dark"] .metric-item { background-color: var(--dark-bg-card) !important; border-color: var(--dark-border) !important; } [data-bs-theme="dark"] .metric-label { color: var(--dark-text-secondary) !important; } [data-bs-theme="dark"] .metric-value { color: var(--dark-text-primary) !important; } /* ---------- Section Titles ---------- */ [data-bs-theme="dark"] .section-title { color: var(--dark-text-primary) !important; } /* ---------- Support Shell ---------- */ [data-bs-theme="dark"] .support-shell { color: var(--dark-text-primary) !important; } [data-bs-theme="dark"] .support-title { color: var(--dark-text-primary) !important; } /* ---------- Relay Board Card ---------- */ [data-bs-theme="dark"] .relay-board-table-wrap { background: var(--dark-bg-card) !important; border-color: var(--dark-border) !important; } [data-bs-theme="dark"] .relay-board-table td { border-color: var(--dark-border) !important; } [data-bs-theme="dark"] .relay-board-table td:first-child { background: rgba(216, 112, 42, 0.15) !important; color: #f3cfad !important; } [data-bs-theme="dark"] .relay-board-table td[data-relay] { background: var(--dark-bg-secondary) !important; color: var(--dark-text-primary) !important; } [data-bs-theme="dark"] .relay-board-table tbody tr:nth-child(even) td[data-relay] { background: #252b35 !important; } [data-bs-theme="dark"] .relay-board-table td[data-relay]:hover { background: #3a4556 !important; color: #ffffff !important; } [data-bs-theme="dark"] .relay-board-table td.relay-board-highlighted { background: rgba(216, 112, 42, 0.28) !important; color: #ffffff !important; box-shadow: inset 0 0 0 2px #d8702a !important; } [data-bs-theme="dark"] .relay-board-tooltip { background: var(--dark-bg-card) !important; border-color: var(--dark-border) !important; color: var(--dark-text-primary) !important; } /* ---------- Highcharts ---------- */ [data-bs-theme="dark"] .highcharts-background { fill: var(--dark-bg-card) !important; } [data-bs-theme="dark"] .highcharts-title, [data-bs-theme="dark"] .highcharts-subtitle { fill: var(--dark-text-primary) !important; } [data-bs-theme="dark"] .highcharts-axis-title, [data-bs-theme="dark"] .highcharts-axis-labels text { fill: var(--dark-text-secondary) !important; } [data-bs-theme="dark"] .highcharts-legend-item text { fill: var(--dark-text-secondary) !important; } [data-bs-theme="dark"] .highcharts-grid-line { stroke: var(--dark-border) !important; } [data-bs-theme="dark"] .highcharts-tick { stroke: var(--dark-border) !important; } [data-bs-theme="dark"] .highcharts-tooltip-box { fill: var(--dark-bg-card) !important; stroke: var(--dark-border) !important; } /* Highcharts tooltip text (rendered in separate div with inline styles) */ [data-bs-theme="dark"] .highcharts-tooltip text, [data-bs-theme="dark"] .highcharts-tooltip tspan { fill: var(--dark-text-primary) !important; } [data-bs-theme="dark"] .highcharts-tooltip > span { color: var(--dark-text-primary) !important; } [data-bs-theme="dark"] .highcharts-tooltip > span * { color: var(--dark-text-primary) !important; } [data-bs-theme="dark"] .highcharts-label text, [data-bs-theme="dark"] .highcharts-label tspan { fill: var(--dark-text-primary) !important; } /* Highcharts no-data label */ [data-bs-theme="dark"] .highcharts-no-data text { fill: var(--dark-text-muted) !important; } /* Highcharts context menu */ [data-bs-theme="dark"] .highcharts-contextmenu, [data-bs-theme="dark"] .highcharts-menu { background: var(--dark-bg-card) !important; border-color: var(--dark-border) !important; box-shadow: 0 2px 8px var(--dark-shadow) !important; } [data-bs-theme="dark"] .highcharts-menu-item, [data-bs-theme="dark"] .highcharts-menu-item * { color: var(--dark-text-primary) !important; } [data-bs-theme="dark"] .highcharts-menu-item:hover, [data-bs-theme="dark"] .highcharts-menu-item:focus { background: var(--dark-bg-hover) !important; color: #ffffff !important; } [data-bs-theme="dark"] .highcharts-contextmenu hr, [data-bs-theme="dark"] .highcharts-menu hr { border-color: var(--dark-border) !important; } [data-bs-theme="dark"] .highcharts-contextmenu select, [data-bs-theme="dark"] .highcharts-menu select { background-color: var(--dark-bg-input) !important; border: 1px solid var(--dark-border) !important; color: var(--dark-text-primary) !important; } [data-bs-theme="dark"] .highcharts-contextmenu option, [data-bs-theme="dark"] .highcharts-menu option { background-color: var(--dark-bg-input) !important; color: var(--dark-text-primary) !important; } [data-bs-theme="dark"] .highcharts-contextbutton .highcharts-button-box { fill: transparent !important; stroke: var(--dark-border) !important; } [data-bs-theme="dark"] .highcharts-contextbutton .highcharts-button-symbol { fill: var(--dark-text-primary) !important; stroke: var(--dark-text-primary) !important; } /* ---------- Telemetry SVG (date labels: "06/12 Seg") ---------- */ [data-bs-theme="dark"] .small-text { fill: var(--dark-text-secondary) !important; } [data-bs-theme="dark"] #statusList text { fill: var(--dark-text-secondary) !important; } /* Telemetry card container */ [data-bs-theme="dark"] .telemetry-card { background: var(--dark-bg-card) !important; border-color: var(--dark-border) !important; } /* Telemetry container (JS uses bg-white class) */ [data-bs-theme="dark"] #statusList .bg-white { background-color: var(--dark-bg-card) !important; border-color: var(--dark-border) !important; } [data-bs-theme="dark"] #statusList .shadow-sm { box-shadow: 0 2px 6px var(--dark-shadow) !important; } /* ---------- Chart.js Canvas containers ---------- */ [data-bs-theme="dark"] canvas { filter: none; } /* ---------- Pagination ---------- */ [data-bs-theme="dark"] .page-link { background-color: var(--dark-bg-card) !important; border-color: var(--dark-border) !important; color: var(--dark-text-primary) !important; } [data-bs-theme="dark"] .page-item.active .page-link { background-color: var(--inside-blue) !important; border-color: var(--inside-blue) !important; color: white !important; } [data-bs-theme="dark"] .page-item.disabled .page-link { background-color: var(--dark-bg-secondary) !important; color: var(--dark-text-muted) !important; } /* ---------- Toast ---------- */ [data-bs-theme="dark"] .toast { background-color: var(--dark-bg-card) !important; border-color: var(--dark-border) !important; color: var(--dark-text-primary) !important; } /* ---------- Popover & Tooltip ---------- */ [data-bs-theme="dark"] .popover { background-color: var(--dark-bg-card) !important; border-color: var(--dark-border) !important; } [data-bs-theme="dark"] .popover-body { color: var(--dark-text-primary) !important; } [data-bs-theme="dark"] .tooltip-inner { background-color: var(--dark-bg-secondary) !important; color: var(--dark-text-primary) !important; } /* ---------- Accordion ---------- */ [data-bs-theme="dark"] .accordion-item { background-color: var(--dark-bg-card) !important; border-color: var(--dark-border) !important; } [data-bs-theme="dark"] .accordion-button { background-color: var(--dark-bg-secondary) !important; color: var(--dark-text-primary) !important; } [data-bs-theme="dark"] .accordion-button:not(.collapsed) { background-color: var(--dark-bg-hover) !important; color: var(--dark-text-primary) !important; } [data-bs-theme="dark"] .accordion-body { background-color: var(--dark-bg-card) !important; } /* ---------- Scrollbars ---------- */ [data-bs-theme="dark"] ::-webkit-scrollbar { width: 8px; height: 8px; } [data-bs-theme="dark"] ::-webkit-scrollbar-track { background: var(--dark-bg-primary); } [data-bs-theme="dark"] ::-webkit-scrollbar-thumb { background: var(--dark-border-light); border-radius: 4px; } [data-bs-theme="dark"] ::-webkit-scrollbar-thumb:hover { background: var(--dark-text-muted); } /* ---------- Foto Grid (Dashboard Suporte) ---------- */ [data-bs-theme="dark"] .foto-grid-item { border-color: var(--dark-border) !important; background-color: var(--dark-bg-secondary) !important; } /* ---------- Search Modal ---------- */ [data-bs-theme="dark"] #search-modal .modal-content { background-color: var(--dark-bg-card) !important; } [data-bs-theme="dark"] #search-modal .list-group-item-action { background-color: var(--dark-bg-card) !important; color: var(--dark-text-primary) !important; border-color: var(--dark-border) !important; } [data-bs-theme="dark"] #search-modal .list-group-item-action:hover, [data-bs-theme="dark"] #search-modal .list-group-item-action:focus { background-color: var(--dark-bg-hover) !important; } /* ---------- Inside Awards / Special pages ---------- */ [data-bs-theme="dark"] .stat-card { background-color: var(--dark-bg-card) !important; border-color: var(--dark-border) !important; color: var(--dark-text-primary) !important; } /* ---------- Toggle Button ---------- */ .theme-toggle-btn { width: 44px; height: 44px; display: grid; place-items: center; border: 0; background: transparent; font-size: 20px; color: #e8ecf4; border-radius: 8px; cursor: pointer; transition: 0.3s; margin-top: auto; margin-bottom: 20px; } .theme-toggle-btn:hover { color: #fbbf24; } .theme-toggle-btn .fa-sun { display: none; } .theme-toggle-btn .fa-moon { display: inline; } [data-bs-theme="dark"] .theme-toggle-btn .fa-sun { display: inline; } [data-bs-theme="dark"] .theme-toggle-btn .fa-moon { display: none; } /* ---------- Login Page ---------- */ [data-bs-theme="dark"] .login-page .form { background: var(--dark-bg-card) !important; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4) !important; } [data-bs-theme="dark"] .login-page .form input.form-control { background: var(--dark-bg-input) !important; color: var(--dark-text-primary) !important; border: 1px solid var(--dark-border) !important; } [data-bs-theme="dark"] .login-page .form input.form-control::placeholder { color: var(--dark-text-muted) !important; } [data-bs-theme="dark"] .login-page .form h1, [data-bs-theme="dark"] .login-page .form label, [data-bs-theme="dark"] .login-page .form p, [data-bs-theme="dark"] .login-page .form a { color: var(--dark-text-primary) !important; } [data-bs-theme="dark"] .login-page .form .feedback-mdi { color: var(--dark-text-secondary) !important; } [data-bs-theme="dark"] .login-page .form .feedback-mdi:hover { color: var(--dark-text-primary) !important; } [data-bs-theme="dark"] .login-page .form .message { color: var(--dark-text-muted) !important; } [data-bs-theme="dark"] .login-page ~ body, html[data-bs-theme="dark"] body { background: linear-gradient(to left, #1a1d23, #22262e) !important; } /* Login logo — inverter para ficar claro no dark */ [data-bs-theme="dark"] .logo img, [data-bs-theme="dark"] .form .logo img { filter: invert(1) brightness(2); } /* ---------- Error Pages (403, 404, 500) ---------- */ [data-bs-theme="dark"] .error-page, [data-bs-theme="dark"] .container .info h1 { color: var(--dark-text-primary) !important; } /* ---------- Print: always light ---------- */ @media print { [data-bs-theme="dark"] body { background-color: white !important; color: black !important; } [data-bs-theme="dark"] .card { background-color: white !important; border-color: #dee2e6 !important; color: black !important; } [data-bs-theme="dark"] .table td, [data-bs-theme="dark"] .table th { background-color: white !important; color: black !important; } }