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