/* Claro uses original module colors; Dark is opt-in. */
@layer dc-appearance-system {
@media screen {
:is(html, #dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance)[data-dc-theme="dark"] :is(.dc-nav, .dc-nav-panel, .dc-nav-drawer, .dc-nav-link, .dc-nav-drawer-footer){--dc-nav-ink: var(--dc-text);--dc-nav-muted: var(--dc-muted);--dc-nav-teal: var(--dc-accent);--dc-nav-teal-soft: var(--dc-soft);background: var(--dc-surface) !important;color: var(--dc-text) !important;border-color: var(--dc-line) !important;}
:is(html, #dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance)[data-dc-theme="dark"] :is(.dc-nav-panel-head, .dc-nav-drawer-head, .dc-nav-drawer-section-head){background: var(--dc-soft) !important;color: var(--dc-text) !important;}
:is(html, #dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance)[data-dc-theme="dark"] :is(.dc-nav-brand-copy strong, .dc-nav-link-copy strong, .dc-nav-drawer-head strong, .dc-nav-drawer-head small){color: var(--dc-text) !important;}
:is(html, #dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance)[data-dc-theme="dark"] :is(.dc-nav-panel-head small, .dc-nav-link-copy small){color: var(--dc-muted) !important;}
:is(html, #dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance)[data-dc-theme="dark"] .dc-nav .dc-nav-trigger{color: var(--dc-muted) !important;}
:is(html, #dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance)[data-dc-theme="dark"] :is(.dc-nav .dc-nav-trigger.is-current, .dc-nav .dc-nav-trigger[aria-expanded="true"], .dc-nav-link.is-active){background: var(--dc-selected) !important;color: var(--dc-accent) !important;}
:is(html, #dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance)[data-dc-theme="dark"] body{background: var(--dc-bg) !important;color: var(--dc-text) !important;}
:is(html, #dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance)[data-dc-theme="dark"] body[data-worker-background="urban"]::before{background: none !important;}
:is(html, #dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance)[data-dc-theme="dark"] body :is(dialog, [role="dialog"], .modal-card, .modal-panel, .notebook-modal-panel, .roster-mobile-truck-panel, .workplace-install-card){background: var(--dc-surface) !important;color: var(--dc-text) !important;border-color: var(--dc-line) !important;}
:is(html, #dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance)[data-dc-theme="dark"] body :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]), select:not(.status-select), textarea){background-color: var(--dc-field) !important;color: var(--dc-text) !important;border-color: var(--dc-line) !important;}
:is(html, #dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance)[data-dc-theme] body :is(input, textarea)::placeholder{opacity: 1;}
:is(html, #dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance)[data-dc-theme="dark"] body :is(input, textarea)::placeholder{color: var(--dc-muted) !important;}
:is(html, #dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance)[data-dc-theme="dark"] body :is(.muted, .text-muted, .hint, .help-text, .subcopy, .empty-state){color: var(--dc-muted) !important;}
:is(html, #dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance)[data-dc-theme="dark"] body :is(.btn-primary, .primary-btn, .devices-primary-btn, .monitor-button-primary, .btn.primary, .btn-modal-save, .workflow-btn:not(.light)){background: var(--dc-accent) !important;color: var(--dc-bg) !important;border-color: var(--dc-accent) !important;}
:is(html, #dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance)[data-dc-theme="dark"] body :is(.btn-outline, .btn-secondary, .hlo-button-ghost, .devices-secondary-btn, .workflow-btn.light, .it-console-tab, .goal-pill, .user-access, .devices-access-copy, .directory-user-badge, .roster-user-name, .hero-stat-label, .user-header){background: var(--dc-soft) !important;color: var(--dc-text) !important;}
:is(html, #dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance)[data-dc-theme="dark"] body [data-studio-header] :is(.hero-main, .hero-side, .report-head-main, .report-head-focus, .hero-text, .intro-copy, .header-copy){background: transparent !important;}
:is(html, #dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance)[data-dc-theme="dark"] body [data-studio-header] :is(h1, h2, .hero-copy, .intro-copy, .hero-text, .subcopy, .txt-muted, .sheet-subtitle, .damage-note, .lo-channel){color: rgb(244, 252, 247) !important;background: transparent !important;}
:is(html, #dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance)[data-dc-theme] body [data-studio-header] :is(.hero-copy, .intro-copy, .hero-text, .subcopy, .txt-muted, .sheet-subtitle, .damage-note, .lo-channel, .muted, .sub-txt){border-radius: 6px;}
:is(html, #dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance)[data-dc-theme="dark"] body [data-studio-header] :is(.hero-copy, .intro-copy, .hero-text, .subcopy, .txt-muted, .sheet-subtitle, .damage-note, .lo-channel, .muted, .sub-txt){color: var(--dc-text) !important;background: var(--dc-soft) !important;}
:is(html, #dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance)[data-dc-theme="dark"] body :is(#dayStateText, #sourceText, #restoreStatus, #profileActionsBtn){color: var(--dc-text) !important;background: var(--dc-soft) !important;}
:is(html, #dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance)[data-dc-theme] body[data-studio-page="Snapshot/location.html"] [data-studio-header] h1{border-radius: 6px;}
:is(html, #dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance)[data-dc-theme="dark"] body[data-studio-page="Snapshot/location.html"] [data-studio-header] h1{color: var(--dc-text) !important;background: var(--dc-surface) !important;}
:is(html, #dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance)[data-dc-theme="dark"] body :is(.eyebrow, .hero-kicker, .report-kicker, .section-kicker, .devices-eyebrow, .sheet-eyebrow, .record-kicker, .roster-head-eyebrow, .hlo-kicker, .lo-kicker, .pay-eyebrow, .monitor-kicker, .tablet-eyebrow, .panel-kicker, .uniform-menu-label){color: var(--dc-text) !important;background: var(--dc-soft) !important;border-color: var(--dc-line) !important;}
:is(html, #dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance)[data-dc-theme="dark"] body :is(.nav-link.is-active, .hub-screen-mode, .feedback-icon){color: var(--dc-text) !important;background: var(--dc-selected) !important;}
:is(html, #dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance)[data-dc-theme] body :is(.employee-row, .device-row, .request-row, .received-record-row, .order-list-card, .incident-list-card){min-height: 52px;padding-block: 8px;border-radius: 10px;}
:is(html, #dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance)[data-dc-theme="dark"] body :is(.employee-row, .device-row, .request-row, .received-record-row, .order-list-card, .incident-list-card){background-color: var(--dc-surface) !important;color: var(--dc-text) !important;border-color: var(--dc-line) !important;}
:is(html, #dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance)[data-dc-theme] body :is(button, a, input, select, textarea, summary):focus-visible{outline-offset: 3px;}
:is(html, #dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance)[data-dc-theme="dark"] body :is(button, a, input, select, textarea, summary):focus-visible{outline: 2px solid var(--dc-accent) !important;}
:is(html, #dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance)[data-dc-theme] body :is(.dropdown-menu, .tools-dropdown, .notebook-tools-dropdown, .uniform-tools-popover, .fleet-tools-popover, .search-dropdown, .context-menu){max-width: calc(-20px + 100vw);max-height: calc(100dvh - 100px);overflow: auto;}
:is(html, #dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance)[data-dc-theme="dark"] body :is(.dropdown-menu, .tools-dropdown, .notebook-tools-dropdown, .uniform-tools-popover, .fleet-tools-popover, .search-dropdown, .context-menu){background: var(--dc-surface) !important;color: var(--dc-text) !important;border-color: var(--dc-line) !important;}
.dc-standalone-appearance { display: flex; align-items: center; justify-content: flex-end; gap: 8px; min-height: 36px; padding: 5px 10px; box-sizing: border-box; background: var(--dc-surface); color: var(--dc-text); border-bottom: 1px solid var(--dc-line); font: 12px system-ui, sans-serif; }
.dc-standalone-appearance select { min-height: 32px; border: 1px solid var(--dc-line); border-radius: 8px; padding: 4px 8px; background: var(--dc-field); color: var(--dc-text); font: inherit; }
:is(html, #dcClock#dcClock#dcClock#dcClock#dcClock#dcClock)[data-dc-theme="dark"] .clock-table :is(td, th) { color: var(--dc-text) !important; background: var(--dc-surface) !important; border-color: var(--dc-line) !important; }
:is(html, #dcClock#dcClock#dcClock#dcClock#dcClock#dcClock)[data-dc-theme="dark"] .clock-table tbody tr:nth-child(2n) td { background: var(--dc-soft) !important; }
:is(html, #dcClock#dcClock#dcClock#dcClock#dcClock#dcClock)[data-dc-theme] .clock-table td{padding-block: 10px;}
:is(html, #dcClock#dcClock#dcClock#dcClock#dcClock#dcClock)[data-dc-theme="dark"] .status-select:is(.st-late, .st-ore, .st-day-suspension){background: var(--dc-warning-bg) !important;color: var(--dc-warning-text) !important;border-color: rgb(185, 139, 50) !important;}
:is(html, #dcClock#dcClock#dcClock#dcClock#dcClock#dcClock)[data-dc-theme="dark"] .status-select:is(.st-c-o, .st-n-s){background: var(--dc-danger-bg) !important;color: var(--dc-danger-text) !important;border-color: rgb(189, 116, 128) !important;}
:is(html, #dcClock#dcClock#dcClock#dcClock#dcClock#dcClock)[data-dc-theme="dark"] .status-select.st-pto { background: rgb(54, 41, 66) !important; color: rgb(224, 185, 244) !important; }
:is(html, #dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance)[data-dc-theme] body :is(.workerThemePrompt, #workerThemePrompt, #workerThemeSettings, #workerThemeToggle, .halloween-header-web){display: none !important;}
@media (max-width: 700px) {
:is(html, #dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance)[data-dc-theme] body :is(dialog, [role="dialog"]){max-width: calc(-16px + 100vw);max-height: calc(100dvh - 16px);box-sizing: border-box;}
.dc-standalone-appearance { padding-top: max(5px,env(safe-area-inset-top)); }
}
}
}