/* Claro uses original module colors; Dark is opt-in. */
@media screen {
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] { --fleet-bg: #101a25; --fleet-bg-2: #1d3049; --fleet-page-bg: radial-gradient(circle at 10% 0%, rgba(28,46,64,0.16), transparent 28%),
    radial-gradient(circle at 92% 10%, rgba(64,53,30,0.08), transparent 26%),
    linear-gradient(180deg, #101a25 0%, #1c2e40 46%, #101a25 100%); --fleet-panel: rgba(28,46,64,0.92); --fleet-panel-strong: #1c2e40; --fleet-panel-soft: rgba(32,54,78,0.043); --fleet-input: rgba(32,54,78,0.055); --fleet-border: rgba(52,75,82,0.12); --fleet-border-strong: rgba(71,107,136,0.34); --fleet-text: #e2eee9; --fleet-heading: #20364e; --fleet-muted: #adbfba; --fleet-accent: #1c2e40; --fleet-accent-2: #1c2e40; --fleet-lime: #40351e; --fleet-active: #1c352f; --fleet-repair: #402630; --fleet-oos: #402630; --fleet-return: #1c2e40; --fleet-offboard: #20364e; --fleet-due: #40351e; --fleet-overdue: #402630; --fleet-shadow: 0 24px 70px rgba(0,0,0,0.38); --fleet-card-shadow: 0 16px 42px rgba(0,0,0,0.22); --fleet-focus: 0 0 0 4px rgba(28,46,64,0.14); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"][data-ops-theme="light"] { --fleet-bg: #20364e; --fleet-bg-2: #20364e; --fleet-page-bg: radial-gradient(circle at 12% 0%, rgba(28,46,64,0.18), transparent 30%),
    radial-gradient(circle at 92% 4%, rgba(28,46,64,0.14), transparent 28%),
    linear-gradient(180deg, #20364e 0%, #20364e 48%, #20364e 100%); --fleet-panel: rgba(32,54,78,0.9); --fleet-panel-strong: #20364e; --fleet-panel-soft: rgba(28,46,64,0.075); --fleet-input: rgba(32,54,78,0.82); --fleet-border: rgba(71,107,136,0.2); --fleet-border-strong: rgba(71,107,136,0.34); --fleet-text: #e2eee9; --fleet-heading: #1c2e40; --fleet-muted: #adbfba; --fleet-accent: #1c2e40; --fleet-accent-2: #1c2e40; --fleet-lime: #40351e; --fleet-active: #1c352f; --fleet-repair: #402630; --fleet-oos: #402630; --fleet-return: #1c2e40; --fleet-offboard: #1c2e40; --fleet-due: #40351e; --fleet-overdue: #402630; --fleet-shadow: 0 24px 60px rgba(0,0,0,0.16); --fleet-card-shadow: 0 14px 32px rgba(0,0,0,0.12); --fleet-focus: 0 0 0 4px rgba(28,46,64,0.14); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"][data-ops-theme="blue"] { --fleet-bg: #101a25; --fleet-bg-2: #101a25; --fleet-page-bg: radial-gradient(circle at 9% 5%, rgba(64,38,48,0.18), transparent 26%),
    radial-gradient(circle at 92% 8%, rgba(64,53,30,0.16), transparent 28%),
    linear-gradient(180deg, #101a25 0%, #101a25 48%, #101a25 100%); --fleet-panel: rgba(16,26,37,0.92); --fleet-panel-strong: #101a25; --fleet-panel-soft: rgba(64,38,48,0.067); --fleet-input: rgba(32,54,78,0.06); --fleet-border: rgba(185,154,83,0.16); --fleet-border-strong: rgba(169,94,109,0.36); --fleet-text: #e2eee9; --fleet-heading: #20364e; --fleet-muted: #adbfba; --fleet-accent: #402630; --fleet-accent-2: #40351e; --fleet-lime: #40351e; --fleet-active: #1c352f; --fleet-repair: #40351e; --fleet-oos: #402630; --fleet-return: #20364e; --fleet-offboard: #20364e; --fleet-due: #40351e; --fleet-overdue: #402630; --fleet-shadow: 0 24px 70px rgba(0,0,0,0.44); --fleet-card-shadow: 0 16px 42px rgba(0,0,0,0.28); --fleet-focus: 0 0 0 4px rgba(64,38,48,0.14); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .eyebrow { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .btn { color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .btn.ghost { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"][data-ops-theme="light"] .btn { color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"][data-ops-theme="light"] .btn.ghost { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .ops-theme-toggle { border-color: rgba(185, 154, 83, 0.28); background-color: rgba(32,54,78, 0.08); color: rgb(229, 237, 247); box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 0px inset; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .ops-theme-toggle:hover { background-color: rgba(32,54,78, 0.14); border-color: rgba(185, 154, 83, 0.52); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"][data-ops-theme="light"] .ops-theme-toggle { background-color: rgb(32,54,78); color: rgb(164, 210, 239); border-color: rgba(71, 107, 136, 0.28); box-shadow: rgba(0, 0, 0, 0.11) 0px 10px 22px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .sheet-logo, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .toolbar-logo, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .logo-glow-wrapper { background-color: rgba(16, 26, 37, 0.72); border-color: rgba(185, 154, 83, 0.28); box-shadow: rgba(0, 0, 0, 0.22) 0px 14px 30px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"][data-ops-theme="light"] .sheet-logo, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"][data-ops-theme="light"] .toolbar-logo, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"][data-ops-theme="light"] .logo-glow-wrapper { background-color: rgb(32,54,78); border-color: rgba(71, 107, 136, 0.22); box-shadow: rgba(0, 0, 0, 0.1) 0px 14px 28px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"][data-ops-theme="blue"] .ops-theme-toggle { background-color: rgba(28, 46, 64, 0.14); color: rgb(229, 237, 247); border-color: rgba(71, 107, 136, 0.34); box-shadow: rgba(0, 0, 0, 0.22) 0px 12px 26px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"][data-ops-theme="blue"] .ops-theme-toggle:hover { background-color: rgba(28, 46, 64, 0.22); border-color: rgba(71, 107, 136, 0.5); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"][data-ops-theme="blue"] .sheet-logo, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"][data-ops-theme="blue"] .toolbar-logo, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"][data-ops-theme="blue"] .logo-glow-wrapper { background-color: rgba(28, 46, 64, 0.88); border-color: rgba(71, 107, 136, 0.32); box-shadow: rgba(0, 0, 0, 0.28) 0px 16px 34px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"][data-ops-theme="blue"] .ops-theme-toggle { background-image: linear-gradient(135deg, rgba(64, 53, 30, 0.18), rgba(64, 38, 48, 0.16)); color: rgb(229, 237, 247); border-color: rgba(169, 94, 109, 0.34); box-shadow: rgba(0, 0, 0, 0.24) 0px 12px 26px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"][data-ops-theme="blue"] .ops-theme-toggle:hover { background-image: linear-gradient(135deg, rgba(64, 53, 30, 0.25), rgba(64, 38, 48, 0.24)); border-color: rgba(185, 154, 83, 0.44); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"][data-ops-theme="blue"] .sheet-logo, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"][data-ops-theme="blue"] .toolbar-logo, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"][data-ops-theme="blue"] .logo-glow-wrapper { background-color: rgba(16, 26, 37, 0.9); border-color: rgba(185, 154, 83, 0.34); box-shadow: rgba(0, 0, 0, 0.3) 0px 16px 34px, rgba(0, 0, 0, 0.14) 0px 0px 18px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] { --dc-ink: #e5edf7; --dc-muted: #e5edf7; --dc-line: rgba(71,107,136,0.18); --dc-line-strong: rgba(63,121,101,0.34); --dc-surface: rgba(32,54,78,0.86); --dc-surface-strong: rgba(32,54,78,0.96); --dc-teal: #1d3049; --dc-blue: #1d3049; --dc-amber: #402630; --dc-danger: #402630; --dc-success: #1d3049; --dc-shadow: 0 22px 60px rgba(0,0,0,0.16); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body { background-color: rgb(32,54,78); color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .damage-header { background-color: rgb(29, 48, 73) !important; border-color: rgb(73, 106, 145) !important; color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.fleet-damage-page .damage-header h1, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.fleet-damage-page .damage-header .brand-link { color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.fleet-damage-page .damage-header p { color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.fleet-damage-page .damage-header .eyebrow { color: rgb(169, 201, 241) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.fleet-damage-page .damage-header .damage-note { background-color: rgba(32,54,78, 0.063) !important; color: rgb(229, 237, 247) !important; border-color: rgba(52, 75, 82, 0.25) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .brand-link { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .brand-link img { border-color: rgba(63, 121, 101, 0.24); box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 26px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .eyebrow { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] input, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] select, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] textarea { background-color: rgba(32,54,78, 0.94); color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] input:focus, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] select:focus, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] textarea:focus { background-color: rgb(32,54,78); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 4px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .btn { border-color: rgba(63, 121, 101, 0.36); color: rgb(229, 237, 247); box-shadow: rgba(0, 0, 0, 0.18) 0px 12px 24px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .status-text[data-type="error"] { color: var(--dc-danger-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .status-text[data-type="success"] { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .fleet-damage-page { background-image: radial-gradient(circle at 16% 8%, rgba(28, 53, 47, 0.14), transparent 24rem), radial-gradient(circle at 86% 16%, rgba(28, 46, 64, 0.12), transparent 26rem), linear-gradient(120deg, rgb(32,54,78), rgb(32,54,78) 54%, rgb(32,54,78)); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .damage-header, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .damage-card { background-color: rgba(32,54,78, 0.9); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .damage-note { border-color: rgba(63, 121, 101, 0.24); background-color: rgba(28, 53, 47, 0.58); color: rgb(164, 210, 239) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .driver-reminder { border-color: rgba(169, 94, 109, 0.28); background-color: rgba(32,54,78, 0.74); color: rgb(255, 176, 189); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .driver-reminder strong { color: rgb(255, 176, 189); }
: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; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .worker-report-back { color: var(--dc-text); }
@media screen {
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme).dc-studio { --studio-ink: #e5edf7; --studio-muted: #adbed5; --studio-line: #354b68; --studio-green: #1d3049; --studio-soft: #20364e; --studio-gradient: linear-gradient(105deg,#1d3049 0%,#1d3049 43%,#1d3049 74%,#20364e 100%); --dc27-border: #354b68; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme).dc-studio[data-studio-mode="desktop"] { background-color: rgb(32,54,78) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme).dc-studio[data-studio-page] [data-studio-header] h1, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme).dc-studio[data-studio-page="index.html"] [data-studio-header] .hub-screen-title strong { color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme).dc-studio[data-studio-page] [data-studio-header] :is(p, .subtitle, .sheet-subtitle, .subcopy, .hero-copy, .txt-muted, .muted, .record-kicker) { color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme).dc-studio[data-studio-page] [data-studio-header] :is(.eyebrow, .hero-kicker, .roster-head-eyebrow, .tablet-eyebrow, .sheet-eyebrow, .section-kicker, .devices-eyebrow, .monitor-kicker, .report-kicker, .lo-kicker, .hlo-kicker, .request-kicker, .pay-eyebrow) { color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme).dc-studio[data-studio-page] [data-studio-header] :is(.hero-actions, .header-actions, .roster-nav-actions, .tablet-nav) > :is(button, a) { background-color: rgba(32,54,78, 0.95) !important; border-color: rgba(52, 75, 82, 0.627) !important; color: rgb(169, 201, 241) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme).dc-studio[data-studio-page] :is(.stats-bar-roster > .stat-pill, .tablet-stat-card, .devices-stat-card) { background-color: rgb(32,54,78) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme).dc-studio[data-studio-page] :is(.stats-bar-roster > .stat-pill, .tablet-stat-card, .devices-stat-card) :is(label, small) { color: rgb(173, 190, 213) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme).dc-studio[data-studio-page] :is(.stats-bar-roster > .stat-pill, .tablet-stat-card, .devices-stat-card) strong { color: rgb(169, 201, 241) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme).dc-studio[data-studio-page] :is(.roster-board-head, .tablet-section-head, .devices-workspace-head, .inventory-section-head) { background-color: rgb(32,54,78) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme).dc-studio[data-studio-page] :is(.roster-board-head, .tablet-section-head, .devices-workspace-head, .inventory-section-head) h2 { color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme).dc-studio[data-studio-page] :is(button, a, summary, input, select, textarea):focus-visible { outline-color: rgb(73, 106, 145) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme).dc-studio [data-studio-dialog], :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme).dc-studio :is(dialog, .notebook-modal-panel, .roster-mobile-truck-panel, .workplace-install-card) { scrollbar-color: rgb(29, 48, 73) transparent; border-color: rgb(53, 75, 104) !important; background-color: rgb(32,54,78) !important; color: rgb(229, 237, 247) !important; box-shadow: rgba(0, 0, 0, 0.19) 0px 24px 70px !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme).dc-studio dialog::backdrop { background-color: rgba(28, 53, 47, 0.66); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme).dc-studio :is([data-studio-dialog], dialog, .notebook-modal-panel, .roster-mobile-truck-panel, .workplace-install-card) :is(.modal-head, .modal-header, .modal-headline, .tablet-modal-header, .actions-modal-header, .route-modal-head, .pay-modal-head, .monitor-modal-header, .lo-modal-head, .employee-modal-head, .sheet-header, .walker-menu-head) { color: rgb(229, 237, 247) !important; border-bottom-color: rgb(53, 75, 104) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme).dc-studio :is([data-studio-dialog], dialog, .notebook-modal-panel, .roster-mobile-truck-panel, .workplace-install-card) :is(h2, h3, .modal-title) { color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme).dc-studio :is([data-studio-dialog], dialog, .notebook-modal-panel, .roster-mobile-truck-panel, .workplace-install-card) :is(.modal-head, .modal-header, .modal-headline, .tablet-modal-header, .actions-modal-header, .route-modal-head, .pay-modal-head, .monitor-modal-header, .lo-modal-head, .employee-modal-head, .notebook-modal-head, .roster-mobile-truck-head, .workplace-install-head) :is(p, small, .section-kicker, .modal-subtitle, .section-label) { color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme).dc-studio :is([data-studio-dialog], dialog, .notebook-modal-panel, .roster-mobile-truck-panel, .workplace-install-card) :is(.modal-head, .modal-header, .modal-headline, .tablet-modal-header, .actions-modal-header, .route-modal-head, .pay-modal-head, .monitor-modal-header, .lo-modal-head, .employee-modal-head, .notebook-modal-head, .roster-mobile-truck-head, .workplace-install-head) :is(h2, h3, .modal-title) { color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme).dc-studio :is([data-studio-dialog], dialog, .notebook-modal-panel, .roster-mobile-truck-panel, .workplace-install-card) :is(.modal-head, .modal-header, .modal-headline, .tablet-modal-header, .actions-modal-header, .route-modal-head, .pay-modal-head, .monitor-modal-header, .lo-modal-head, .employee-modal-head, .notebook-modal-head, .roster-mobile-truck-head, .workplace-install-head) :is(.icon-btn, .modal-close-btn, .modal-close, .modal-x, .doc-modal-close, .tablet-modal-close) { background-color: rgb(32,54,78) !important; color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme).dc-studio :is([data-studio-dialog], dialog, .notebook-modal-panel, .roster-mobile-truck-panel, .workplace-install-card) :is(.modal-footer, .modal-foot, .pay-modal-actions, .route-modal-footer, .employee-modal-actions, .sheet-actions, .notebook-modal-actions) { background-color: rgb(32,54,78) !important; border-top-color: rgb(53, 75, 104) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme).dc-studio[data-studio-page="employees/onboard.html"] #formTitle { color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme).dc-studio :is([data-studio-dialog], dialog, .notebook-modal-panel, .roster-mobile-truck-panel, .workplace-install-card) :is(.modal-head, .modal-headline) .section-label { color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme).dc-studio[data-studio-page="timecard/index.html"] [data-studio-header] :is(b, .tc-wordmark strong) { color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme).dc-studio[data-studio-page="clock_in.html"] [data-studio-header] .truck-badge, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme).dc-studio[data-studio-page="admin/Tablet_ADP.html"] [data-studio-header] .truck-badge { background-color: rgba(33, 59, 56, 0.95) !important; color: rgb(169, 201, 241) !important; }
}
@media screen and (max-width: 680px) {
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme).dc-studio :is([data-studio-dialog], dialog, .notebook-modal-panel, .roster-mobile-truck-panel, .workplace-install-card) :is(.modal-head, .modal-header, .modal-headline, .tablet-modal-header, .actions-modal-header, .route-modal-head, .pay-modal-head, .monitor-modal-header, .lo-modal-head, .employee-modal-head, .notebook-modal-head, .roster-mobile-truck-head, .workplace-install-head) { background-image: linear-gradient(105deg, rgb(29, 48, 73), rgb(29, 48, 73) 85%, rgb(29, 48, 73)) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme).dc-studio[data-studio-page] [data-studio-header] { background-image: linear-gradient(105deg, rgb(34, 62, 96), rgb(34, 62, 96) 85%, rgb(34, 62, 96)) !important; }
}
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-halloween-preview] { background-color: rgb(29, 48, 73) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-halloween-preview]::before { background-color: rgb(29, 48, 73); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme)[data-worker-halloween-preview] .portal-head[data-studio-header] { background-image: linear-gradient(110deg, rgba(25, 76, 61, 0.93), rgba(25, 76, 61, 0.87)) !important; border-color: rgba(169, 94, 109, 0.533) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"][data-worker-halloween-preview] #portalPanel :is(.home-summary-card, .home-quick-card) { box-shadow: rgba(0, 0, 0, 0.125) 0px 4px 14px; background-color: rgba(28, 46, 64, 0.74) !important; border-color: rgba(185, 154, 83, 0.4) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"][data-worker-halloween-preview] #portalPanel :is(.home-summary-card, .home-quick-card) strong { color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"][data-worker-halloween-preview] #portalPanel :is(.home-summary-card, .home-quick-card) small, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"][data-worker-halloween-preview] #portalPanel .home-summary-card > span { color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"][data-worker-halloween-preview] #portalPanel .home-quick-card:hover { background-color: rgba(28, 46, 64, 0.91) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"][data-worker-halloween-preview] #portalPanel .home-quick-icon { background-color: rgba(32,54,78, 0.933) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body[data-worker-halloween-preview] .home-quick-badge { background-color: rgb(64, 38, 48); color: rgb(229, 237, 247); border-color: rgb(53, 75, 104); box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 6px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"][data-worker-halloween-preview] .worker-bottom-nav { box-shadow: rgba(0, 0, 0, 0.333) 0px -4px 18px; background-color: rgba(28, 46, 64, 0.96) !important; border-color: rgba(169, 94, 109, 0.533) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"][data-worker-halloween-preview] .worker-bottom-nav button { color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"][data-worker-halloween-preview] .worker-bottom-nav button:is(.is-active, :hover) { box-shadow: rgba(0, 0, 0, 0.467) 0px 0px 0px 1px inset; color: rgb(255, 220, 132) !important; background-color: rgba(64, 38, 48, 0.133) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"][data-worker-halloween-preview] .worker-bottom-nav button.is-active::before { background-color: rgb(64, 38, 48); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"][data-worker-halloween-preview] .worker-bottom-nav button[data-tab] svg { color: rgb(255, 176, 189); background-color: rgba(32,54,78, 0.047); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"][data-worker-halloween-preview] .worker-bottom-nav button.is-active svg { color: rgb(255, 176, 189); background-color: rgba(64, 38, 48, 0.1); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body[data-worker-halloween-preview] .worker-bottom-nav button:focus-visible { outline-color: rgb(169, 94, 109); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .worker-theme-settings { border-color: rgb(53, 75, 104); background-color: rgb(32,54,78); color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .worker-theme-icon { background-color: rgba(64, 38, 48, 0.125); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .worker-theme-toggle::before { background-color: rgb(29, 48, 73); border-color: rgb(73, 106, 145); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .worker-theme-toggle span { background-color: rgb(32,54,78); box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 4px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .worker-theme-toggle[aria-checked="true"]::before { background-color: rgb(64, 38, 48); border-color: rgb(169, 94, 109); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .worker-theme-toggle[aria-checked="true"] span { background-color: rgb(64, 38, 48); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .worker-theme-toggle:focus-visible { outline-color: rgb(169, 94, 109); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .worker-theme-settings .eyebrow { color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .worker-theme-options button { border-color: rgb(73, 106, 145); background-color: rgb(32,54,78); color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .worker-theme-options button[aria-pressed="true"] { background-color: rgb(29, 48, 73); color: rgb(229, 237, 247); border-color: rgb(73, 106, 145); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .worker-theme-options button:focus-visible { outline-color: rgb(169, 94, 109); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .worker-theme-prompt { border-color: rgb(169, 94, 109); background-color: rgb(29, 48, 73); color: rgb(229, 237, 247); box-shadow: rgba(0, 0, 0, 0.533) 0px 16px 60px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .worker-theme-prompt::backdrop { background-color: rgba(16, 26, 37, 0.77); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .worker-theme-prompt h2 { color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .worker-theme-prompt p { color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .worker-theme-options .worker-theme-yes { background-color: rgb(64, 38, 48); color: rgb(255, 176, 189); border-color: rgb(185, 154, 83); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme)[data-worker-halloween-eligible] .walker-menu-head h2 { color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme, #dashcontrol-studio-theme#dashcontrol-studio-theme)[data-worker-halloween-preview] .walker-menu-drawer:not(.worker-profile-view) { background-color: rgba(28, 46, 64, 0.96) !important; border-color: rgb(169, 94, 109) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme)[data-worker-halloween-preview] .walker-menu-head h2 { color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body[data-worker-halloween-preview] .worker-theme-settings { background-color: rgb(29, 48, 73); border-color: rgb(185, 154, 83); color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body[data-worker-halloween-preview] .worker-theme-settings .eyebrow { color: rgb(255, 220, 132); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme, #dashcontrol-studio-theme#dashcontrol-studio-theme)[data-worker-halloween-preview] .walker-menu-drawer:not(.worker-profile-view) .tool-card { background-color: rgb(29, 48, 73) !important; border-color: rgba(185, 154, 83, 0.333) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme, #dashcontrol-studio-theme#dashcontrol-studio-theme)[data-worker-halloween-preview] .walker-menu-drawer .tool-card strong { color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme, #dashcontrol-studio-theme#dashcontrol-studio-theme)[data-worker-halloween-preview] .walker-menu-drawer .tool-card small { color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme)[data-worker-halloween-preview] #walkerMenuDrawer .worker-theme-settings h3 { color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme)[data-worker-halloween-eligible] .worker-theme-options button[aria-pressed="true"] { background-color: rgb(29, 48, 73) !important; color: rgb(229, 237, 247) !important; border-color: rgb(73, 106, 145) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme)[data-worker-halloween-preview] .worker-theme-options button[aria-pressed="true"] { background-color: rgb(64, 38, 48) !important; color: rgb(255, 176, 189) !important; border-color: rgb(185, 154, 83) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme)[data-worker-halloween-eligible] #workerThemePrompt { background-color: rgb(29, 48, 73) !important; color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme)[data-worker-halloween-eligible] #workerThemePrompt h2 { color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme)[data-worker-halloween-eligible] #workerThemePrompt .worker-theme-yes { background-color: rgb(64, 38, 48) !important; color: rgb(255, 176, 189) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme, #dashcontrol-studio-theme#dashcontrol-studio-theme)[data-worker-halloween-preview] :is(.employee-week-card, .portal-section, .employee-action-card, .panel-card, .card-surface, .glass-card, .metric-card, .schedule-card, .case-hero, .comment-card, .notification-panel, .sign-card, .panel, .form-section, .hld-route-card, .hld-stop-card, .request-card, .worker-visible-name-form, .employee-modal-section, .legal-block, .essential-detail, .selected-summary, .catalog-item, .product-card, .activation-card) { background-color: rgba(32,54,78, 0.93) !important; border-color: rgb(169, 94, 109) !important; box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 18px !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme, #dashcontrol-studio-theme#dashcontrol-studio-theme)[data-worker-halloween-preview] :is(.employee-hero, .hero-card, .voice-header, .mobile-topbar, .topbar, .hld-header, .sign-header, .hero-panel)[data-studio-header], :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme, #dashcontrol-studio-theme#dashcontrol-studio-theme)[data-worker-halloween-preview] :is(.employee-hero, .hero-card, .voice-header, .mobile-topbar, .topbar, .hld-header, .sign-header, .hero-panel) { background-image: linear-gradient(110deg, rgba(28, 53, 47, 0.93), rgba(28, 53, 47, 0.87)) !important; border-color: rgb(169, 94, 109) !important; color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme, #dashcontrol-studio-theme#dashcontrol-studio-theme)[data-worker-halloween-preview] :is(.employee-hero, .hero-card, .voice-header, .mobile-topbar, .topbar, .hld-header, .sign-header, .hero-panel) :is(h1, h2, h3, .eyebrow, .section-label) { color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme, #dashcontrol-studio-theme#dashcontrol-studio-theme)[data-worker-halloween-preview] :is(.employee-hero, .hero-card, .voice-header, .mobile-topbar, .topbar, .hld-header, .sign-header, .hero-panel) :is(p, small, .subtitle) { color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme, #dashcontrol-studio-theme#dashcontrol-studio-theme)[data-worker-halloween-preview] .worker-profile-view { background-color: rgba(28, 46, 64, 0.96) !important; border-color: rgb(169, 94, 109) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme, #dashcontrol-studio-theme#dashcontrol-studio-theme)[data-worker-halloween-preview] .worker-profile-view .tool-card { background-color: rgb(29, 48, 73) !important; border-color: rgba(185, 154, 83, 0.333) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body[data-worker-halloween-preview] .worker-profile-view .worker-profile-name { background-color: rgb(29, 48, 73); color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme)[data-worker-halloween-preview] #walkerMenuDrawer .walker-menu-head h2 { color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme)[data-worker-halloween-preview] #walkerMenuDrawer .worker-theme-settings .eyebrow { color: rgb(255, 220, 132) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme, #dashcontrol-studio-theme#dashcontrol-studio-theme)[data-worker-halloween-preview] .portal-head[data-studio-header] { background-color: rgba(25, 76, 61, 0.93) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme, #dashcontrol-studio-theme#dashcontrol-studio-theme)[data-worker-halloween-preview] .portal-head[data-studio-header] :is(h1, h2, h3, .eyebrow, .hero-copy) { color: rgb(229, 237, 247) !important; }
}