/* Claro uses original module colors; Dark is opt-in. */
@media screen {
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] { --primary-accent: #1d3049; --primary-accent-strong: #1d3049; --primary-accent-soft: #20364e; --primary-glow: rgba(28,46,64,0.24); --secondary-accent: #1d3049; --secondary-accent-strong: #1d3049; --secondary-glow: rgba(28,53,47,0.22); --bg-dark-deep: #101a25; --bg-dark-soft: #1d3049; --card: rgba(32,54,78,0.94); --card-2: #20364e; --card-strong: #20364e; --card-muted: rgba(226,238,233,0.88); --border: #354b68; --border-strong: #476b88; --text-primary: #e5edf7; --text-secondary: #adbed5; --text-soft: #e5edf7; --danger-color: #402630; --danger-bg: rgba(64,38,48,0.12); --danger-border: rgba(169,94,109,0.24); --ok: #1d3049; --ok-bg: rgba(28,53,47,0.14); --ok-border: rgba(63,121,101,0.3); --shadow-lg: 0 30px 80px rgba(0,0,0,0.28); --shadow-md: 0 22px 56px rgba(0,0,0,0.18); --shadow-sm: 0 12px 28px rgba(0,0,0,0.08); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] a { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .txt-muted { color: var(--dc-muted); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] input, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] textarea, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] select { background-color: rgb(32,54,78); color: var(--dc-text); box-shadow: rgba(0, 0, 0, 0.65) 0px 1px 0px inset; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] select { background-image: linear-gradient(45deg, transparent 50%, rgb(29, 48, 73) 50%), linear-gradient(135deg, rgb(29, 48, 73) 50%, transparent 50%); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] input::placeholder, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] textarea::placeholder { color: rgb(173, 190, 213); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] input:focus, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] textarea:focus, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] select:focus { border-color: rgba(71, 107, 136, 0.72); box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 0px 4px, rgba(0, 0, 0, 0.7) 0px 1px 0px inset; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] input:-webkit-autofill, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] textarea:-webkit-autofill, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] select:-webkit-autofill { -webkit-text-fill-color: var(--dc-text) !important; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .btn-primary { color: rgb(229, 237, 247); box-shadow: rgba(0, 0, 0, 0.22) 0px 16px 32px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .btn-outline, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .btn-link, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .btn-ghost, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .btn-logout { color: var(--dc-text); background-color: rgba(32,54,78, 0.84); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .btn-danger { border-color: rgba(169, 94, 109, 0.2); color: rgb(229, 237, 247); background-image: linear-gradient(135deg, rgb(64, 38, 48), rgb(64, 38, 48)); box-shadow: rgba(0, 0, 0, 0.18) 0px 14px 28px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .btn-primary:hover { box-shadow: rgba(0, 0, 0, 0.26) 0px 18px 34px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .btn-outline:hover, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .btn-link:hover, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .btn-ghost:hover, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .btn-logout:hover { border-color: rgba(71, 107, 136, 0.28); background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .badge, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .tag { border-color: rgb(71, 107, 136); color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .badge.accent { background-color: rgb(32,54,78); border-color: rgb(73, 106, 145); color: var(--dc-muted); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .badge.new { color: rgb(255, 220, 132); background-color: rgb(32,54,78); border-color: rgb(185, 154, 83); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .badge.status-pill { background-color: rgb(32,54,78); border-color: rgb(71, 107, 136); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .badge.status-new { color: rgb(164, 210, 239); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .badge.status-assigned { color: rgb(255, 176, 189); background-color: rgb(32,54,78); border-color: rgb(53, 75, 104); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .badge.status-in_progress { color: rgb(164, 210, 239); background-color: rgb(32,54,78); border-color: rgb(71, 107, 136); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .badge.status-answered { color: rgb(169, 201, 241); background-color: rgb(32,54,78); border-color: rgb(73, 106, 145); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .badge.status-closed { color: rgb(173, 190, 213); background-color: rgb(32,54,78); border-color: rgb(53, 75, 104); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .badge.cat-schedule { color: rgb(164, 210, 239); background-color: rgb(32,54,78); border-color: rgb(71, 107, 136); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .badge.cat-field { color: rgb(169, 201, 241); background-color: rgb(32,54,78); border-color: rgb(73, 106, 145); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .badge.cat-hr { color: rgb(164, 210, 239); background-color: rgb(32,54,78); border-color: rgb(53, 75, 104); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .badge.cat-dispatch { color: rgb(255, 176, 189); background-color: rgb(32,54,78); border-color: rgb(53, 75, 104); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .badge.cat-other { color: rgb(229, 237, 247); background-color: rgb(32,54,78); border-color: rgb(53, 75, 104); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .badge.cat-payroll { color: rgb(255, 176, 189); background-color: rgb(32,54,78); border-color: rgb(53, 75, 104); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .badge.cat-safety { color: rgb(169, 201, 241); background-color: rgb(32,54,78); border-color: rgb(73, 106, 145); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .badge.cat-equipment { color: rgb(164, 210, 239); background-color: rgb(32,54,78); border-color: rgb(71, 107, 136); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .badge.cat-it { color: rgb(164, 210, 239); background-color: rgb(32,54,78); border-color: rgb(71, 107, 136); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .badge.cat-training { color: rgb(255, 176, 189); background-color: rgb(32,54,78); border-color: rgb(185, 154, 83); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .badge.cat-benefits { color: rgb(164, 210, 239); background-color: rgb(32,54,78); border-color: rgb(71, 107, 136); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .badge.cat-facilities { color: rgb(255, 220, 132); background-color: rgb(32,54,78); border-color: rgb(53, 75, 104); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .badge.cat-uniforms { color: rgb(255, 176, 189); background-color: rgb(32,54,78); border-color: rgb(53, 75, 104); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .badge.cat-incidents { color: rgb(255, 176, 189); background-color: rgb(32,54,78); border-color: rgb(53, 75, 104); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .badge.cat-infractions { color: rgb(255, 176, 189); background-color: rgb(32,54,78); border-color: rgb(53, 75, 104); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .badge.cat-performance { color: rgb(255, 220, 132); background-color: rgb(32,54,78); border-color: rgb(185, 154, 83); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .alert, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .notice { background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .alert-error { color: var(--dc-danger-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .alert-ok { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .notice { background-color: rgba(28, 53, 47, 0.1); color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .notice-error { color: var(--dc-danger-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .bubble { background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .bubble .meta { color: var(--dc-muted); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .bubble .msg { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .ticket-code, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .ticket-eyebrow, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .eyebrow, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .panel-kicker, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hero-side-kicker, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .user-label { color: rgb(255, 255, 255); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .ticket-code { border-color: rgb(71, 107, 136); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .modal-overlay { background-color: rgba(16, 26, 37, 0.42); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .modal-inner { background-color: rgba(32,54,78, 0.96); border-color: rgba(52, 75, 82, 0.76); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .modal-title { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .step-line { background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .step .dot { border-color: rgb(53, 75, 104); background-color: rgb(32,54,78); box-shadow: rgba(0, 0, 0, 0.92) 0px 0px 0px 3px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .step .label { color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .step .date { color: var(--dc-muted); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .step.active .label { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .step.active .step-line { background-color: rgba(28, 46, 64, 0.32); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .step.done .label { color: var(--dc-muted); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .step.done .step-line { background-color: rgba(28, 53, 47, 0.64); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .thread-mail-item { background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .thread-mail-avatar { color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .thread-mail-author { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .thread-mail-date { color: var(--dc-muted); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .thread-mail-copy { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .landing-shell { border-color: rgba(52, 75, 82, 0.74); background-color: rgba(32,54,78, 0.94); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .landing-shell::before { background-image: radial-gradient(circle at right top, rgba(28, 46, 64, 0.1), transparent 28%), radial-gradient(circle at left bottom, rgba(28, 53, 47, 0.08), transparent 26%); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .logo { border-color: rgba(71, 107, 136, 0.16); background-color: rgb(32,54,78); box-shadow: rgba(0, 0, 0, 0.16) 0px 16px 34px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hero-action, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .action-card, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .track-card, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .bridge-panel { background-color: rgba(32,54,78, 0.82); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hero-action, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .action-card { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hero-action:hover, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .action-card:hover { border-color: rgba(71, 107, 136, 0.26); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .action-primary { background-color: rgb(34, 54, 79); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .action-meta { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .action-sub { color: var(--dc-muted); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .action-cta { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .footer, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .bridge-copy { color: var(--dc-muted); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] { --dc-color-ink: #e5edf7; --dc-color-muted: #e5edf7; --dc-color-surface: #20364e; --dc-color-panel: #20364e; --dc-color-line: rgba(71,107,136,0.12); --dc-color-action: #1d3049; --dc-color-success: #1d3049; --dc-color-warning: #402630; --dc-color-danger: #402630; --dc-shadow-sm: 0 1px 2px rgba(0,0,0,0.08); --dc-shadow-md: 0 14px 30px rgba(0,0,0,0.14); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] [data-platform-domain="admin"] { --dc-color-action: #1d3049; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] [data-platform-domain="people"] { --dc-color-action: #1d3049; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] [data-platform-domain="reports"] { --dc-color-action: #1d3049; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] { --dc27-bg: #20364e; --dc27-bg-high: #20364e; --dc27-surface: rgba(32,54,78,0.86); --dc27-surface-strong: rgba(32,54,78,0.96); --dc27-ink: #e5edf7; --dc27-ink-soft: #e5edf7; --dc27-muted: #adbed5; --dc27-line: rgba(71,107,136,0.15); --dc27-line-strong: rgba(71,107,136,0.24); --dc27-teal: #1d3049; --dc27-teal-dark: #1d3049; --dc27-blue: #1d3049; --dc27-amber: #402630; --dc27-green: #1d3049; --dc27-red: #402630; --dc27-shadow: 0 14px 34px rgba(0,0,0,0.08); --dc27-shadow-soft: 0 8px 20px rgba(0,0,0,0.055); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.has-dash-menu { --panel-solid: #20364e; --panel-strong: #20364e; --panel-soft: #20364e; --text: var(--dc-text); --muted: var(--dc-muted); --accent-strong: #1d3049; --accent-dark: #20364e; --primary-accent-strong: #1d3049; --primary-accent-soft: rgba(28,46,64,0.12); --secondary-accent-strong: #1d3049; --ra-bg-soft: #20364e; --ra-panel-accent: #20364e; --ra-ink: var(--dc-text); --ra-ink-strong: var(--dc-text); --ra-muted: var(--dc-muted); --ra-accent-soft: rgba(28,53,47,0.12); --ra-blue-soft: rgba(28,46,64,0.12); --ra-green-soft: rgba(28,53,47,0.12); --ra-amber-soft: rgba(64,38,48,0.12); --ra-red-soft: rgba(64,38,48,0.12); --fleet-panel-strong: #20364e; --fleet-panel-soft: rgba(28,53,47,0.08); --fleet-input: #20364e; --fleet-text: var(--dc-text); --fleet-muted: var(--dc-muted); --devices-panel-strong: #20364e; --devices-panel-soft: rgba(28,53,47,0.08); --devices-input: #20364e; --devices-text: var(--dc-text); --devices-muted: var(--dc-muted); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body[data-theme], :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body[data-default-ops-theme] { color: var(--dc-text) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] ::selection { background-color: rgba(28, 53, 47, 0.22); color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] a { color: rgb(164, 210, 239); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :where(.page-shell, .page, .shell, .workspace-shell, .uniform-shell, .mobile-shell, .fleet-shell, .devices-shell, .performance-shell, .board-shell, .db-shell, .ops-container, .container, .infractions-shell, .process-shell) { color: var(--dc-text) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :where(.hero-card, .hero, .landing-header, .topbar, .db-topbar, .devices-header, .main-header, .fleet-panel-page .header-main, .fleet-intake-page .header-flex, .report-header, .toolbar, .tablet-header, .board-toolbar, .mobile-topbar, .panel-header, .panel-head, .db-section, .section-head, .rts-section-head) { background-image: linear-gradient(135deg, rgba(32,54,78, 0.94), rgba(32,54,78, 0.82)) !important; color: var(--dc-text) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :where(.hero-card, .hero, .performance-hero, .report-header, .snapshot-card, .devices-summary-panel, .rts-summary-panel) :where(h1, h2, h3) { color: var(--dc-text) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :where(.eyebrow, .tablet-eyebrow, .tablet-section-kicker, .section-kicker, .section-label, .db-kicker, .devices-eyebrow, .devices-section-kicker, .hero-kicker, .report-kicker, .card-kicker, .focus-label, .tablet-search-label, .summary-label) { color: var(--dc-text) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :where(.panel, .panel-card, .board-panel, .process-panel, .summary-card, .stat-card, .stat-box, .tablet-stat-card, .feature-card, .action-card, .track-card, .filter-card, .filters-card, .table-card, .catalog-form-card, .list-card, .toolbar-card, .state-panel, .recipient-panel, .composer-panel, .activity-panel, .devices-board, .devices-summary-panel, .devices-search-block, .metadata-card, .safety-panel, .cleanup-card, .preview-card, .detail-pane, .explorer-pane, .selected-summary-panel, .access-health, .directory-panel, .employee-panel, .profile-card, .case-detail, .create-panel, .history-panel, .form-panel, .filters-card, .pdf-card, .signature-panel, .cost-card, .chart-panel, .chart-suite-card, .snapshot-stat-card, .metric-button, .box, .card, .confirm-box, .rts-workbench, .scan-dock, .status-summary-board, .summary-strip, .report-page, .modal-card, .modal-content, .modal-panel, .modal-dialog, .soft-modal, .tablet-modal-card, .confirm-card) { color: var(--dc-text) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :where(.muted, .txt-muted, .sub-txt, .tablet-board-note, .tablet-summary-copy p, .devices-copy, .devices-summary-copy, .page-copy, .subcopy, .modal-subtitle, .modal-subhead, .report-submeta, .summary-meta, .card-note, .empty-state, .empty-msg) { color: var(--dc-muted) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :where(button, .btn, .btn-primary, .btn-secondary, .primary-btn, .secondary-btn, .ghost-btn, .ghost, .primary, .secondary, .submit-btn, .tablet-open-btn, .toolbar-btn, .toolbar-link, .nav-link, .device-link-btn, .devices-link-btn, .devices-add-btn, .scan-add-btn, .utility-btn, .tab-btn, .access-tab, .db-tab, .chart-tab, .report-tab, .theme-btn, .home-btn, .doc-link) { background-color: rgba(32,54,78, 0.82) !important; color: var(--dc-text) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :where(.btn-primary, .primary-btn, .primary, .submit-btn, .toolbar-btn-primary, .devices-add-btn, .scan-add-btn, .tablet-open-btn, .action-primary, .modal-submit-full) { border-color: rgba(63, 121, 101, 0.42) !important; color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :where(.danger, .danger-btn, .abort-btn, .close-report-btn, .scan-cancel) { border-color: rgba(169, 94, 109, 0.36) !important; background-color: rgba(32,54,78, 0.94) !important; color: rgb(255, 176, 189) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :where(.ghost, .ghost-btn, .btn-secondary, .secondary-btn, .btn-ghost, .toolbar-btn, .nav-link, .device-link-btn, .devices-link-btn):hover { border-color: rgba(63, 121, 101, 0.38) !important; background-color: rgba(32,54,78, 0.94) !important; color: var(--dc-text) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :where(input, select, textarea, .input, .search-field, .search-input, .search-box, .field input, .field select, .field textarea) { background-color: rgba(32,54,78, 0.88) !important; color: var(--dc-text) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :where(input, select, textarea):focus { outline-color: rgba(63, 121, 101, 0.22) !important; border-color: rgba(63, 121, 101, 0.54) !important; background-color: rgb(32,54,78) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :where(table, .tbl, .tbl-modern, .orders-table, .tablet-history-table, .tablet-history-table, .history-table) { color: var(--dc-text) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :where(th, .table-head, .devices-list-head, .tablet-grid-head, .pane-head, .directory-head) { background-color: rgba(32,54,78, 0.92) !important; color: var(--dc-text) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :where(td, .tree-row, .tablet-row, .entity-list > *, .case-list > *, .employee-list > *, .directory-list > *) { border-color: rgba(71, 107, 136, 0.1) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :where(.pill, .status-pill, .meta-pill, .count-pill, .summary-chip, .tablet-modal-pill, .report-badge, .it-badge, .total-badge) { background-color: rgba(32,54,78, 0.86) !important; color: var(--dc-text) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :where(.active, .is-active, .selected, .tab-btn.active, .access-tab.active, .db-tab.active, .chart-tab.is-active, .report-tab.active) { border-color: rgba(63, 121, 101, 0.42) !important; background-color: rgba(28, 53, 47, 0.96) !important; color: var(--dc-text) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :where(.modal-head, .modal-header, .modal-headline, .tablet-modal-header, .confirm-actions, .modal-footer) { background-color: rgba(32,54,78, 0.94) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :where(.home-logo-link, .logo-link, .brand-link, .hero-home-link, .tablet-logo-link, .devices-logo-shell, .rts-logo-shell, .db-logo, .header-home-link) { border-color: rgba(63, 121, 101, 0.32) !important; background-image: linear-gradient(135deg, rgb(40, 72, 106), rgb(40, 72, 106) 58%, rgb(34, 62, 96)) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :where(.stat-card, .stat-box, .mini-stat, .snapshot-stat-card, .metric-button, .tablet-stat-card) :where(strong, .stat-val, .big-number) { color: var(--dc-text) !important; }
@media (max-width: 780px) {
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body { background-image: linear-gradient(rgb(32,54,78) 0%, rgb(32,54,78) 100%) !important; }
}
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.has-dash-menu :where(.modal-backdrop, .track-modal-backdrop, .activation-backdrop) { background-color: rgba(16, 26, 37, 0.42) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.has-dash-menu :where(.modal-card, .modal-content, .modal-panel, .modal-dialog, .soft-modal, .track-modal, .picker-modal, .email-route-dialog) { color: var(--dc-text) !important; box-shadow: rgba(0, 0, 0, 0.18) 0px 26px 70px !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.has-dash-menu :where(.modal-card, .modal-content, .modal-panel, .modal-dialog, .soft-modal, .track-modal, .picker-modal, .email-route-dialog) :where(h1, h2, h3, h4, p, label, span, strong, small, div:not([class*="btn"]):not([class*="button"])) { color: var(--dc-text) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.has-dash-menu :where(.muted, .txt-muted, .sub, .helper, .hint, .meta, .user-label, .route-note p, .email-health-card small, .modal-subline) { color: var(--dc-muted) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.has-dash-menu :where(.sidebar, .editor, .directory-panel, .email-side-panel, .email-editor, .employee-picker-card, .manual-email-card, .route-note, .catalog-entry, .catalog-form-card) { background-image: linear-gradient(135deg, rgba(32,54,78, 0.96), rgba(32,54,78, 0.9)) !important; color: var(--dc-text) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.has-dash-menu :where(.btn-primary, .primary-btn, .btn.primary, .devices-add-btn, .btn-logout) { border-color: rgba(63, 121, 101, 0.34) !important; background-image: linear-gradient(135deg, rgb(34, 62, 96), rgb(34, 62, 96)) !important; color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.has-dash-menu :where(.btn-secondary, .secondary-btn, .btn-outline, .ghost-btn, .btn.ghost, .toolbar-btn, .devices-link-btn) { background-color: rgba(32,54,78, 0.86) !important; color: var(--dc-text) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :where(.launch-option-card, .action-panel, .selected-request-card) { background-image: linear-gradient(135deg, rgba(32,54,78, 0.98), rgba(32,54,78, 0.88)) !important; color: var(--dc-text) !important; }
}