/* 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"] .voice-call-request { border-color: rgba(63, 121, 101, 0.28); background-image: linear-gradient(135deg, rgba(32,54,78, 0.92), rgba(32,54,78, 0.98)); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .voice-call-request-toggle input { accent-color: rgb(29, 48, 73); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .voice-call-request-toggle strong { color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .voice-call-request-toggle small { color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .voice-contact-phone { border-top-color: rgba(63, 121, 101, 0.2); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .voice-header, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hero-card, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .card-surface { 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"] .company-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"] .field-block label { color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .track-pill { border-color: rgb(71, 107, 136); color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .code-out { background-color: rgb(32,54,78); }
: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"] { --voice-ink: #e5edf7; --voice-muted: #e5edf7; --voice-line: #354b68; --voice-soft: #20364e; --voice-accent: #1d3049; --voice-accent-dark: #1d3049; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body { background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body .main-header { background-color: rgba(32,54,78, 0.94); box-shadow: rgba(0, 0, 0, 0.07) 0px 10px 28px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body #app .panel { box-shadow: rgba(0, 0, 0, 0.06) 0px 10px 28px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body .voice-header { box-shadow: rgba(0, 0, 0, 0.07) 0px 12px 30px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body .form-surface { box-shadow: rgba(0, 0, 0, 0.06) 0px 12px 30px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body .portal-panel.track-panel { background-color: rgba(32,54,78, 0.95); box-shadow: rgba(0, 0, 0, 0.08) 0px 12px 30px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] { --voice-deep: #1d3049; --voice-deep-2: #1d3049; --voice-teal: #1d3049; --voice-teal-dark: #1d3049; --voice-mint: #20364e; --voice-surface: #20364e; --voice-canvas: #20364e; --voice-border: #354b68; --voice-text: #e5edf7; --voice-muted: #e5edf7; --voice-shadow: 0 18px 44px rgba(0,0,0,0.1); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page { --voice-mint-25: #20364e; --voice-mint-50: #20364e; --voice-mint-75: #20364e; --voice-mint-100: #20364e; --voice-mint-200: #1d3049; --voice-mint-300: #1d3049; --voice-mint-600: #1d3049; --voice-mint-800: #1d3049; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .panel-nav { border-color: rgb(53, 75, 104); background-image: linear-gradient(rgb(32,54,78) 0%, rgb(32,54,78) 100%); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .panel-nav .panel-head { background-image: radial-gradient(circle at 92% 12%, rgba(28, 53, 47, 0.12), transparent 34%), linear-gradient(125deg, rgb(32,54,78) 0%, rgb(32,54,78) 72%); box-shadow: rgb(0, 0, 0) 0px 3px 0px inset; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .panel-nav .panel-kicker, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .panel-nav .toolbar label, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .panel-nav .filter-inline label { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .admin-queue-tools { background-color: rgba(32,54,78, 0.72); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .queue-closed-trigger { border-color: rgb(73, 106, 145); color: rgb(169, 201, 241); background-image: linear-gradient(145deg, rgb(32,54,78), rgb(32,54,78)); box-shadow: rgba(0, 0, 0, 0.08) 0px 6px 18px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .queue-closed-trigger::before { background-color: rgb(29, 48, 73); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 4px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .queue-closed-trigger:hover { border-color: rgb(73, 106, 145); color: rgb(169, 201, 241); background-image: linear-gradient(145deg, rgb(32,54,78), rgb(29, 48, 73)); box-shadow: rgba(0, 0, 0, 0.13) 0px 9px 22px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .list-controls { background-color: rgba(32,54,78, 0.8); box-shadow: rgba(0, 0, 0, 0.05) 0px 8px 24px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .list { background-image: linear-gradient(rgb(32,54,78) 0%, rgb(32,54,78) 100%); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .mail-list-head { color: rgb(173, 190, 213); background-color: rgba(32,54,78, 0.62); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .mail-row, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .mail-row:nth-child(2n+1) { border-top-color: rgb(53, 75, 104); border-right-color: rgb(53, 75, 104); border-bottom-color: rgb(53, 75, 104); background-color: rgba(32,54,78, 0.92); box-shadow: rgba(0, 0, 0, 0.043) 0px 5px 18px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .mail-row:hover { background-color: rgb(32,54,78); box-shadow: rgba(0, 0, 0, 0.09) 0px 10px 24px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .mail-row.selected { border-color: rgb(73, 106, 145); background-image: linear-gradient(105deg, rgb(32,54,78) 0%, rgb(32,54,78) 78%); box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 24px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .mail-row.new-item:not(.selected) { border-left-color: rgb(169, 94, 109); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .voice-queue-avatar { border-color: rgb(73, 106, 145); color: var(--dc-text); background-image: linear-gradient(145deg, rgb(29, 48, 73), rgb(32,54,78)); box-shadow: rgba(0, 0, 0, 0.52) 0px 0px 0px 3px inset; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .mail-row-assigned, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .mail-row-status-text { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .mail-row-meta-text { color: rgb(173, 190, 213); background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay { background-color: rgba(28, 53, 47, 0.54); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay .case-workspace-modal { border-color: rgba(63, 121, 101, 0.92); box-shadow: rgba(0, 0, 0, 0.28) 0px 34px 100px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay .modal-inner { background-image: radial-gradient(circle at 92% 0%, rgba(28, 53, 47, 0.16), transparent 26%), linear-gradient(rgb(32,54,78) 0%, rgb(32,54,78) 100%); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay .modal-header { background-image: radial-gradient(circle at 86% 5%, rgba(28, 53, 47, 0.18), transparent 32%), linear-gradient(120deg, rgb(32,54,78) 0%, rgb(32,54,78) 70%); box-shadow: rgb(0, 0, 0) 0px 4px 0px inset; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay .case-workspace-kicker { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay .modal-title { color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay #btnCaseActionsClose { border-color: rgb(73, 106, 145); color: rgb(169, 201, 241); background-color: rgba(32,54,78, 0.82); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay #btnCaseActionsClose:hover { border-color: rgb(73, 106, 145); background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay .case-actions-summary-card { background-color: rgba(32,54,78, 0.88); box-shadow: rgba(0, 0, 0, 0.06) 0px 9px 28px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay .case-actions-summary-top h3 { color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay .case-actions-summary-meta span { color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay .case-actions-summary-meta b { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay .case-workspace-document { background-color: rgba(32,54,78, 0.9); box-shadow: rgba(0, 0, 0, 0.055) 0px 9px 28px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay .case-workspace-request { background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay .reader-side-kicker, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay .compact-section-title { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay .ticket-form-field { background-color: rgba(32,54,78, 0.88); box-shadow: rgba(0, 0, 0, 0.043) 0px 7px 22px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay .ticket-form-field label { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay select, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay textarea, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay input { border-color: rgb(53, 75, 104); background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay select:focus, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay textarea:focus, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay input:focus { border-color: rgb(73, 106, 145); box-shadow: rgba(0, 0, 0, 0.13) 0px 0px 0px 3px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay .modal-ticket-actions { background-color: rgba(32,54,78, 0.94); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay #btnSave { background-image: linear-gradient(135deg, rgb(29, 48, 73), rgb(29, 48, 73)); box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 20px; }
@media (max-width: 720px) {
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay .modal-header { background-image: linear-gradient(120deg, rgb(32,54,78), rgb(32,54,78)); }
}
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .queue-closed-trigger { border-color: rgb(73, 106, 145); color: rgb(169, 201, 241); background-image: linear-gradient(145deg, rgb(32,54,78), rgb(32,54,78)); box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 18px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .queue-closed-trigger:hover { border-color: rgb(73, 106, 145); color: rgb(169, 201, 241); background-image: linear-gradient(145deg, rgb(32,54,78), rgb(29, 48, 73)); box-shadow: rgba(0, 0, 0, 0.15) 0px 9px 22px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .queue-closed-trigger strong { color: rgb(229, 237, 247); background-color: rgb(29, 48, 73); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay .ticket-form-field { border-color: rgb(73, 106, 145); background-image: radial-gradient(circle at 100% 0%, rgba(28, 53, 47, 0.13), transparent 42%), linear-gradient(145deg, rgba(32,54,78, 0.97), rgba(32,54,78, 0.95)); box-shadow: rgba(0, 0, 0, 0.07) 0px 10px 26px, rgba(0, 0, 0, 0.9) 0px 1px 0px inset; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay .ticket-form-field::before { background-image: linear-gradient(90deg, rgb(29, 48, 73), rgb(29, 48, 73) 68%, transparent); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay .ticket-form-field:hover { border-color: rgb(73, 106, 145); box-shadow: rgba(0, 0, 0, 0.11) 0px 14px 32px, rgba(0, 0, 0, 0.95) 0px 1px 0px inset; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay .ticket-form-field > label, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay .recommendation-head label { color: rgb(169, 201, 241); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay .ticket-form-field > label::before, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay .recommendation-head label::before { border-color: rgb(73, 106, 145); background-color: rgb(29, 48, 73); box-shadow: rgba(0, 0, 0, 0.09) 0px 0px 0px 3px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay .ticket-form-field select, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay .ticket-form-field textarea, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay .ticket-form-field input { border-color: rgb(73, 106, 145); color: rgb(229, 237, 247); background-color: rgba(32,54,78, 0.94); box-shadow: rgba(0, 0, 0, 0.035) 0px 1px 2px inset; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay #caseAssignBlock { background-image: radial-gradient(circle at 100% 0%, rgba(28, 53, 47, 0.17), transparent 44%), linear-gradient(145deg, rgb(32,54,78), rgb(32,54,78)); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay #caseStatusBlock { background-image: radial-gradient(circle at 100% 0%, rgba(28, 46, 64, 0.14), transparent 44%), linear-gradient(145deg, rgb(32,54,78), rgb(32,54,78)); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay #caseStatusBlock::before { background-image: linear-gradient(90deg, rgb(29, 48, 73), rgb(29, 48, 73) 68%, transparent); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay #caseStatusBlock > label::before { border-color: rgb(73, 106, 145); background-color: rgb(29, 48, 73); box-shadow: rgba(0, 0, 0, 0.09) 0px 0px 0px 3px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay .recommendation-panel { background-image: radial-gradient(circle at 93% 0%, rgba(64, 38, 48, 0.13), transparent 38%), linear-gradient(145deg, rgb(32,54,78), rgb(32,54,78) 58%, rgb(32,54,78)); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay .recommendation-panel::before { background-image: linear-gradient(90deg, rgb(29, 48, 73), rgb(64, 53, 30) 70%, transparent); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay .recommendation-panel .recommendation-head label::before { border-color: rgb(53, 75, 104); background-color: rgb(64, 53, 30); box-shadow: rgba(0, 0, 0, 0.09) 0px 0px 0px 3px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay #caseReplyBlock { background-image: radial-gradient(circle at 100% 0%, rgba(28, 46, 64, 0.11), transparent 40%), linear-gradient(145deg, rgb(32,54,78), rgb(32,54,78) 58%, rgb(32,54,78)); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay #caseReplyBlock::before { background-image: linear-gradient(90deg, rgb(29, 48, 73), rgb(29, 48, 73) 70%, transparent); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay #caseReplyBlock > label::before { border-color: rgb(53, 75, 104); background-color: rgb(29, 48, 73); box-shadow: rgba(0, 0, 0, 0.09) 0px 0px 0px 3px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay #caseReplyBlock textarea { background-color: rgba(32,54,78, 0.9); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay .ticket-help { color: rgb(173, 190, 213); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-landing-page, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-track-page, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-landing-page .eyebrow, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page .eyebrow, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-track-page .eyebrow, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page .panel-kicker, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page .hero-kicker, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page .reader-side-kicker, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page .email-label, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page .ticket-eyebrow { color: rgb(255, 255, 255); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-landing-page .btn-primary, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page .btn-primary, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-track-page .primary-btn, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page .btn-primary, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page .btn-logout { color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-landing-page .btn-outline, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page .btn-outline, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-track-page .ghost-btn, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page .btn-outline { border-color: rgb(53, 75, 104); color: var(--dc-text); background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-landing-page input, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page input, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page select, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page textarea, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-track-page input, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-track-page textarea, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page input, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page select, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page textarea { border-color: rgb(53, 75, 104); color: var(--dc-text); background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-landing-page input:focus, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page input:focus, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page select:focus, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page textarea:focus, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-track-page input:focus, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-track-page textarea:focus, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page input:focus, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page select:focus, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page textarea:focus { outline-color: rgba(63, 121, 101, 0.14); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-landing-page .landing-header { color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-landing-page .landing-header .logo-link { border-color: rgba(52, 75, 82, 0.32); background-color: rgba(32,54,78, 0.12); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-landing-page .landing-header .eyebrow, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-landing-page .landing-header .txt-muted { color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-landing-page .landing-header h1 { color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-landing-page .action-stack { background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-landing-page .hero-action, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-landing-page .action-card, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-landing-page .track-card { color: var(--dc-text); background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-landing-page .hero-action { color: rgb(229, 237, 247); background-image: linear-gradient(135deg, rgb(34, 62, 96), rgb(40, 72, 106)) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-landing-page .hero-action .action-meta, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-landing-page .hero-action .action-sub { color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-landing-page .hero-action .action-title, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-landing-page .hero-action .action-cta { color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-landing-page .action-meta { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-landing-page .action-sub { color: var(--dc-muted); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-landing-page .footer { color: var(--dc-muted); background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page .voice-header { color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page .voice-header .eyebrow, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page .voice-header .txt-muted { color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page .voice-header h1 { color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page .form-surface { background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page .voice-form .grid2, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page .voice-form > .field-block { border-bottom-color: rgb(53, 75, 104); background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page .voice-form label { color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page .form-actions { background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-track-page .track-head { color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-track-page .track-head .eyebrow, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-track-page .track-head .hero-copy { color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-track-page .track-head h1 { color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-track-page .track-head .ghost-btn { color: rgb(229, 237, 247); border-color: rgba(52, 75, 82, 0.45); background-color: rgba(32,54,78, 0.08); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-track-page .my-cases-panel, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-track-page .lookup-panel, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-track-page .timeline-panel, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-track-page .thread-panel, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-track-page .case-hero { background-color: rgb(34, 54, 79); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-track-page .track-modal { box-shadow: rgba(0, 0, 0, 0.28) 0px 30px 90px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page .main-header { color: rgb(229, 237, 247); background-image: radial-gradient(circle at 92% -80%, rgba(32,54,78, 0.2), transparent 24rem), linear-gradient(112deg, rgb(29, 48, 73), rgb(29, 48, 73) 62%, rgb(29, 48, 73)) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page .main-header .hero-kicker, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page .main-header .txt-muted, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page .main-header .user-label { color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page .main-header #heroKicker { color: rgb(169, 201, 241) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page .main-header h1 { color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page .main-header .user-badge { border-color: rgba(52, 75, 82, 0.25); color: rgb(229, 237, 247); background-color: rgba(32,54,78, 0.1); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page .main-header .btn-outline { color: rgb(164, 210, 239); border-color: rgba(52, 75, 82, 0.72); background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page .main-header .btn-outline:hover { border-color: rgb(53, 75, 104); background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .panel-head { border-color: rgb(53, 75, 104); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .queue-tab, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .queue-closed-trigger { color: var(--dc-text); background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .queue-tab.active { color: rgb(169, 201, 241); border-color: rgb(73, 106, 145); background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .list-controls { background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .queue-filter-toggle.is-open { color: rgb(169, 201, 241); border-color: rgb(73, 106, 145); background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .list, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .detail-shell { background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .mail-list-head { color: var(--dc-muted); background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .mail-row { border-bottom-color: rgb(53, 75, 104); background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .mail-row:hover { background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .mail-row.selected { background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .mail-row.new-item { border-left-color: rgb(169, 94, 109); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .mail-row-name, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .mail-row-title { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .mail-row-date, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .mail-row-meta-text, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .mail-row-status-text { color: var(--dc-muted); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .mail-row-assigned { color: rgb(169, 201, 241); background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .voice-queue-avatar { color: rgb(169, 201, 241); border-color: rgb(73, 106, 145); background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page .reader-topbar { background-color: rgb(34, 54, 79); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page .reader-paper, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page .reader-side-card, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page .reader-thread-section { background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page .reader-paper-band { color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page .reader-side-card { background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page .modal-overlay { background-color: rgba(28, 46, 64, 0.62); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page .modal { background-color: rgb(32,54,78); box-shadow: rgba(0, 0, 0, 0.3) 0px 30px 90px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page .case-workspace-source { color: rgb(169, 201, 241); }
@media (min-width: 981px) {
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page .main-header, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.has-dash-menu.staff-mode.voice-console-page .main-header { box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 52px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .board { background-color: rgba(32,54,78, 0.97); box-shadow: rgba(0, 0, 0, 0.11) 0px 20px 48px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .panel-nav { background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .panel-detail { background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .panel-head { background-image: linear-gradient(110deg, rgb(32,54,78), rgb(32,54,78) 72%, rgb(32,54,78)); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .admin-queue-tools { background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .queue-tab, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .queue-closed-trigger { background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .queue-tab.active { color: rgb(229, 237, 247); border-color: rgb(73, 106, 145); background-color: rgb(29, 48, 73); box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 12px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .list-controls { background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .list { background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .mail-list { background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .mail-list-head { background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .mail-row { background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .mail-row:nth-child(2n+1) { background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .mail-row:hover { background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .mail-row.selected { background-color: rgb(32,54,78); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px 1px inset; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .mail-row.new-item:not(.selected) { border-left-color: rgb(169, 94, 109); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .voice-queue-avatar { color: rgb(169, 201, 241); border-color: rgb(73, 106, 145); background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .detail-shell { background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .detail-empty { border-color: rgb(73, 106, 145); background-image: linear-gradient(135deg, rgb(32,54,78), rgb(32,54,78)); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page .reader-shell { background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page.voice-mobile-case-open #app .panel-head { background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page .reader-topbar { background-image: linear-gradient(110deg, rgb(34, 54, 79), rgb(34, 54, 79) 72%, rgb(34, 54, 79)); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page .reader-paper-band { background-color: rgb(29, 48, 73); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page .reader-side { background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page .reader-thread-section { background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page .reader-thread-section .thread-mail-item { background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay .modal-inner { background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay .modal-header { background-image: linear-gradient(110deg, rgb(32,54,78), rgb(32,54,78) 72%, rgb(32,54,78)); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay .case-actions-summary-card { background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay .case-workspace-document { background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay .case-workspace-support { background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay .discipline-history-strip { background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay .case-actions-grid { background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay .ticket-form-field { background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay .modal-ticket-actions { background-color: rgb(32,54,78); }
}
@media (max-width: 720px) {
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay .modal-header { background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay .case-workspace-document { background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay .modal-ticket-actions { background-color: rgb(32,54,78); }
}
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .panel-nav { border-color: rgb(53, 75, 104); background-image: linear-gradient(rgb(32,54,78) 0%, rgb(32,54,78) 100%); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .panel-nav .panel-head { background-image: radial-gradient(circle at 92% 12%, rgba(28, 53, 47, 0.12), transparent 34%), linear-gradient(125deg, rgb(32,54,78) 0%, rgb(32,54,78) 72%); box-shadow: rgb(0, 0, 0) 0px 3px 0px inset; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .admin-queue-tools { background-color: rgba(32,54,78, 0.72); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .list-controls { background-color: rgba(32,54,78, 0.8); box-shadow: rgba(0, 0, 0, 0.05) 0px 8px 24px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .list { background-image: linear-gradient(rgb(32,54,78) 0%, rgb(32,54,78) 100%); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .mail-list-head { color: rgb(173, 190, 213); background-color: rgba(32,54,78, 0.62); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .mail-row, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .mail-row:nth-child(2n+1) { border-top-color: rgb(53, 75, 104); border-right-color: rgb(53, 75, 104); border-bottom-color: rgb(53, 75, 104); background-color: rgba(32,54,78, 0.92); box-shadow: rgba(0, 0, 0, 0.043) 0px 5px 18px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .mail-row:hover { background-color: rgb(32,54,78); box-shadow: rgba(0, 0, 0, 0.09) 0px 10px 24px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .mail-row.selected { border-color: rgb(73, 106, 145); background-image: linear-gradient(105deg, rgb(32,54,78) 0%, rgb(32,54,78) 78%); box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 24px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .mail-row.new-item:not(.selected) { border-left-color: rgb(169, 94, 109); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .voice-queue-avatar { border-color: rgb(73, 106, 145); color: var(--dc-text); background-image: linear-gradient(145deg, rgb(29, 48, 73), rgb(32,54,78)); box-shadow: rgba(0, 0, 0, 0.52) 0px 0px 0px 3px inset; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .mail-row-assigned, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .mail-row-status-text { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #app .mail-row-meta-text { color: rgb(173, 190, 213); background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay { background-color: rgba(28, 53, 47, 0.54); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay .case-workspace-modal { border-color: rgba(63, 121, 101, 0.92); box-shadow: rgba(0, 0, 0, 0.28) 0px 34px 100px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay .modal-inner { background-image: radial-gradient(circle at 92% 0%, rgba(28, 53, 47, 0.16), transparent 26%), linear-gradient(rgb(32,54,78) 0%, rgb(32,54,78) 100%); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay .modal-header { background-image: radial-gradient(circle at 86% 5%, rgba(28, 53, 47, 0.18), transparent 32%), linear-gradient(120deg, rgb(32,54,78) 0%, rgb(32,54,78) 70%); box-shadow: rgb(0, 0, 0) 0px 4px 0px inset; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay .case-workspace-kicker { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay .modal-title { color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay #btnCaseActionsClose { border-color: rgb(73, 106, 145); color: rgb(169, 201, 241); background-color: rgba(32,54,78, 0.82); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay .case-actions-summary-card { background-color: rgba(32,54,78, 0.88); box-shadow: rgba(0, 0, 0, 0.06) 0px 9px 28px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay .case-actions-summary-meta span { color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay .case-actions-summary-meta b { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay .case-workspace-document { background-color: rgba(32,54,78, 0.9); box-shadow: rgba(0, 0, 0, 0.055) 0px 9px 28px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay .case-workspace-request { background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay .ticket-form-field { background-color: rgba(32,54,78, 0.88); box-shadow: rgba(0, 0, 0, 0.043) 0px 7px 22px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay .ticket-form-field label, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay .reader-side-kicker, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay .compact-section-title { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay select, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay textarea, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay input { border-color: rgb(53, 75, 104); background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay .modal-ticket-actions { background-color: rgba(32,54,78, 0.94); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay #btnSave { background-image: linear-gradient(135deg, rgb(29, 48, 73), rgb(29, 48, 73)); box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 20px; }
@media (max-width: 720px) {
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-console-page #caseActionsOverlay .modal-header { background-image: linear-gradient(120deg, rgb(32,54,78), rgb(32,54,78)); }
}
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page .voice-header { box-shadow: rgba(0, 0, 0, 0.17) 0px 18px 42px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page .form-surface { box-shadow: rgba(0, 0, 0, 0.09) 0px 18px 44px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page .surface-head { background-image: radial-gradient(circle at 88% 20%, rgba(28, 53, 47, 0.1), transparent 15rem), linear-gradient(105deg, rgb(32,54,78), rgb(32,54,78)); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page .surface-step { border-color: rgb(73, 106, 145); color: rgb(169, 201, 241); background-color: rgba(32,54,78, 0.82); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page .surface-head .badge { border-color: rgb(73, 106, 145); color: rgb(169, 201, 241); background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page .voice-form { background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page .voice-form label { color: rgb(164, 210, 239); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page .voice-form input, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page .voice-form select, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page .voice-form textarea { border-color: rgb(53, 75, 104); background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page .voice-call-request { border-color: rgb(73, 106, 145); background-color: rgb(32,54,78); box-shadow: rgba(0, 0, 0, 0.06) 0px 8px 24px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page .voice-call-request:has(#contactRequested:checked) { border-color: rgb(73, 106, 145); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 3px, rgba(0, 0, 0, 0.08) 0px 12px 28px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page .voice-call-icon { color: rgb(169, 201, 241); background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page .voice-call-copy strong { color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page .voice-call-copy small { color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page .voice-call-meta > span { color: rgb(229, 237, 247); background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page .voice-call-switch { background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page .voice-call-switch::after { background-color: rgb(32,54,78); box-shadow: rgba(0, 0, 0, 0.22) 0px 2px 5px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page #contactRequested:checked ~ .voice-call-switch { background-color: rgb(29, 48, 73); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page .voice-contact-phone { border-color: rgb(53, 75, 104); background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page .voice-contact-phone input { background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page .voice-phone-help { color: rgb(173, 190, 213); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page .form-actions { border-top-color: rgb(53, 75, 104); background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page .submit-note { color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page .submit-note span { color: rgb(173, 190, 213); }
@media (max-width: 820px) {
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body[data-worker-mobile] { color: rgb(229, 237, 247); background-color: rgb(32,54,78) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body[data-worker-mobile] .employee-hero { background-image: linear-gradient(125deg, rgb(40, 72, 106), rgb(34, 62, 96) 60%, rgb(34, 62, 96)) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body[data-worker-mobile] .employee-copy .eyebrow { color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body[data-worker-mobile] .employee-dashboard-panel { background-color: rgb(32,54,78) !important; }
}
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .home-quick-icon.is-schedule, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .tool-icon.schedule-icon { --worker-icon-color: #1d3049; --worker-icon-bg: #20364e; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .home-quick-icon.is-truck, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .tool-icon.clock-mobile-icon { --worker-icon-color: #1d3049; --worker-icon-bg: #20364e; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .home-quick-icon.is-milk, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .tool-icon.milk-route-icon { --worker-icon-color: #1d3049; --worker-icon-bg: #20364e; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .home-quick-icon.is-hub-load-out, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .tool-icon.hub-load-out-icon { --worker-icon-color: #1d3049; --worker-icon-bg: #20364e; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .home-quick-icon.is-uniform, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .tool-icon.uniform-icon { --worker-icon-color: #402630; --worker-icon-bg: #20364e; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .home-quick-icon.is-voice, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .tool-icon.track-icon, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .tool-icon.voice-icon { --worker-icon-color: #1d3049; --worker-icon-bg: #20364e; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .home-quick-icon.is-writeup, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .tool-icon.writeup-icon { --worker-icon-color: #402630; --worker-icon-bg: #20364e; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .home-performance-trophy, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .tool-icon.performance-icon { --worker-icon-color: #402630; --worker-icon-bg: #20364e; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .tool-icon.install-icon { --worker-icon-color: #1d3049; --worker-icon-bg: #20364e; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .tool-icon.photo-icon { --worker-icon-color: #1d3049; --worker-icon-bg: #20364e; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .tool-icon.logout-icon { --worker-icon-color: #402630; --worker-icon-bg: #20364e; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .action-glyph.calendar-glyph { --worker-icon-color: #1d3049; --worker-icon-bg: #20364e; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .action-glyph.request-glyph { --worker-icon-color: #1d3049; --worker-icon-bg: #20364e; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .action-glyph.callout-glyph { --worker-icon-color: #402630; --worker-icon-bg: #20364e; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .home-quick-icon.is-schedule, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .tool-icon.schedule-icon, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .home-quick-icon.is-truck, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .tool-icon.clock-mobile-icon, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .home-quick-icon.is-milk, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .tool-icon.milk-route-icon, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .home-quick-icon.is-hub-load-out, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .tool-icon.hub-load-out-icon, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .home-quick-icon.is-uniform, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .tool-icon.uniform-icon, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .home-quick-icon.is-voice, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .tool-icon.track-icon, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .tool-icon.voice-icon, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .home-quick-icon.is-writeup, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .tool-icon.writeup-icon, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .home-performance-trophy, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .tool-icon.performance-icon, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .tool-icon.install-icon, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .tool-icon.photo-icon, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .tool-icon.logout-icon, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .action-glyph.calendar-glyph, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .action-glyph.request-glyph, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .action-glyph.callout-glyph { color: var(--dc-text) !important; box-shadow: 0 4px 9px color-mix(in srgb, var(--worker-icon-color) 15%, transparent), inset 0 1px 0 #000000 !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page { color: rgb(229, 237, 247); background-color: rgb(32,54,78) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page .voice-header { background-color: rgb(29, 48, 73) !important; border-color: rgb(71, 107, 136) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page .voice-header .eyebrow { color: rgb(169, 201, 241) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page .voice-header h1 { color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page .voice-header .txt-muted { color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page .header-actions .btn-outline { border-color: rgb(73, 106, 145) !important; color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page .header-actions .btn-primary { background-color: rgb(34, 62, 96) !important; border-color: rgb(73, 106, 145) !important; color: rgb(169, 201, 241) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page .form-surface { background-color: rgb(32,54,78) !important; border-color: rgb(53, 75, 104) !important; box-shadow: rgba(0, 0, 0, 0.03) 0px 8px 28px !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page .surface-head { background-color: rgb(32,54,78) !important; border-bottom-color: rgb(53, 75, 104) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page .surface-head .section-copy { color: rgb(173, 190, 213) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page .surface-step { background-color: rgb(32,54,78) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page .voice-form { background-color: rgb(32,54,78) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page .voice-form label:not(.voice-call-request-toggle) { color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page .voice-form input:not([type="checkbox"]), :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page .voice-form select, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page .voice-form textarea { border-color: rgb(53, 75, 104) !important; background-color: rgb(32,54,78) !important; color: rgb(164, 210, 239) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page .voice-form input:focus-visible, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page .voice-form select:focus-visible, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page .voice-form textarea:focus-visible { outline-color: rgb(73, 106, 145) !important; border-color: rgb(73, 106, 145) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page .voice-call-request { background-color: rgb(32,54,78) !important; border-color: rgb(53, 75, 104) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page .voice-call-meta > span { background-color: rgb(32,54,78) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page .voice-call-request:has(input:focus-visible) { outline-color: rgb(73, 106, 145); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page .voice-call-request:has(#contactRequested:checked) { border-color: rgb(73, 106, 145) !important; background-color: rgb(32,54,78) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page .form-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"] body.voice-request-page .form-actions .btn-primary { background-color: rgb(34, 62, 96) !important; border-color: rgb(73, 106, 145) !important; color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page a:focus-visible, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.voice-request-page button:focus-visible { outline-color: rgb(73, 106, 145) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .worker-bottom-nav { background-color: rgb(32,54,78); border-top-color: rgb(53, 75, 104); border-right-color: rgb(53, 75, 104); border-left-color: rgb(53, 75, 104); box-shadow: rgba(0, 0, 0, 0.07) 0px -4px 20px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .worker-profile-view .worker-visible-name-form { border-color: rgb(53, 75, 104); background-image: linear-gradient(135deg, rgb(32,54,78), rgb(32,54,78)); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .worker-visible-name-form label { color: rgb(164, 210, 239); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .worker-visible-name-form p, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .worker-visible-name-form small { color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .worker-visible-name-form input { border-color: rgb(71, 107, 136); background-color: rgb(32,54,78); color: rgb(164, 210, 239); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .worker-visible-name-form button { background-image: linear-gradient(115deg, rgb(29, 48, 73), rgb(29, 48, 73)); color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body .worker-bottom-nav button[data-tab="Home"] svg { color: rgb(169, 201, 241); background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body .worker-bottom-nav button[data-tab="Schedule"] svg { color: rgb(164, 210, 239); background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body .worker-bottom-nav button[data-tab="Services"] svg { color: rgb(164, 210, 239); background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body .worker-bottom-nav button[data-tab="Profile"] svg { color: rgb(255, 176, 189); background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body .worker-bottom-nav button { color: rgb(173, 190, 213); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body .worker-bottom-nav button.is-active { background-image: linear-gradient(155deg, rgb(29, 48, 73), rgb(32,54,78)); color: rgb(169, 201, 241); box-shadow: rgb(0, 0, 0) 0px 0px 0px 1px inset; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body .worker-bottom-nav button:hover { background-color: rgb(32,54,78); color: rgb(169, 201, 241); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body .worker-bottom-nav button:active { background-color: rgb(29, 48, 73); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .worker-bottom-nav button { color: rgb(173, 190, 213); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .worker-bottom-nav button.is-active { color: rgb(169, 201, 241); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .worker-bottom-nav button:focus-visible { outline-color: rgb(73, 106, 145); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .walker-menu-drawer.worker-profile-view .worker-profile-name { background-color: rgb(32,54,78); color: rgb(169, 201, 241); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"]:has(:is(body, #worker-urban-theme)[data-worker-background="urban"]) { background-color: rgb(29, 48, 73); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"] { background-color: rgb(29, 48, 73) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"]::before { background-color: rgb(29, 48, 73); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"] { color: rgb(164, 210, 239); --text: #a4d2ef; --ink: #a4d2ef; --muted: #e5edf7; --border: #476b88; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"] :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, .tool-card, .worker-visible-name-form, .employee-modal-section, .legal-block, .essential-detail, .selected-summary, .catalog-item, .product-card) { background-image: linear-gradient(140deg, rgb(32,54,78), rgb(32,54,78)) !important; color: rgb(164, 210, 239) !important; border-color: rgb(71, 107, 136) !important; box-shadow: rgba(0, 0, 0, 0.03) 0px 1px 0px inset, rgba(0, 0, 0, 0.19) 0px 6px 18px !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"] :is(.employee-hero, .hero-card, .portal-head, .voice-header, .mobile-topbar, .topbar, .hld-header, .sign-header, .hero-panel) { background-image: linear-gradient(125deg, rgb(32,54,78), rgb(32,54,78)) !important; color: rgb(164, 210, 239) !important; border-color: rgb(71, 107, 136) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"] :is(.walker-menu-drawer, .mobile-modal, .sheet-card, .review-panel, .size-picker-panel, .hld-modal-panel, .modal-card, .modal-content, .dialog-panel) { background-color: rgb(32,54,78) !important; color: rgb(164, 210, 239) !important; border-color: rgb(71, 107, 136) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"] :is(.employee-modal-actions, .request-history-toolbar, .modal-head, .sheet-header, .sheet-actions, .bottom-dock, .summary-bar, .review-actions, .walker-menu-head, .walker-menu-body, .surface-head, .card-inner) { background-color: rgb(32,54,78) !important; color: rgb(164, 210, 239) !important; border-color: rgb(71, 107, 136) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"] :is(h1, h2, h3, h4, label, .section-title, .tool-card strong, .employee-action-card strong, .employee-week-summary strong, .worker-visible-name-form label, .surface-step, .writeup-person, .field-label) { color: rgb(164, 210, 239) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"] :is(.muted, .txt-muted, .helper-copy, .section-copy, .employee-action-card small, .tool-card small, .worker-visible-name-form small, .worker-visible-name-form p, .meta-label, .section-label, .submit-note, .employee-week-summary 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"] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]), select, textarea) { background-color: rgb(32,54,78) !important; color: rgb(164, 210, 239) !important; border-color: rgb(71, 107, 136) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"] :is(input, textarea)::placeholder { color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"] :is(.btn-secondary, .btn-outline, .secondary, .icon-btn, .modal-back-btn, .employee-back-link, .employee-action-cta, .request-view-toggle, .employee-week-picker-control) { background-color: rgb(32,54,78) !important; color: rgb(164, 210, 239) !important; border-color: rgb(71, 107, 136) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"] :is(button, a, input, select, textarea):focus-visible { outline-color: rgb(71, 107, 136); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"] .worker-bottom-nav { box-shadow: rgba(0, 0, 0, 0.5) 0px -6px 24px; background-image: linear-gradient(120deg, rgb(32,54,78), rgb(32,54,78)) !important; border-color: rgb(71, 107, 136) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"] .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"] .worker-bottom-nav button:is(.is-active, :hover) { box-shadow: rgb(0, 0, 0) 0px 0px 0px 1px inset; background-image: linear-gradient(145deg, rgb(29, 48, 73), rgb(32,54,78)) !important; color: rgb(164, 210, 239) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"] .worker-bottom-nav button.is-active::before { background-color: rgb(29, 48, 73); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"] .worker-bottom-nav button[data-tab="Home"] svg { color: rgb(169, 201, 241); background-color: rgb(29, 48, 73); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"] .worker-bottom-nav button[data-tab="Schedule"] svg { color: rgb(164, 210, 239); background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"] .worker-bottom-nav button[data-tab="Services"] svg { color: rgb(164, 210, 239); background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"] .worker-bottom-nav button[data-tab="Profile"] svg { color: rgb(255, 176, 189); background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"] :is(.voice-form, .panel-head, .catalog-toolbar, .requester-card .field > span, .field-block > span, .voice-call-request, .signature-form, .record-details, .hld-load-group) { background-color: rgb(32,54,78) !important; color: rgb(164, 210, 239) !important; border-color: rgb(71, 107, 136) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"] :is(.field > span, .eyebrow, .hero-copy p, .header-copy p, .compact-empty) { color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"] #portalPanel .portal-head { background-image: linear-gradient(125deg, rgb(34, 54, 79), rgb(34, 54, 79)) !important; border-color: rgba(71, 107, 136, 0.25) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"] #portalPanel :is(.home-overview-head h2, .home-quick-head h3) { color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"] #portalPanel .home-overview-head small { color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"] #portalPanel .home-overview-head .eyebrow { color: rgb(169, 201, 241); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"] #portalPanel .home-quick-head { border-color: rgba(71, 107, 136, 0.25); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"] #portalPanel :is(.home-summary-card, .home-quick-card) { --card-accent: #1d3049; color: rgb(164, 210, 239); box-shadow: rgba(0, 0, 0, 0.03) 0px 1px 0px inset, rgba(0, 0, 0, 0.27) 0px 8px 20px; background-image: linear-gradient(140deg, rgb(32,54,78), rgb(32,54,78)) !important; border-right-color: rgb(71, 107, 136) !important; border-bottom-color: rgb(71, 107, 136) !important; border-left-color: rgb(71, 107, 136) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"] #portalPanel :is(.home-summary-card, .home-quick-card) strong { color: rgb(164, 210, 239); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"] #portalPanel :is(.home-summary-card, .home-quick-card) small { color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"] #portalPanel .home-summary-card > span { color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"] #portalPanel .home-summary-card.is-today { --card-accent: #1d3049; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"] #portalPanel .home-summary-card.is-week { --card-accent: #1d3049; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"] #portalPanel .home-summary-card.is-action { --card-accent: #402630; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"] #portalPanel #homeUniformLink { --card-accent: #402630; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"] #portalPanel #homeVoiceLink { --card-accent: #1d3049; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"] #portalPanel #homeWriteupsBtn { --card-accent: #402630; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"] #portalPanel #homePerformanceBtn { --card-accent: #1d3049; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"] #portalPanel #homeAnnouncementsBtn { --card-accent: #1d3049; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"] #portalPanel .home-quick-icon { background-color: rgba(32,54,78, 0.05) !important; color: var(--dc-text) !important; border-color: rgba(71, 107, 136, 0.17) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"] #portalPanel :is(.home-quick-card, .home-summary-card.is-week):focus-visible { outline-color: rgb(71, 107, 136); }
@media (hover: hover) {
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"] #portalPanel :is(.home-quick-card, .home-summary-card.is-week):hover { background-image: linear-gradient(140deg, rgb(32,54,78), rgb(32,54,78)) !important; }
}
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"] #portalPanel .home-overview-head .eyebrow { color: rgb(169, 201, 241) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"] :is(.portal-head, .employee-hero, .hero-card, .voice-header, .sign-header, .mobile-topbar, .topbar, .hld-header) :is(h1, h2, h3, p, strong, .eyebrow, .employee-meta-chip, .portal-meta-chip) { color: rgb(164, 210, 239) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"] .home-quick-icon { background-color: rgb(32,54,78) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"] :is(.hero-stat, .hero-stat-label, .hero-stat small, .portal-head small, .portal-head .portal-meta, .portal-head .portal-meta span, .employee-meta-chip) { color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"] #portalPanel .walker-meta-chip { color: rgb(164, 210, 239) !important; background-color: rgb(32,54,78) !important; border-color: rgb(71, 107, 136) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"] .hero-stat 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"].voice-track-page #voiceHistory .section-head { background-color: rgb(32,54,78) !important; border-color: rgb(71, 107, 136) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"].voice-track-page #voiceHistoryTitle { color: rgb(164, 210, 239) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"].voice-track-page #myRequestsModalCopy { color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"].voice-track-page .track-head { border-color: rgb(71, 107, 136) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"].uniforms-form-page .hero-card { border-color: rgb(71, 107, 136) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #worker-urban-theme)[data-worker-background="urban"].uniforms-form-page .hero-stat { background-color: rgb(34, 54, 79); border-color: rgb(71, 107, 136); }
: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; }
@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; }
}
}