/* Claro uses original module colors; Dark is opt-in. */
@media screen {
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .ops-theme-toggle { border-color: rgba(185, 154, 83, 0.28); background-color: rgba(32,54,78, 0.08); color: rgb(229, 237, 247); box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 0px inset; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .ops-theme-toggle:hover { background-color: rgba(32,54,78, 0.14); border-color: rgba(185, 154, 83, 0.52); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"][data-ops-theme="light"] .ops-theme-toggle { background-color: rgb(32,54,78); color: rgb(164, 210, 239); border-color: rgba(71, 107, 136, 0.28); box-shadow: rgba(0, 0, 0, 0.11) 0px 10px 22px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .sheet-logo, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .toolbar-logo, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .logo-glow-wrapper { background-color: rgba(16, 26, 37, 0.72); border-color: rgba(185, 154, 83, 0.28); box-shadow: rgba(0, 0, 0, 0.22) 0px 14px 30px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"][data-ops-theme="light"] .sheet-logo, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"][data-ops-theme="light"] .toolbar-logo, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"][data-ops-theme="light"] .logo-glow-wrapper { background-color: rgb(32,54,78); border-color: rgba(71, 107, 136, 0.22); box-shadow: rgba(0, 0, 0, 0.1) 0px 14px 28px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"][data-ops-theme="blue"] .ops-theme-toggle { background-color: rgba(28, 46, 64, 0.14); color: rgb(229, 237, 247); border-color: rgba(71, 107, 136, 0.34); box-shadow: rgba(0, 0, 0, 0.22) 0px 12px 26px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"][data-ops-theme="blue"] .ops-theme-toggle:hover { background-color: rgba(28, 46, 64, 0.22); border-color: rgba(71, 107, 136, 0.5); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"][data-ops-theme="blue"] .sheet-logo, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"][data-ops-theme="blue"] .toolbar-logo, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"][data-ops-theme="blue"] .logo-glow-wrapper { background-color: rgba(28, 46, 64, 0.88); border-color: rgba(71, 107, 136, 0.32); box-shadow: rgba(0, 0, 0, 0.28) 0px 16px 34px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"][data-ops-theme="blue"] .ops-theme-toggle { background-image: linear-gradient(135deg, rgba(64, 53, 30, 0.18), rgba(64, 38, 48, 0.16)); color: rgb(229, 237, 247); border-color: rgba(169, 94, 109, 0.34); box-shadow: rgba(0, 0, 0, 0.24) 0px 12px 26px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"][data-ops-theme="blue"] .ops-theme-toggle:hover { background-image: linear-gradient(135deg, rgba(64, 53, 30, 0.25), rgba(64, 38, 48, 0.24)); border-color: rgba(185, 154, 83, 0.44); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"][data-ops-theme="blue"] .sheet-logo, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"][data-ops-theme="blue"] .toolbar-logo, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"][data-ops-theme="blue"] .logo-glow-wrapper { background-color: rgba(16, 26, 37, 0.9); border-color: rgba(185, 154, 83, 0.34); box-shadow: rgba(0, 0, 0, 0.3) 0px 16px 34px, rgba(0, 0, 0, 0.14) 0px 0px 18px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] { --dc-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"] { --fw-bg: #20364e; --fw-surface: #20364e; --fw-ink: #e5edf7; --fw-muted: #adbed5; --fw-line: #354b68; --fw-accent: #1d3049; --fw-soft: #20364e; --fw-hero: #1d3049; --fw-warning: #402630; --fw-danger: #402630; --fleet-text: var(--dc-text); --fleet-muted: var(--dc-muted); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"][data-ops-theme="dark"] { --fw-bg: #101a25; --fw-surface: #29435f; --fw-ink: #e5edf7; --fw-muted: #adbed5; --fw-line: #496a91; --fw-accent: #1d3049; --fw-soft: #1d3049; --fw-hero: #1d3049; --fw-warning: #402630; --fw-danger: #402630; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.fleet-panel-page { 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"] button:focus-visible, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] a:focus-visible, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] [tabindex]:focus-visible, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] input:focus-visible, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] select:focus-visible, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] textarea:focus-visible { outline-color: rgb(73, 106, 145); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .eyebrow { color: var(--dc-muted); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .header-main h1 { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .fleet-title-dot { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .btn { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .btn.ghost { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .fleet-tools-popover { box-shadow: rgba(0, 0, 0, 0.133) 0px 14px 35px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .fleet-tools-popover span { color: var(--dc-muted); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .fleet-briefing { color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .fleet-briefing .eyebrow { color: rgb(173, 190, 213); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .fleet-briefing h2 { color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .fleet-briefing-copy > p:last-child { color: rgb(173, 190, 213); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .fleet-briefing-art { color: rgb(173, 190, 213); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .fleet-briefing-number strong { color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .fleet-briefing-number span { color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .fleet-briefing-number small { color: rgb(173, 190, 213); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .fleet-load-error { border-color: rgb(185, 154, 83); background-color: rgb(32,54,78); color: rgb(255, 176, 189); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .stat-box span { color: var(--dc-muted); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .stat-box.active label { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .stat-box.oos label, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .stat-box.overdue label { color: var(--dc-danger-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .damage-strip-stats { color: var(--dc-muted); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .damage-strip-stats strong { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .fleet-list-search-copy span { color: var(--dc-muted); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .search-icon { color: var(--dc-muted); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .search-input { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .fleet-view-tabs button { color: var(--dc-muted); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .fleet-view-tabs button[aria-pressed="true"] { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .fleet-reset { color: var(--dc-muted); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .tbl-modern th { color: var(--dc-muted); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .unit-link { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .vehicle-primary-meta { color: var(--dc-muted); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .badge, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .maintenance-pill, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .n-tag, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .damage-status { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .badge.repair, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .maintenance-pill.due-soon { color: var(--dc-warning-text); background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .badge.out-of-service, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .maintenance-pill.overdue, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .damage-status { color: var(--dc-danger-text); background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .badge.return, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .badge.offboard, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .maintenance-pill.no-miles, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .n-tag.none { color: var(--dc-muted); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .maintenance-meta { color: var(--dc-muted); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .history-empty { color: var(--dc-muted); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .fleet-row-chevron { color: var(--dc-muted); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .modal-overlay { background-color: rgba(28, 53, 47, 0.533); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .modal-content { color: var(--dc-text); box-shadow: rgba(0, 0, 0, 0.25) 0px 30px 100px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .modal-header h3 { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .modal-subline { color: var(--dc-muted); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .fleet-manage-summary span, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .fleet-system-grid > div > span { color: var(--dc-muted); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .fleet-manage-summary small { color: var(--dc-muted); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .fleet-manage-inline { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .fleet-manage-actions span { color: var(--dc-muted); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .fleet-manage-actions .is-danger strong { color: var(--dc-danger-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .mini-btn.danger { color: var(--dc-danger-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .maintenance-summary span, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .ezpass-unit-summary span { color: var(--dc-muted); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .field input, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .field select, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .field textarea, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .ezpass-field input, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .ezpass-field select { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .log-head small, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .log-item > small, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .damage-report-head span, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .damage-report-item > small { color: var(--dc-muted); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .unit-tag { color: var(--dc-muted); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .damage-report-grid b { color: var(--dc-muted); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .damage-report-actions select { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .archived-unit-row span, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .archived-unit-row small { color: var(--dc-muted); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .media-gallery label { color: var(--dc-muted); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .intake-sent-row small, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] #intakeSentList { color: var(--dc-muted); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .fleet-panel-page .header-main .fleet-tools-popover button, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .fleet-panel-page .header-main .fleet-tools-popover strong { color: var(--dc-text) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] #workerIntakeSendModal .modal-body > .modal-subline { color: var(--dc-muted); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .intake-recipient-results button { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .intake-recipient-results p { color: var(--dc-muted); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .fleet-panel-page .header-main { background-color: rgb(29, 48, 73); border-color: rgb(73, 106, 145); color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .fleet-panel-page .header-main h1 { color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .fleet-panel-page .header-main .eyebrow, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .fleet-panel-page .header-main .fleet-head-sync { color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .fleet-panel-page .header-main .fleet-head-sync strong, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .fleet-panel-page .header-main .fleet-title-dot { color: rgb(169, 201, 241); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .fleet-panel-page .header-main .btn:not(.ghost) { 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"] .fleet-panel-page .header-main .btn.ghost { background-color: rgba(32,54,78, 0.063); color: rgb(229, 237, 247); border-color: rgba(52, 75, 82, 0.333); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] #workerIntakeSendModal .modal-header { background-color: rgb(29, 48, 73); border-bottom-color: rgb(73, 106, 145); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] #workerIntakeSendModal .modal-header h3 { color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] #workerIntakeSendModal .modal-subline { color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] #workerIntakeSendModal .close-x { color: rgb(229, 237, 247); border-color: rgba(52, 75, 82, 0.333); background-color: rgba(32,54,78, 0.063); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .fleet-head-sync { color: var(--dc-muted); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .fleet-head-sync strong { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .fleet-unit-avatar.status-active { 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"] .fleet-unit-avatar.status-repair { 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"] .fleet-unit-avatar.status-out-of-service { color: rgb(255, 176, 189); background-color: rgb(32,54,78); border-color: rgb(169, 94, 109); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .fleet-unit-avatar.status-return { 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"] .fleet-unit-avatar.status-offboard { color: var(--dc-muted); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .damage-report-strip { border-left-color: rgb(71, 107, 136); box-shadow: rgba(0, 0, 0, 0.024) 0px 6px 20px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .fleet-sort-button span { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] { --fw-bg: #20364e; --fw-ink: #e5edf7; --fw-muted: #e5edf7; --fw-line: #354b68; --fw-soft: #20364e; --fw-accent: #1d3049; --fw-hero: #1d3049; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"][data-ops-theme="dark"] { --fw-bg: #101a25; --fw-ink: #e5edf7; --fw-muted: #adbed5; --fw-line: #496a91; --fw-soft: #1d3049; --fw-accent: #1d3049; --fw-hero: #1d3049; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .fleet-summary-cards .stat-box { box-shadow: rgba(0, 0, 0, 0.024) 0px 6px 20px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .fleet-summary-cards .stat-box label { color: var(--dc-muted); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .fleet-summary-cards .stat-box span { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .fleet-summary-cards .repair { border-left-color: rgb(169, 94, 109); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .fleet-summary-cards .oos { border-left-color: rgb(169, 94, 109); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .fleet-summary-cards .active { border-left-color: rgb(73, 106, 145); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .tbl-modern th { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .fleet-vehicle-card:has(.badge.repair) td:first-child { border-left-color: rgb(169, 94, 109); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .fleet-vehicle-card:has(.badge.out-of-service) td:first-child { border-left-color: rgb(169, 94, 109); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .fleet-unit-avatar { border-color: rgb(73, 106, 145); color: var(--dc-text); }
@media screen {
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme).dc-studio { --studio-ink: #e5edf7; --studio-muted: #adbed5; --studio-line: #354b68; --studio-green: #1d3049; --studio-soft: #20364e; --studio-gradient: linear-gradient(105deg,#1d3049 0%,#1d3049 43%,#1d3049 74%,#20364e 100%); --dc27-border: #354b68; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme).dc-studio[data-studio-mode="desktop"] { background-color: rgb(32,54,78) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme).dc-studio[data-studio-page] [data-studio-header] h1, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme).dc-studio[data-studio-page="index.html"] [data-studio-header] .hub-screen-title strong { color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme).dc-studio[data-studio-page] [data-studio-header] :is(p, .subtitle, .sheet-subtitle, .subcopy, .hero-copy, .txt-muted, .muted, .record-kicker) { color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme).dc-studio[data-studio-page] [data-studio-header] :is(.eyebrow, .hero-kicker, .roster-head-eyebrow, .tablet-eyebrow, .sheet-eyebrow, .section-kicker, .devices-eyebrow, .monitor-kicker, .report-kicker, .lo-kicker, .hlo-kicker, .request-kicker, .pay-eyebrow) { color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme).dc-studio[data-studio-page] [data-studio-header] :is(.hero-actions, .header-actions, .roster-nav-actions, .tablet-nav) > :is(button, a) { background-color: rgba(32,54,78, 0.95) !important; border-color: rgba(52, 75, 82, 0.627) !important; color: rgb(169, 201, 241) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme).dc-studio[data-studio-page] :is(.stats-bar-roster > .stat-pill, .tablet-stat-card, .devices-stat-card) { background-color: rgb(32,54,78) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme).dc-studio[data-studio-page] :is(.stats-bar-roster > .stat-pill, .tablet-stat-card, .devices-stat-card) :is(label, small) { color: rgb(173, 190, 213) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme).dc-studio[data-studio-page] :is(.stats-bar-roster > .stat-pill, .tablet-stat-card, .devices-stat-card) strong { color: rgb(169, 201, 241) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme).dc-studio[data-studio-page] :is(.roster-board-head, .tablet-section-head, .devices-workspace-head, .inventory-section-head) { background-color: rgb(32,54,78) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme).dc-studio[data-studio-page] :is(.roster-board-head, .tablet-section-head, .devices-workspace-head, .inventory-section-head) h2 { color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme).dc-studio[data-studio-page] :is(button, a, summary, input, select, textarea):focus-visible { outline-color: rgb(73, 106, 145) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme).dc-studio [data-studio-dialog], :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme).dc-studio :is(dialog, .notebook-modal-panel, .roster-mobile-truck-panel, .workplace-install-card) { scrollbar-color: rgb(29, 48, 73) transparent; border-color: rgb(53, 75, 104) !important; background-color: rgb(32,54,78) !important; color: rgb(229, 237, 247) !important; box-shadow: rgba(0, 0, 0, 0.19) 0px 24px 70px !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme).dc-studio dialog::backdrop { background-color: rgba(28, 53, 47, 0.66); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme).dc-studio :is([data-studio-dialog], dialog, .notebook-modal-panel, .roster-mobile-truck-panel, .workplace-install-card) :is(.modal-head, .modal-header, .modal-headline, .tablet-modal-header, .actions-modal-header, .route-modal-head, .pay-modal-head, .monitor-modal-header, .lo-modal-head, .employee-modal-head, .sheet-header, .walker-menu-head) { color: rgb(229, 237, 247) !important; border-bottom-color: rgb(53, 75, 104) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme).dc-studio :is([data-studio-dialog], dialog, .notebook-modal-panel, .roster-mobile-truck-panel, .workplace-install-card) :is(h2, h3, .modal-title) { color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme).dc-studio :is([data-studio-dialog], dialog, .notebook-modal-panel, .roster-mobile-truck-panel, .workplace-install-card) :is(.modal-head, .modal-header, .modal-headline, .tablet-modal-header, .actions-modal-header, .route-modal-head, .pay-modal-head, .monitor-modal-header, .lo-modal-head, .employee-modal-head, .notebook-modal-head, .roster-mobile-truck-head, .workplace-install-head) :is(p, small, .section-kicker, .modal-subtitle, .section-label) { color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme).dc-studio :is([data-studio-dialog], dialog, .notebook-modal-panel, .roster-mobile-truck-panel, .workplace-install-card) :is(.modal-head, .modal-header, .modal-headline, .tablet-modal-header, .actions-modal-header, .route-modal-head, .pay-modal-head, .monitor-modal-header, .lo-modal-head, .employee-modal-head, .notebook-modal-head, .roster-mobile-truck-head, .workplace-install-head) :is(h2, h3, .modal-title) { color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme).dc-studio :is([data-studio-dialog], dialog, .notebook-modal-panel, .roster-mobile-truck-panel, .workplace-install-card) :is(.modal-head, .modal-header, .modal-headline, .tablet-modal-header, .actions-modal-header, .route-modal-head, .pay-modal-head, .monitor-modal-header, .lo-modal-head, .employee-modal-head, .notebook-modal-head, .roster-mobile-truck-head, .workplace-install-head) :is(.icon-btn, .modal-close-btn, .modal-close, .modal-x, .doc-modal-close, .tablet-modal-close) { background-color: rgb(32,54,78) !important; color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme).dc-studio :is([data-studio-dialog], dialog, .notebook-modal-panel, .roster-mobile-truck-panel, .workplace-install-card) :is(.modal-footer, .modal-foot, .pay-modal-actions, .route-modal-footer, .employee-modal-actions, .sheet-actions, .notebook-modal-actions) { background-color: rgb(32,54,78) !important; border-top-color: rgb(53, 75, 104) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme).dc-studio[data-studio-page="employees/onboard.html"] #formTitle { color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme).dc-studio :is([data-studio-dialog], dialog, .notebook-modal-panel, .roster-mobile-truck-panel, .workplace-install-card) :is(.modal-head, .modal-headline) .section-label { color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme).dc-studio[data-studio-page="timecard/index.html"] [data-studio-header] :is(b, .tc-wordmark strong) { color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme).dc-studio[data-studio-page="clock_in.html"] [data-studio-header] .truck-badge, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme).dc-studio[data-studio-page="admin/Tablet_ADP.html"] [data-studio-header] .truck-badge { background-color: rgba(33, 59, 56, 0.95) !important; color: rgb(169, 201, 241) !important; }
}
@media screen and (max-width: 680px) {
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme).dc-studio :is([data-studio-dialog], dialog, .notebook-modal-panel, .roster-mobile-truck-panel, .workplace-install-card) :is(.modal-head, .modal-header, .modal-headline, .tablet-modal-header, .actions-modal-header, .route-modal-head, .pay-modal-head, .monitor-modal-header, .lo-modal-head, .employee-modal-head, .notebook-modal-head, .roster-mobile-truck-head, .workplace-install-head) { background-image: linear-gradient(105deg, rgb(29, 48, 73), rgb(29, 48, 73) 85%, rgb(29, 48, 73)) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] :is(body, #dashcontrol-studio-theme#dashcontrol-studio-theme).dc-studio[data-studio-page] [data-studio-header] { background-image: linear-gradient(105deg, rgb(34, 62, 96), rgb(34, 62, 96) 85%, rgb(34, 62, 96)) !important; }
}
}