/* Claro uses original module colors; Dark is opt-in. */
@media screen {
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] { --bg: #20364e; --bg-deep: #20364e; --surface: #20364e; --ink: #e5edf7; --ink-strong: #e5edf7; --muted: #e5edf7; --soft: #1d3049; --line: rgba(71,107,136,0.16); --line-strong: rgba(71,107,136,0.28); --glass: rgba(32,54,78,0.42); --glass-strong: rgba(32,54,78,0.62); --teal: #1d3049; --blue: #1d3049; --amber: #402630; --coral: #402630; --green: #40351e; --shadow: 0 28px 80px rgba(0,0,0,0.16); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body { color: var(--dc-text); background-image: linear-gradient(90deg, rgba(28, 53, 47, 0.06) 1px, transparent 1px), linear-gradient(rgba(28, 53, 47, 0.05) 1px, transparent 1px), radial-gradient(circle at 18% 18%, rgba(28, 53, 47, 0.18), transparent 26%), radial-gradient(circle at 82% 8%, rgba(28, 46, 64, 0.15), transparent 27%), linear-gradient(135deg, rgb(32,54,78) 0%, rgb(32,54,78) 46%, rgb(32,54,78) 100%); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body::before { background-image: repeating-linear-gradient(0deg, transparent 0px, transparent 9px, rgba(28, 53, 47, 0.016) 9px, rgba(28, 53, 47, 0.016) 10px); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .menu-bar { background-color: rgba(32,54,78, 0.78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .menu-brand { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .menu-brand img { background-color: rgb(16, 26, 37); box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 26px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .menu-trigger, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .menu-direct-link { color: var(--dc-muted); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .menu-trigger:hover, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .menu-trigger:focus-visible, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .menu-trigger[aria-expanded="true"], :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .menu-direct-link:hover, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .menu-direct-link:focus-visible { background-color: rgba(28, 53, 47, 0.12); color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .menu-direct-link-milk { border-color: rgba(63, 121, 101, 0.28); background-image: linear-gradient(135deg, rgba(28, 53, 47, 0.92), rgba(32,54,78, 0.92)); color: var(--dc-text); box-shadow: rgba(0, 0, 0, 0.1) 0px 7px 18px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .menu-panel { background-color: rgba(32,54,78, 0.94); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .menu-panel-title { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .menu-panel-count { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .menu-link { color: var(--dc-text); border-bottom-color: rgba(71, 107, 136, 0.08); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .menu-link:hover, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .menu-link:focus-visible { background-color: rgba(28, 53, 47, 0.1); color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .menu-link-meta { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .menu-link-arrow { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .user-badge, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .weather-inline { background-color: rgba(32,54,78, 0.38); color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .user-badge:hover, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .user-badge:focus-visible { background-color: rgba(64, 38, 48, 0.12); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .user-avatar { background-color: rgba(28, 53, 47, 0.16); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .user-avatar-fallback { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .status-indicator { border-color: rgb(53, 75, 104); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .weather-inline-icon { color: var(--dc-warning-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .weather-inline-temp { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .weather-inline-condition, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .weather-inline-range { color: var(--dc-muted); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .auth-panel { background-color: rgba(32,54,78, 0.38); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .auth-logo { background-color: rgb(16, 26, 37); box-shadow: rgba(0, 0, 0, 0.16) 0px 16px 34px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .auth-kicker, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-kicker, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-section-kicker { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .auth-panel h1 { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .auth-panel p { color: var(--dc-muted); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .keep-login-row { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .auth-shortcut-btn { border-color: rgba(63, 121, 101, 0.28); background-color: rgba(32,54,78, 0.64); color: rgb(164, 210, 239); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .auth-shortcut-btn:hover, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .auth-shortcut-btn:focus-visible { border-color: rgba(63, 121, 101, 0.52); background-color: rgba(28, 53, 47, 0.78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .pwa-install-hint { border-color: rgba(63, 121, 101, 0.28); background-color: rgba(32,54,78, 0.96); color: rgb(229, 237, 247); box-shadow: rgba(0, 0, 0, 0.18) 0px 18px 44px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .field-shell { color: var(--dc-muted); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .field-shell input { background-color: rgba(32,54,78, 0.58); color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .field-shell input:focus { border-color: rgba(63, 121, 101, 0.62); box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 0px 3px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .btn-primary { color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .btn-primary:hover, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .btn-primary:focus-visible { background-color: rgb(34, 62, 96); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .loading-msg { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .route-lane { box-shadow: rgba(0, 0, 0, 0.24) 0px 0px 18px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .route-pin { border-color: rgba(52, 75, 82, 0.96); box-shadow: rgba(0, 0, 0, 0.42) 0px 0px 18px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .pin-yard { box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 18px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .pin-dock { box-shadow: rgba(0, 0, 0, 0.34) 0px 0px 18px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .freight-box { background-color: rgba(16, 26, 37, 0.92); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .freight-cab { background-color: rgba(16, 26, 37, 0.92); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .freight-cab::before { background-color: rgba(32,54,78, 0.82); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .freight-wheel { box-shadow: rgba(0, 0, 0, 0.88) 0px 0px 0px 3px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-briefing::before { box-shadow: rgba(0, 0, 0, 0.34) 0px 0px 22px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-hello-kicker { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-hello h2 { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-hello p { color: var(--dc-muted); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-ops-grid { background-color: rgba(28, 46, 64, 0.12); border-color: rgba(71, 107, 136, 0.13); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-op-metric { background-image: linear-gradient(135deg, rgba(32,54,78, 0.64), rgba(32,54,78, 0.22)), linear-gradient(90deg, rgba(28, 53, 47, 0.08), transparent); color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-op-metric::before { box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 16px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-op-metric.has-alert { border-color: rgba(169, 94, 109, 0.24) rgba(169, 94, 109, 0.24) rgba(169, 94, 109, 0.24) rgb(169, 94, 109) !important; background-color: rgba(32,54,78, 0.94) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-op-metric.has-alert::before { background-color: rgb(64, 38, 48) !important; box-shadow: rgba(0, 0, 0, 0.48) 0px 0px 14px !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-op-metric:focus-visible { outline-color: rgba(63, 121, 101, 0.34) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-op-metric span { color: var(--dc-muted); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-op-metric strong { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-op-metric em { color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-op-metric:hover, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-op-metric:focus-visible { background-image: linear-gradient(135deg, rgba(32,54,78, 0.84), rgba(28, 53, 47, 0.13)), linear-gradient(90deg, rgba(28, 53, 47, 0.1), transparent); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-op-metric.is-callouts::before { box-shadow: rgba(0, 0, 0, 0.36) 0px 0px 16px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-op-metric.is-fleet::before { box-shadow: rgba(0, 0, 0, 0.36) 0px 0px 16px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-module-grid.is-sparse .hub-module-row { background-image: linear-gradient(90deg, rgba(32,54,78, 0.72), rgba(28, 53, 47, 0.11) 58%, rgba(32,54,78, 0.22)), linear-gradient(rgba(32,54,78, 0.28), transparent); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-module-row { background-image: linear-gradient(90deg, rgba(32,54,78, 0.54), rgba(32,54,78, 0.14) 54%, transparent 100%); color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-module-row:hover, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-module-row:focus-visible { background-image: linear-gradient(90deg, rgba(32,54,78, 0.78), rgba(28, 53, 47, 0.12) 62%, transparent 100%); color: var(--dc-text); border-color: rgba(63, 121, 101, 0.42); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-module-icon { background-color: rgba(28, 53, 47, 0.18); color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-module-copy span { color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-module-arrow { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .is-support .hub-module-icon { background-color: rgba(28, 46, 64, 0.12); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .is-people .hub-module-icon { background-color: rgba(64, 38, 48, 0.12); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .is-fleet .hub-module-icon { background-color: rgba(64, 38, 48, 0.12); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .is-reports .hub-module-icon { background-color: rgba(64, 53, 30, 0.12); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .is-admin .hub-module-icon { background-color: rgba(28, 53, 47, 0.1); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] { --bg: #20364e; --bg-deep: #20364e; --surface: #20364e; --ink: #e5edf7; --ink-strong: #e5edf7; --muted: #e5edf7; --soft: #1d3049; --line: rgba(71,107,136,0.14); --line-strong: rgba(71,107,136,0.24); --glass: rgba(32,54,78,0.58); --glass-strong: rgba(32,54,78,0.82); --teal: #1d3049; --blue: #1d3049; --amber: #402630; --coral: #402630; --green: #1d3049; --shadow: 0 24px 70px rgba(0,0,0,0.18); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body { background-image: linear-gradient(90deg, rgba(28, 46, 64, 0.043) 1px, transparent 1px), linear-gradient(rgba(28, 46, 64, 0.04) 1px, transparent 1px), radial-gradient(circle at 12% 12%, rgba(28, 53, 47, 0.18), transparent 30%), radial-gradient(circle at 88% 16%, rgba(28, 46, 64, 0.14), transparent 31%), linear-gradient(135deg, rgb(32,54,78) 0%, rgb(32,54,78) 48%, rgb(32,54,78) 100%); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .menu-bar { border-bottom-color: rgba(71, 107, 136, 0.12); background-color: rgba(32,54,78, 0.84); box-shadow: rgba(0, 0, 0, 0.08) 0px 14px 40px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .menu-brand img { box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .menu-trigger, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .menu-direct-link { color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .menu-trigger:hover, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .menu-trigger:focus-visible, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .menu-trigger[aria-expanded="true"], :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .menu-direct-link:hover, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .menu-direct-link:focus-visible { background-color: rgb(32,54,78); border-color: rgba(63, 121, 101, 0.2); box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 24px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .menu-panel { border-color: rgba(71, 107, 136, 0.12); background-color: rgba(32,54,78, 0.96); box-shadow: rgba(0, 0, 0, 0.2) 0px 28px 80px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .menu-panel-header { border-bottom-color: rgba(71, 107, 136, 0.1); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .menu-link:hover, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .menu-link:focus-visible { background-color: rgba(28, 53, 47, 0.11); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .user-badge, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .weather-inline { border-color: rgba(71, 107, 136, 0.12); background-color: rgba(32,54,78, 0.78); box-shadow: rgba(0, 0, 0, 0.08) 0px 12px 28px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .auth-panel-inner { border-color: rgba(71, 107, 136, 0.12); box-shadow: rgba(0, 0, 0, 0.84) 0px 1px 0px inset; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .auth-logo { box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 44px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .auth-kicker, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-kicker, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-hello-kicker, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .board-eyebrow { color: rgb(169, 201, 241); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .auth-panel h1 { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .field-shell input { border-color: rgba(71, 107, 136, 0.14); background-color: rgb(32,54,78); box-shadow: rgba(0, 0, 0, 0.04) 0px 1px 0px inset; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .field-shell input:focus { border-color: rgba(63, 121, 101, 0.55); box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 0px 4px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .btn-primary { background-image: linear-gradient(135deg, rgb(34, 62, 96), rgb(40, 72, 106)); box-shadow: rgba(0, 0, 0, 0.18) 0px 16px 34px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .btn-primary:hover, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .btn-primary:focus-visible { box-shadow: rgba(0, 0, 0, 0.24) 0px 20px 42px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-briefing { border-color: rgba(71, 107, 136, 0.12); background-color: rgba(32,54,78, 0.5); box-shadow: rgba(0, 0, 0, 0.12) 0px 24px 70px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-op-metric { border-color: rgba(71, 107, 136, 0.12); background-color: rgba(32,54,78, 0.72); box-shadow: rgba(0, 0, 0, 0.09) 0px 14px 36px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-op-metric:hover, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-op-metric:focus-visible { background-color: rgb(32,54,78); box-shadow: rgba(0, 0, 0, 0.13) 0px 18px 44px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-module-row { border-color: rgba(71, 107, 136, 0.11); background-color: rgba(32,54,78, 0.74); box-shadow: rgba(0, 0, 0, 0.08) 0px 14px 34px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-module-row:hover, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-module-row:focus-visible { background-color: rgb(32,54,78); box-shadow: rgba(0, 0, 0, 0.14) 0px 22px 50px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-module-icon { box-shadow: rgba(0, 0, 0, 0.36) 0px 1px 0px inset; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-module-copy strong { color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] { --index-bg: #20364e; --index-ink: #e5edf7; --index-muted: #e5edf7; --index-line: rgba(71,107,136,0.13); --index-teal: #1d3049; --index-blue: #1d3049; --index-yellow: #402630; --index-panel: rgba(32,54,78,0.74); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body { background-image: linear-gradient(115deg, rgba(28, 53, 47, 0.16), transparent 30%), linear-gradient(245deg, rgba(28, 46, 64, 0.13), transparent 28%), linear-gradient(rgb(32,54,78) 0%, rgb(32,54,78) 58%, rgb(32,54,78) 100%); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body::before { background-image: linear-gradient(90deg, rgba(16, 26, 37, 0.043) 1px, transparent 1px), linear-gradient(rgba(16, 26, 37, 0.035) 1px, transparent 1px); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .dispatch-backdrop { background-color: rgb(32,54,78); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .google-interactive-map::after { border-color: rgba(169, 94, 109, 0.86); background-color: rgba(32,54,78, 0.92); box-shadow: rgba(0, 0, 0, 0.24) 0px 16px 34px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .local-map-backdrop { background-image: linear-gradient(90deg, rgba(16, 26, 37, 0.07) 1px, transparent 1px), linear-gradient(rgba(16, 26, 37, 0.055) 1px, transparent 1px), radial-gradient(circle at 49% 42%, rgba(64, 38, 48, 0.22), transparent 0.9%, transparent 1.5%), radial-gradient(circle at 52% 48%, rgba(28, 53, 47, 0.22), transparent 1%, transparent 1.7%), linear-gradient(135deg, rgba(28, 53, 47, 0.32), rgba(32,54,78, 0.46)); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .local-road { background-color: rgba(28, 46, 64, 0.22); box-shadow: rgba(0, 0, 0, 0.24) 0px 0px 0px 4px inset; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .road-d { background-color: rgba(28, 46, 64, 0.18); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .road-e { background-color: rgba(28, 46, 64, 0.2); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .local-pin { border-color: rgba(169, 94, 109, 0.76); background-color: rgba(32,54,78, 0.86); box-shadow: rgba(0, 0, 0, 0.2) 0px 16px 34px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .map-backdrop-wash { background-image: linear-gradient(90deg, rgba(32,54,78, 0.56), rgba(32,54,78, 0.18) 44%, rgba(32,54,78, 0.34)), radial-gradient(circle at 36% 24%, rgba(32,54,78, 0.34), transparent 36%), radial-gradient(circle at 80% 20%, rgba(28, 46, 64, 0.18), transparent 38%); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .has-live-google-map .map-backdrop-wash { background-image: linear-gradient(90deg, rgba(32,54,78, 0.3), rgba(32,54,78, 0.04) 44%, rgba(32,54,78, 0.1)), radial-gradient(circle at 36% 24%, rgba(32,54,78, 0.18), transparent 36%); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .index-intro { background-image: radial-gradient(circle at 50% 44%, rgba(32,54,78, 0.94), rgba(32,54,78, 0.72) 44%, rgba(32,54,78, 0.28) 72%, transparent), linear-gradient(rgba(16, 26, 37, 0.035), transparent 44%); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .intro-route-scene { color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .intro-word { color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .intro-status { color: var(--dc-muted); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .menu-bar { border-bottom-color: rgba(71, 107, 136, 0.11); background-color: rgba(32,54,78, 0.9); box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 34px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .menu-brand { border-right-color: rgba(71, 107, 136, 0.12); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .menu-trigger, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .menu-direct-link { background-color: rgba(32,54,78, 0.46); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .auth-panel-inner { border-top-color: rgba(71, 107, 136, 0.12); border-right-color: rgba(71, 107, 136, 0.12); border-bottom-color: rgba(71, 107, 136, 0.12); background-color: rgba(32,54,78, 0.82); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .auth-panel-inner::after { border-color: rgba(63, 121, 101, 0.18); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-screen-head { border-bottom-color: rgba(71, 107, 136, 0.16); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-screen-title { color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-screen-title img { background-color: rgb(16, 26, 37); box-shadow: rgba(0, 0, 0, 0.16) 0px 14px 34px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-screen-mode { color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-op-metric { border-color: rgba(71, 107, 136, 0.1); background-color: rgba(32,54,78, 0.48); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-module-grid { border-top-color: rgba(71, 107, 136, 0.14); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-module-row, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-module-grid.is-sparse .hub-module-row, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-module-grid.is-count-1 .hub-module-row { border-bottom-color: rgba(71, 107, 136, 0.12); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-module-row:hover, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-module-row:focus-visible { background-image: linear-gradient(90deg, rgba(28, 53, 47, 0.08), transparent); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-module-arrow { border-color: rgba(71, 107, 136, 0.12); background-color: rgba(32,54,78, 0.64); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-module-grid { background-image: linear-gradient(90deg, rgba(32,54,78, 0.46), rgba(32,54,78, 0.18)); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-module-row, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-module-grid.is-sparse .hub-module-row, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-module-grid.is-count-1 .hub-module-row { border-bottom-color: rgba(71, 107, 136, 0.14); color: var(--dc-text); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-module-copy strong, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-module-grid.is-count-1 .hub-module-copy strong { color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-module-copy span { color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-module-arrow { color: var(--dc-text); background-color: rgba(32,54,78, 0.68); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .background-tools { color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .background-tools-toggle { border-color: rgba(71, 107, 136, 0.18); background-color: rgba(32,54,78, 0.82); color: rgb(229, 237, 247); box-shadow: rgba(0, 0, 0, 0.14) 0px 16px 40px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .background-tools-toggle:hover, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .background-tools-toggle:focus-visible, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .background-tools.is-open .background-tools-toggle { color: rgb(169, 201, 241); border-color: rgba(63, 121, 101, 0.34); background-color: rgba(32,54,78, 0.94); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .background-tools-panel { border-color: rgba(71, 107, 136, 0.14); background-color: rgba(32,54,78, 0.92); box-shadow: rgba(0, 0, 0, 0.18) 0px 22px 58px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .background-check, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .background-tool-row, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .map-adjust-toggle { color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .background-check-mark { border-color: rgba(71, 107, 136, 0.2); background-color: rgba(32,54,78, 0.7); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .background-check input:checked + .background-check-mark { border-color: rgba(63, 121, 101, 0.45); background-color: rgba(28, 53, 47, 0.14); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .background-check input:checked + .background-check-mark::before { color: rgb(169, 201, 241); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .background-zoom-actions button, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .map-adjust-toggle { border-color: rgba(71, 107, 136, 0.14); background-color: rgba(32,54,78, 0.68); color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .map-adjust-toggle.is-active { border-color: rgba(63, 121, 101, 0.42); background-color: rgba(28, 53, 47, 0.12); color: rgb(169, 201, 241); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .background-install-btn { border-color: rgba(63, 121, 101, 0.32); background-image: linear-gradient(135deg, rgba(28, 53, 47, 0.92), rgba(28, 46, 64, 0.96)); color: rgb(229, 237, 247); box-shadow: rgba(0, 0, 0, 0.2) 0px 14px 30px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-module-grid { background-image: linear-gradient(90deg, rgba(32,54,78, 0.42), rgba(32,54,78, 0.12)) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .menu-trigger[aria-expanded="true"] { border-color: rgba(63, 121, 101, 0.42); background-color: rgb(32,54,78); color: rgb(164, 210, 239); box-shadow: rgb(0, 0, 0) 0px -3px 0px inset, rgba(0, 0, 0, 0.1) 0px 8px 20px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-op-metric { border-top-color: rgba(71, 107, 136, 0.11) !important; border-right-color: rgba(71, 107, 136, 0.11) !important; border-bottom-color: rgba(71, 107, 136, 0.11) !important; background-color: rgba(32,54,78, 0.88) !important; box-shadow: rgba(0, 0, 0, 0.16) 0px 16px 38px !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-op-metric::before { box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 14px !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-op-metric span { color: rgb(169, 201, 241) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-op-metric strong { color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-op-metric em { color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-op-metric:hover, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-op-metric:focus-visible { background-color: rgba(32,54,78, 0.95) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-op-metric.is-fleet { }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .map-backdrop-wash, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .has-live-google-map .map-backdrop-wash { background-image: linear-gradient(90deg, rgba(28, 46, 64, 0.34), rgba(28, 46, 64, 0.2) 48%, rgba(28, 46, 64, 0.28)), radial-gradient(circle at 36% 24%, rgba(28, 53, 47, 0.12), transparent 38%); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-hello h2 { text-shadow: rgba(0, 0, 0, 0.5) 0px 3px 18px; color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-hello-kicker { text-shadow: rgba(0, 0, 0, 0.42) 0px 2px 10px; color: rgb(169, 201, 241) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-hello p { text-shadow: rgba(0, 0, 0, 0.4) 0px 2px 10px; color: rgba(226, 238, 233, 0.88) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .login-reset-btn { color: rgb(169, 201, 241); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .login-reset-btn:hover, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .login-reset-btn:focus-visible { color: rgb(169, 201, 241); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-module-grid { border-color: rgba(52, 75, 82, 0.2) !important; background-color: rgba(32,54,78, 0.12) !important; box-shadow: rgba(0, 0, 0, 0.1) 0px 14px 34px !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-module-row, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-module-grid.is-sparse .hub-module-row, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-module-grid.is-count-1 .hub-module-row { border-color: rgba(71, 107, 136, 0.09) !important; background-color: rgba(32,54,78, 0.28) !important; box-shadow: rgba(0, 0, 0, 0.05) 0px 5px 14px !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-module-row:hover, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-module-row:focus-visible { border-color: rgba(63, 121, 101, 0.28) !important; background-color: rgba(32,54,78, 0.92) !important; box-shadow: rgba(0, 0, 0, 0.14) 0px 12px 28px !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .map-adjusting .background-tools-toggle { border-color: rgba(63, 121, 101, 0.44); background-color: rgba(32,54,78, 0.96); color: rgb(169, 201, 241); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-shell { border-color: rgba(52, 75, 82, 0.5); background-color: rgba(32,54,78, 0.82); box-shadow: rgba(0, 0, 0, 0.28) 0px 28px 72px; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-screen-head { border-bottom-color: rgba(71, 107, 136, 0.1); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-screen-title strong { color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-screen-mode { border-color: rgba(63, 121, 101, 0.18); background-color: rgba(32,54,78, 0.68); color: rgb(169, 201, 241); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-briefing { border-bottom-color: rgba(71, 107, 136, 0.1); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-hello-kicker { color: rgb(169, 201, 241) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-hello h2 { color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-hello p { color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-op-metric { background-color: rgba(32,54,78, 0.66) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-workspace::before { color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-module-row, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-module-grid.is-sparse .hub-module-row, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-module-grid.is-count-1 .hub-module-row { border-color: rgba(71, 107, 136, 0.1) !important; background-color: rgba(32,54,78, 0.72) !important; box-shadow: rgba(0, 0, 0, 0.06) 0px 7px 18px !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .background-tools-toggle { border-color: rgba(71, 107, 136, 0.14) !important; background-color: rgba(32,54,78, 0.94) !important; color: rgb(169, 201, 241) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .background-tools-panel { border-color: rgba(71, 107, 136, 0.12) !important; background-color: rgba(32,54,78, 0.97) !important; box-shadow: rgba(0, 0, 0, 0.28) 0px 28px 76px !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .background-tools-heading span, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .background-options-label, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-view-picker legend { color: rgb(169, 201, 241); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .background-tools-heading strong { color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .background-tools-heading button { border-color: rgba(71, 107, 136, 0.12); background-color: rgb(32,54,78); color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-view-choice { border-color: rgba(71, 107, 136, 0.12); background-color: rgba(32,54,78, 0.72); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-view-choice:hover { border-color: rgba(63, 121, 101, 0.3); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-view-choice:has(input:checked) { border-color: rgba(63, 121, 101, 0.48); background-color: rgba(28, 53, 47, 0.76); box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 0px 1px inset; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-view-choice-icon { background-color: rgba(28, 53, 47, 0.1); color: rgb(169, 201, 241); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-view-choice strong { color: rgb(229, 237, 247); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-view-choice small { color: rgb(173, 190, 213); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .background-options-group { border-color: rgba(71, 107, 136, 0.09); background-color: rgba(32,54,78, 0.54); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-screen-head, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-briefing, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-workspace { border-color: rgba(52, 75, 82, 0.66) !important; background-color: rgba(32,54,78, 0.62) !important; box-shadow: rgba(0, 0, 0, 0.12) 0px 14px 38px !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-module-row, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-module-grid.is-sparse .hub-module-row, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-module-grid.is-count-1 .hub-module-row { background-color: rgba(32,54,78, 0.58) !important; box-shadow: rgba(0, 0, 0, 0.04) 0px 5px 14px !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-op-metric { background-color: rgba(32,54,78, 0.54) !important; }
@media (max-width: 760px) {
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-screen-head, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-briefing, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-workspace { background-color: rgba(32,54,78, 0.76) !important; }
}
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.hub-view-background .hub-screen-head, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.hub-view-background .hub-briefing, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.hub-view-background .hub-workspace { border-color: rgba(63, 121, 101, 0.17) !important; background-color: rgba(28, 46, 64, 0.72) !important; box-shadow: rgba(0, 0, 0, 0.3) 0px 18px 48px !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.hub-view-background .hub-screen-title strong, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.hub-view-background .hub-hello h2, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.hub-view-background .hub-module-copy strong, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.hub-view-background .hub-op-metric strong { color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.hub-view-background .hub-screen-mode { border-color: rgba(63, 121, 101, 0.26); background-color: rgba(28, 46, 64, 0.18); color: rgb(169, 201, 241); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.hub-view-background .hub-hello-kicker, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.hub-view-background .hub-workspace::before, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.hub-view-background .hub-op-metric span { color: rgb(169, 201, 241) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.hub-view-background .hub-hello p, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.hub-view-background .hub-module-copy span, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.hub-view-background .hub-op-metric em { color: rgba(226, 238, 233, 0.72) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.hub-view-background .hub-module-row, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.hub-view-background .hub-module-grid.is-sparse .hub-module-row, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.hub-view-background .hub-module-grid.is-count-1 .hub-module-row, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.hub-view-background .hub-op-metric { border-color: rgba(63, 121, 101, 0.14) !important; background-color: rgba(28, 46, 64, 0.7) !important; box-shadow: rgba(0, 0, 0, 0.16) 0px 7px 20px !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.hub-view-background .hub-module-row:hover, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.hub-view-background .hub-module-row:focus-visible { border-color: rgba(63, 121, 101, 0.36) !important; background-color: rgba(28, 46, 64, 0.9) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.hub-view-background .hub-module-icon { border-color: rgba(63, 121, 101, 0.16) !important; background-color: rgba(28, 53, 47, 0.16) !important; color: rgb(169, 201, 241) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.hub-view-background .hub-module-arrow { border-color: rgba(169, 94, 109, 0.2) !important; background-color: rgba(64, 38, 48, 0.1) !important; color: rgb(255, 176, 189) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.hub-view-background .hub-op-metric.is-callouts, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.hub-view-background .hub-op-metric.is-writeup-requests { border-left-color: rgb(169, 94, 109) !important; }
@media (max-width: 760px) {
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.hub-view-background .hub-screen-head, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.hub-view-background .hub-briefing, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.hub-view-background .hub-workspace { background-color: rgba(28, 46, 64, 0.82) !important; }
}
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-briefing::after { background-image: radial-gradient(circle, rgba(28, 53, 47, 0.09), transparent 68%); }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-op-metric.is-unavailable { border-left-color: rgb(73, 106, 145) !important; background-color: rgba(32,54,78, 0.88) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] .hub-op-metric.is-unavailable strong { color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.hub-view-background .hub-screen-head, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.hub-view-background .hub-briefing, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.hub-view-background .hub-workspace { background-image: linear-gradient(145deg, rgba(28, 46, 64, 0.76), rgba(28, 46, 64, 0.66)) !important; box-shadow: rgba(0, 0, 0, 0.24) 0px 14px 36px !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.hub-view-background .hub-module-row, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.hub-view-background .hub-module-grid.is-sparse .hub-module-row, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.hub-view-background .hub-module-grid.is-count-1 .hub-module-row { background-color: rgba(28, 46, 64, 0.58) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.hub-view-background .hub-module-arrow { border-color: rgba(169, 94, 109, 0.22) !important; background-color: rgba(64, 38, 48, 0.09) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.hub-view-background .hub-shell { border-color: rgba(63, 121, 101, 0.15) !important; background-color: rgba(28, 46, 64, 0.92) !important; box-shadow: rgba(0, 0, 0, 0.15) 0px 12px 36px !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.hub-view-background .hub-screen-head { border-bottom-color: rgba(63, 121, 101, 0.11) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.hub-view-background .hub-op-metric:hover span { color: rgb(229, 237, 247) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.hub-view-background .hub-op-metric.is-unavailable span { color: rgb(255, 220, 132) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.hub-view-background .hub-workspace::before { color: rgb(173, 190, 213) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.hub-view-background .hub-module-row, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.hub-view-background .hub-module-grid.is-sparse .hub-module-row, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.hub-view-background .hub-module-grid.is-count-1 .hub-module-row { border-bottom-color: rgba(63, 121, 101, 0.08) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.hub-view-background .hub-module-row:hover, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.hub-view-background .hub-module-row:focus-visible { background-color: rgba(28, 53, 47, 0.047) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.hub-view-background .hub-module-icon, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.hub-view-background .hub-module-grid.is-count-1 .hub-module-icon { background-color: rgba(28, 53, 47, 0.07) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.hub-view-background .hub-module-arrow { color: rgb(169, 201, 241) !important; }
:is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.hub-view-background .hub-op-metric:focus-visible, :is(html, #dcTheme#dcTheme#dcTheme)[data-dc-theme="dark"] body.hub-view-background .hub-module-row:focus-visible { outline-color: rgb(73, 106, 145); }
: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; }
@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; }
}
}