/* ============================================================================ WikiDoc — Night mode (dark theme) ---------------------------------------------------------------------------- Activated by the `wd-dark` class on , toggled from the TopMenu day/night button (window.wikidocTheme in js/wikidoc.js) and persisted in localStorage under 'wd-theme'. An inline pre-paint script in App.razor applies the class before first render so there is no white flash. Lives in wwwroot (NOT a .razor.css) deliberately — same deploy-reliability reason as the review styles (§4.25 in CLAUDE.md): app.css-style plain stylesheets always load; the CSS-isolation bundle can go stale on publish. Loaded AFTER wikidocweb.styles.css so `html.wd-dark ...` rules also win against component-scoped rules via cascade order + specificity. Structure: 1. Tokens + base (html/body, scrollbars, links) 2. Theme-toggle button (icon swap — includes the LIGHT-mode rule) 3. Top navbar + admin dropdown 4. Bootstrap components (cards, modals, tables, forms, alerts, …) 5. Grouped overrides for custom classes (surfaces / headers / hovers / tinted states / text), generated from an inventory of every light-background class across app.css + the component stylesheets. ============================================================================ */ /* ── 1. Tokens + base ─────────────────────────────────────────────────────── */ html.wd-dark { color-scheme: dark; --wd-bg: #262626; /* page background */ --wd-surface: #2e2e2e; /* cards, panels, modals (was #fff) */ --wd-surface-2: #373737; /* headers, subtle grey bands (was #f8f9fa…) */ --wd-surface-3: #414141; /* hover / raised */ --wd-border: #4d4d4d; --wd-border-soft: #3c3c3c; --wd-text: #d9d9d9; --wd-text-strong: #f0f0f0; --wd-muted: #a6a6a6; --wd-link: #6aa6f8; } html.wd-dark, html.wd-dark body { background: var(--wd-bg); color: var(--wd-text); } html.wd-dark a, html.wd-dark .btn-link { color: var(--wd-link); } html.wd-dark h1, html.wd-dark h2, html.wd-dark h3, html.wd-dark h4, html.wd-dark h5, html.wd-dark h6 { color: var(--wd-text-strong); } html.wd-dark hr { border-color: var(--wd-border); } html.wd-dark .page-loading-overlay { background-color: rgba(10, 13, 20, 0.82); } html.wd-dark .main-content-container, html.wd-dark .main-container { background: var(--wd-bg); } /* ── 2. Day/Night toggle button (markup in TopMenu.razor) ─────────────────── */ .wd-theme-toggle .wd-theme-icon-sun, .wd-theme-toggle .wd-theme-label-day { display: none; } html.wd-dark .wd-theme-toggle .wd-theme-icon-sun, html.wd-dark .wd-theme-toggle .wd-theme-label-day { display: inline; } html.wd-dark .wd-theme-toggle .wd-theme-icon-moon, html.wd-dark .wd-theme-toggle .wd-theme-label-night { display: none; } .wd-theme-toggle .fa-moon { color: #3b4252; } html.wd-dark .wd-theme-toggle .fa-sun { color: #fbbf24; } /* ── 3. Top navbar + admin dropdown ───────────────────────────────────────── */ html.wd-dark nav.navbar { background-color: #1f1f1f !important; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.45); } html.wd-dark .nav-link, html.wd-dark .dropbtn, html.wd-dark .topbar-item-text, html.wd-dark .topbar-item-block a { color: var(--wd-text) !important; } html.wd-dark .nav-link:hover, html.wd-dark .dropbtn:hover, html.wd-dark .dropbtn:focus, html.wd-dark .topbar-item-block:hover { background-color: rgba(255, 255, 255, 0.08); } /* Inline SVG icons in the navbar carry hardcoded fill="#353533" attributes — the CSS `fill` property outranks presentation attributes, so this wins. */ html.wd-dark nav.navbar svg { fill: var(--wd-text); } html.wd-dark .navbar-toggler { background-color: rgba(255, 255, 255, 0.12); } html.wd-dark .navbar-light .navbar-toggler-icon { filter: invert(1); } html.wd-dark .ddown-content { background-color: var(--wd-surface); border-color: var(--wd-border); box-shadow: 0 8px 28px rgba(0, 0, 0, 0.55); } html.wd-dark .ddown-item, html.wd-dark .topbar-ddown-item-text, html.wd-dark #admDrop .navbar-dropdown-container li a { color: var(--wd-text); } html.wd-dark #admDrop .navbar-dropdown-container li a:hover { background-color: var(--wd-surface-3); } html.wd-dark .ddown-section-label { color: var(--wd-muted); } html.wd-dark .topbar { background-color: #1a1a1a; } /* ── 4. Bootstrap components ──────────────────────────────────────────────── */ /* Cards */ html.wd-dark .card { background-color: var(--wd-surface); border-color: var(--wd-border); color: var(--wd-text); } html.wd-dark .card-header, html.wd-dark .card-footer { background-color: var(--wd-surface-2); border-color: var(--wd-border); } /* Modals */ html.wd-dark .modal-content { background-color: var(--wd-surface); border-color: var(--wd-border); color: var(--wd-text); } html.wd-dark .modal-header, html.wd-dark .modal-footer { border-color: var(--wd-border); } html.wd-dark .btn-close { filter: invert(1) grayscale(100%) brightness(180%); } /* Tables (Bootstrap + QuickGrid renders plain ) */ html.wd-dark .table { color: var(--wd-text); border-color: var(--wd-border); --bs-table-bg: transparent; --bs-table-striped-bg: rgba(255, 255, 255, 0.03); --bs-table-striped-color: var(--wd-text); --bs-table-hover-bg: rgba(255, 255, 255, 0.06); --bs-table-hover-color: var(--wd-text); } html.wd-dark th, html.wd-dark td { border-color: var(--wd-border-soft); } html.wd-dark thead { background-color: var(--wd-surface-2); } html.wd-dark tbody td { color: var(--wd-text); } /* Generic striped/hover rows used by the scoped ::deep grid styles (AdmDocumente QuickGrid, Home doc lists, …) */ html.wd-dark tbody tr:nth-child(odd) td { background-color: transparent; } html.wd-dark tbody tr:nth-child(even) td { background-color: rgba(255, 255, 255, 0.03); } html.wd-dark tbody tr:hover td { background-color: rgba(255, 255, 255, 0.06); } /* Named tables whose scoped rules carry higher specificity */ html.wd-dark .rf-table thead tr th, html.wd-dark .clients-table thead tr th { background: var(--wd-surface-2); color: var(--wd-text); } html.wd-dark .rf-table tbody tr:nth-child(odd) td, html.wd-dark .clients-table tbody tr:nth-child(odd) td { background: transparent; } html.wd-dark .rf-table tbody tr:nth-child(even) td, html.wd-dark .clients-table tbody tr:nth-child(even) td { background: rgba(255, 255, 255, 0.03); } html.wd-dark .rf-table tbody tr:hover td, html.wd-dark .clients-table tbody tr:hover td { background: rgba(255, 255, 255, 0.06); } /* Forms */ html.wd-dark .form-control, html.wd-dark .form-select, html.wd-dark input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="submit"]):not([type="button"]), html.wd-dark select, html.wd-dark textarea { background-color: var(--wd-surface-2); border-color: var(--wd-border); color: var(--wd-text); } html.wd-dark .form-control:focus, html.wd-dark .form-select:focus, html.wd-dark input:focus, html.wd-dark select:focus, html.wd-dark textarea:focus { background-color: var(--wd-surface-3); border-color: var(--wd-link); color: var(--wd-text-strong); box-shadow: 0 0 0 0.2rem rgba(106, 166, 248, 0.2); } html.wd-dark .form-control:disabled, html.wd-dark .form-control[readonly], html.wd-dark input:disabled, html.wd-dark select:disabled, html.wd-dark textarea:disabled { background-color: var(--wd-surface); color: var(--wd-muted); } html.wd-dark ::placeholder { color: var(--wd-muted); opacity: 1; } /* Re-draw the .form-select caret in a light stroke (the default is dark) */ html.wd-dark .form-select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23aab2c5' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); } html.wd-dark .form-check-input { background-color: var(--wd-surface-2); border-color: var(--wd-border); } html.wd-dark .form-check-input:checked { background-color: #2f6fd0; border-color: #2f6fd0; } html.wd-dark .input-group-text { background-color: var(--wd-surface-3); border-color: var(--wd-border); color: var(--wd-text); } /* Dropdown menus */ html.wd-dark .dropdown-menu { background-color: var(--wd-surface); border-color: var(--wd-border); color: var(--wd-text); } html.wd-dark .dropdown-item { color: var(--wd-text); } html.wd-dark .dropdown-item:hover, html.wd-dark .dropdown-item:focus { background-color: var(--wd-surface-3); color: var(--wd-text-strong); } html.wd-dark .dropdown-divider { border-color: var(--wd-border); } /* List groups */ html.wd-dark .list-group-item { background-color: var(--wd-surface); border-color: var(--wd-border); color: var(--wd-text); } /* Accordions */ html.wd-dark .accordion-item { background-color: var(--wd-surface); border-color: var(--wd-border); color: var(--wd-text); } html.wd-dark .accordion-button { background-color: var(--wd-surface-2); color: var(--wd-text); } html.wd-dark .accordion-button:not(.collapsed) { background-color: var(--wd-surface-3); color: var(--wd-text-strong); } html.wd-dark .accordion-button::after { filter: invert(1) grayscale(100%) brightness(160%); } html.wd-dark .accordion-body { background-color: var(--wd-surface); color: var(--wd-text); } /* Tabs, pagination, breadcrumbs */ html.wd-dark .nav-tabs { border-color: var(--wd-border); } html.wd-dark .nav-tabs .nav-link { color: var(--wd-text) !important; } html.wd-dark .nav-tabs .nav-link.active { background-color: var(--wd-surface); border-color: var(--wd-border) var(--wd-border) var(--wd-surface); color: var(--wd-text-strong) !important; } html.wd-dark .page-link { background-color: var(--wd-surface); border-color: var(--wd-border); color: var(--wd-link); } html.wd-dark .breadcrumb { background-color: var(--wd-surface-2); } /* Buttons that assume a light page */ html.wd-dark .btn-light { background-color: var(--wd-surface-3); border-color: var(--wd-border); color: var(--wd-text); } html.wd-dark .btn-outline-secondary, html.wd-dark .btn-outline-dark { color: var(--wd-text); border-color: var(--wd-border); } html.wd-dark .btn-outline-secondary:hover, html.wd-dark .btn-outline-dark:hover { background-color: var(--wd-surface-3); color: var(--wd-text-strong); } /* Utility classes */ html.wd-dark .bg-white { background-color: var(--wd-surface) !important; } html.wd-dark .bg-light { background-color: var(--wd-surface-2) !important; } html.wd-dark .text-dark { color: var(--wd-text) !important; } html.wd-dark .text-body { color: var(--wd-text) !important; } html.wd-dark .text-muted { color: var(--wd-muted) !important; } html.wd-dark .text-secondary { color: var(--wd-muted) !important; } html.wd-dark .text-black-50 { color: var(--wd-muted) !important; } html.wd-dark .border { border-color: var(--wd-border) !important; } html.wd-dark .badge.bg-light { color: var(--wd-text) !important; } html.wd-dark .shadow-sm, html.wd-dark .shadow { box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5) !important; } /* Alerts — dark tinted variants */ html.wd-dark .alert-primary { background: #172a45; border-color: #29497a; color: #a5c6f2; } html.wd-dark .alert-info { background: #10303f; border-color: #1d566e; color: #93d6f2; } html.wd-dark .alert-success { background: #122e1f; border-color: #1e5233; color: #93e0af; } html.wd-dark .alert-warning { background: #362c10; border-color: #6b5518; color: #f5d882; } html.wd-dark .alert-danger { background: #3a181b; border-color: #6e2a2e; color: #f2a6ab; } html.wd-dark .alert-secondary, html.wd-dark .alert-light { background: var(--wd-surface-2); border-color: var(--wd-border); color: var(--wd-text); } /* Toasts / popovers */ html.wd-dark .toast { background-color: var(--wd-surface); border-color: var(--wd-border); color: var(--wd-text); } /* ── 5. Custom app surfaces (grouped by token) ───────────────────────────── */ /* 5a. White panels → surface. Inventory: app.css + component stylesheets. */ html.wd-dark .administrator-data, html.wd-dark .module, html.wd-dark .plan-card, html.wd-dark .contract-section, html.wd-dark .setdoc-modal, html.wd-dark .setdoc-doc-list, html.wd-dark .setdoc-doc-check, html.wd-dark .feedback-form, html.wd-dark .feedback-pill, html.wd-dark .feedback-scale-btn, html.wd-dark .feedback-thanks, html.wd-dark .review-popup, html.wd-dark .review-list-filters, html.wd-dark .review-card, html.wd-dark .review-wizard-pill, html.wd-dark .review-wizard-scale-btn, html.wd-dark .support-list-toolbar, html.wd-dark .support-card, html.wd-dark .support-info-card, html.wd-dark .doc-puncte-dropdown, html.wd-dark .tier-popover, html.wd-dark .doc-row-available, html.wd-dark .doc-section-available, html.wd-dark .client-search-box, html.wd-dark .client-dropdown-toggle, html.wd-dark .client-dropdown-menu, html.wd-dark .doc-seturi-banner-exit, html.wd-dark .adm-act-toolbar, html.wd-dark .adm-act-tri, html.wd-dark .adm-act-stat, html.wd-dark .adm-act-empty, html.wd-dark .adm-act-table-wrap, html.wd-dark .adm-act-toggle, html.wd-dark .adm-act-modal, html.wd-dark .adm-grid-card, html.wd-dark .chatbot-panel, html.wd-dark .chatbot-panel-footer, html.wd-dark .chatbot-msg--assistant .chatbot-msg-bubble, html.wd-dark .chatbot-card, html.wd-dark .data-card, html.wd-dark .elab-client-dropdown-toggle, html.wd-dark .elab-client-dropdown-menu, html.wd-dark .elab-client-dropdown-filters, html.wd-dark .elab-sig-preview, html.wd-dark .elab-show-configured-btn, html.wd-dark .elab-company-card, html.wd-dark .manage-card, html.wd-dark .btn-view-user-data, html.wd-dark .adm-mt-card, html.wd-dark .adm-mt-mode-toggle, html.wd-dark .adm-cbi-stat, html.wd-dark .adm-cbi-toolbar, html.wd-dark .adm-cbi-filter, html.wd-dark .adm-cbi-table-wrapper, html.wd-dark .adm-cbi-modal, html.wd-dark .adm-cbi-progress-card, html.wd-dark .stat-card, html.wd-dark .search-input, html.wd-dark .gdpr-paper, html.wd-dark .gdpr-history-scroll, html.wd-dark .gdpr-load-more-btn, html.wd-dark .seturi-dropdown-toggle, html.wd-dark .seturi-dropdown-menu, html.wd-dark .seturi-btn-save-current, html.wd-dark .rf-mode-btn, html.wd-dark .rfimg-preview, html.wd-dark .subscription-box.default-highlighted, html.wd-dark .subscription-box.hovered, html.wd-dark .subscription-box:hover { background: var(--wd-surface); border-color: var(--wd-border); color: var(--wd-text); } /* 5b. Light-grey bands / headers / inputs → surface-2 */ html.wd-dark .data-card-header, html.wd-dark .manage-card-header, html.wd-dark .manage-info-field, html.wd-dark .manage-platitor-tva, html.wd-dark .manage-logo-preview, html.wd-dark .doc-top-toolbar, html.wd-dark .doc-header-row, html.wd-dark .doc-puncte-dropdown-header, html.wd-dark .domain-selector-section, html.wd-dark .contract-header, html.wd-dark .setdoc-modal-footer, html.wd-dark .setdoc-counter, html.wd-dark .chatbot-panel-header, html.wd-dark .chatbot-card-header, html.wd-dark .chatbot-input, html.wd-dark .chatbot-disclaimer, html.wd-dark .chatbot-panel-body, html.wd-dark .adm-act-preset-btn, html.wd-dark .adm-act-modal-head, html.wd-dark .adm-act-detaliu-head, html.wd-dark .bulk-dropzone, html.wd-dark .bulk-legend, html.wd-dark .frag-dropzone, html.wd-dark .adm-mt-dropzone, html.wd-dark .adm-mt-mode-bar, html.wd-dark .adm-mt-doc-row, html.wd-dark .adm-mt-compare-frame-wrap, html.wd-dark .adm-cbi-modal-header, html.wd-dark .adm-cbi-modal-footer, html.wd-dark .feedback-accordion, html.wd-dark .review-wizard-accordion, html.wd-dark .support-card-body, html.wd-dark .elab-accordion .accordion-button, html.wd-dark .elab-sig-card, html.wd-dark .elab-cards-modal-body, html.wd-dark .gdpr-note, html.wd-dark .gdpr-kv-table th, html.wd-dark .gdpr-punct, html.wd-dark .doc-seturi-row, html.wd-dark .doc-seturi-row-free, html.wd-dark .doc-preset-help, html.wd-dark .doc-filter-select, html.wd-dark .doc-search-input, html.wd-dark .adm-search-input, html.wd-dark .adm-filter-select, html.wd-dark .top-row, html.wd-dark .doc-category, html.wd-dark .review-list-tab-count, html.wd-dark .adm-act-badge-self, html.wd-dark .adm-act-back, html.wd-dark .adm-act-mini-grey, html.wd-dark .adm-act-filter-note, html.wd-dark .adm-act-clear-filter, html.wd-dark .adm-act-subtitle code, html.wd-dark .adm-cbi-btn-refresh, html.wd-dark .adm-cbi-badge-notindexed, html.wd-dark .adm-cbi-badge-excluded, html.wd-dark .adm-mt-pill--empty, html.wd-dark .elab-subaccount-chip, html.wd-dark .btn-subscribe-main:disabled, html.wd-dark .doc-seturi-mode-pill-free, html.wd-dark .fake-checkbox, html.wd-dark .terms-conditions-box, html.wd-dark .support-card-category-other, html.wd-dark .setdoc-modal-header-secondary, html.wd-dark .seturi-dropdown-divider { background: var(--wd-surface-2); border-color: var(--wd-border); color: var(--wd-text); } /* Support page inputs force white with !important — match strength. */ html.wd-dark .support-input { background: var(--wd-surface-2) !important; border-color: var(--wd-border) !important; color: var(--wd-text) !important; } html.wd-dark .support-input:disabled { background: var(--wd-surface) !important; color: var(--wd-muted) !important; } html.wd-dark .btn-support-secondary { background: var(--wd-surface-2) !important; border-color: var(--wd-border) !important; color: var(--wd-text) !important; } /* 5c. Hovers on white/pale-blue → raised surface */ html.wd-dark .doc-punct-row:hover, html.wd-dark .doc-row-available:hover, html.wd-dark .client-dropdown-item:hover, html.wd-dark .domain-btn:hover, html.wd-dark .manage-add-btn:hover, html.wd-dark .manage-icon-action:hover:not(:disabled), html.wd-dark .adm-mt-icon-btn:hover:not(:disabled), html.wd-dark .adm-mt-mode-btn:hover:not(:disabled):not(.is-active), html.wd-dark .adm-mt-doc-row:hover, html.wd-dark .setdoc-doc-row:hover, html.wd-dark .seturi-dropdown-item:hover, html.wd-dark .elab-client-dropdown-item:hover:not(.disabled), html.wd-dark .adm-cbi-row:hover, html.wd-dark .chatbot-doc-row:hover, html.wd-dark .adm-act-preset-btn:hover, html.wd-dark .adm-act-toggle:hover, html.wd-dark .adm-act-modal-x:hover, html.wd-dark .adm-act-back:hover, html.wd-dark .adm-act-mini-grey:hover, html.wd-dark .client-search-clear:hover, html.wd-dark .seturi-btn-save-current:hover, html.wd-dark .bulk-dropzone:hover, html.wd-dark .frag-dropzone:hover, html.wd-dark .doc-filter-select:focus, html.wd-dark .doc-search-input:focus, html.wd-dark .adm-search-input:focus, html.wd-dark .adm-filter-select:focus { background: var(--wd-surface-3); color: var(--wd-text); } /* 5d. Tinted states — green (selected / success) */ html.wd-dark .doc-row-selected, html.wd-dark .doc-punct-row-checked, html.wd-dark .doc-section-selected .doc-section-header, html.wd-dark .setdoc-doc-row-selected, html.wd-dark .adm-act-kill-on, html.wd-dark .adm-act-mini-green, html.wd-dark .adm-act-regen-note.ok, html.wd-dark .elab-toast-success, html.wd-dark .status-active-badge, html.wd-dark .plan-disc-box, html.wd-dark .support-state-success, html.wd-dark .adm-mt-dropzone.is-filled, html.wd-dark .rfimg-info, html.wd-dark .rfimg-grid-badge { background: rgba(34, 197, 94, 0.12); border-color: rgba(34, 197, 94, 0.35); color: #7ed99a; } html.wd-dark .doc-row-selected, html.wd-dark .doc-punct-row-checked, html.wd-dark .setdoc-doc-row-selected { color: var(--wd-text); } html.wd-dark .doc-row-selected:hover { background: rgba(239, 68, 68, 0.14); /* red tint = "click to deselect" cue */ } html.wd-dark .doc-section-selected .doc-section-header { color: #7ed99a; } /* Inline last-archive card (green gradient) */ html.wd-dark .doc-last-archive { background: linear-gradient(135deg, #0e2b20, #12382a); border-color: rgba(52, 211, 153, 0.35); } html.wd-dark .doc-last-archive-name { color: #a7f3d0; } html.wd-dark .doc-last-archive-meta { color: #6ee7b7; } html.wd-dark .doc-last-archive-icon { color: #34d399; } /* 5e. Tinted states — red (errors / danger) */ html.wd-dark .sub-error-msg, html.wd-dark .feedback-error, html.wd-dark .review-wizard-error, html.wd-dark .support-card-category-urgent, html.wd-dark .adm-act-kill-off, html.wd-dark .adm-act-row-threat td, html.wd-dark .adm-act-regen-note.err, html.wd-dark .support-state-error, html.wd-dark .elab-toast-error, html.wd-dark .elab-field-chip.miss, html.wd-dark .status-inactive-badge, html.wd-dark .bulk-rejected, html.wd-dark .chatbot-notice-error, html.wd-dark .chatbot-doc-btn-failed, html.wd-dark .seturi-item-delete:hover, html.wd-dark .manage-logo-error { background: rgba(239, 68, 68, 0.13); border-color: rgba(239, 68, 68, 0.4); color: #f1a0a5; } html.wd-dark .adm-act-tri-error:hover, html.wd-dark .adm-act-tri-error.active { background: rgba(239, 68, 68, 0.13); } /* 5f. Tinted states — yellow/amber (warnings / unread) */ html.wd-dark .no-plan-hint, html.wd-dark .support-card-unread, html.wd-dark .support-card-category-ops, html.wd-dark .adm-act-badge-onbehalf, html.wd-dark .adm-act-row-watch td, html.wd-dark .chatbot-notice-warning, html.wd-dark .adm-cbi-notice-warning, html.wd-dark .adm-cbi-badge-stale, html.wd-dark .support-state-warning, html.wd-dark .status-incomplete-badge, html.wd-dark .elab-card-domain-pill.elab-state-partial { background: rgba(245, 158, 11, 0.13); border-color: rgba(245, 158, 11, 0.4); color: #f2c76a; } html.wd-dark .adm-act-tri-warning:hover, html.wd-dark .adm-act-tri-warning.active { background: rgba(245, 158, 11, 0.13); } html.wd-dark .doc-empty-state-soon { background: linear-gradient(180deg, #2b2410 0%, #1d1a10 100%); } /* 5g. Tinted states — blue/indigo (info / chips) */ html.wd-dark .plan-prorata-box, html.wd-dark .adm-act-inspect, html.wd-dark .adm-act-dom-chip, html.wd-dark .adm-act-mini-blue, html.wd-dark .subscription-box, html.wd-dark .frag-file-pill, html.wd-dark .frag-badge, html.wd-dark .btn-add-icon, html.wd-dark .bulk-dropzone.is-dragover, html.wd-dark .frag-dropzone.is-dragover, html.wd-dark .adm-mt-dropzone.is-dragover, html.wd-dark .support-info-card--accent, html.wd-dark .chatbot-doc-module, html.wd-dark .chatbot-citation, html.wd-dark .adm-cbi-module, html.wd-dark .client-dropdown-item.selected, html.wd-dark .elab-client-dropdown-item.selected, html.wd-dark .support-urgent-banner { background: rgba(96, 165, 250, 0.13); border-color: rgba(96, 165, 250, 0.35); color: #9dc3f2; } /* 5h. Tinted states — purple (SetDocumente / group mode) */ html.wd-dark .setdoc-modal-header, html.wd-dark .doc-seturi-row-group, html.wd-dark .doc-seturi-banner, html.wd-dark .seturi-dropdown-toggle-active, html.wd-dark .seturi-dropdown-item-active, html.wd-dark .elab-sig-header { background: linear-gradient(135deg, #2a2350 0%, #352b63 100%); border-color: rgba(167, 139, 250, 0.4); color: #c4b5fd; } html.wd-dark .doc-seturi-banner-exit:hover { background: var(--wd-surface-3); } html.wd-dark .setdoc-modal-header-danger { background: linear-gradient(135deg, #3a181b 0%, #4a2024 100%); color: #f1a0a5; } /* 5i. Page backgrounds with light gradients */ html.wd-dark .support-page { background: linear-gradient(180deg, #262626 0%, #2b2b2b 100%); } /* 5j. Hardcoded dark text on recolored surfaces */ html.wd-dark .doc-name, html.wd-dark .doc-punct-name, html.wd-dark .adm-doc-title, html.wd-dark .tier-popover-title, html.wd-dark .client-search-box, html.wd-dark .client-dropdown-toggle, html.wd-dark .doc-filter-select, html.wd-dark .adm-search-input, html.wd-dark .adm-filter-select, html.wd-dark .bulk-dropzone-title, html.wd-dark .bulk-legend-item, html.wd-dark .bulk-filename, html.wd-dark .bulk-match-info, html.wd-dark .adm-no-results span, html.wd-dark .doc-search-clear:hover, html.wd-dark .client-search-clear:hover { color: var(--wd-text); } /* Headers whose children hardcode near-black titles */ html.wd-dark .chatbot-panel-header *, html.wd-dark .chatbot-card-header *, html.wd-dark .adm-cbi-modal-header *, html.wd-dark .adm-act-modal-head *, html.wd-dark .data-card-header *, html.wd-dark .manage-card-header * { color: var(--wd-text); } /* Muted secondary text that hardcodes mid-grey and stays readable enough is left alone; anything darker inherits from the surface rules above. */ /* Iframes rendering PDFs stay white by nature (PDF canvas) — acceptable. */ /* ============================================================================ 6. PER-PAGE FULL COVERAGE (generated 2026-07-09 from a per-file sweep of every stylesheet + inline