/* Madison County Time Clock 3.0 dark-mode readability layer.
   This file intentionally sits after the page-specific styles and fixes custom light-only cards,
   tables, modals, utility classes, and inline dashboard views when html.dark is active. */

html.dark,
html[data-theme="dark"],
html[data-time21-theme="dark"]{
    color-scheme: dark;
    --time21-dark-page: #070b14;
    --time21-dark-surface: #0f172a;
    --time21-dark-surface-2: #111827;
    --time21-dark-surface-3: #1e293b;
    --time21-dark-border: rgba(148, 163, 184, .32);
    --time21-dark-border-strong: rgba(148, 163, 184, .48);
    --time21-dark-text: #e5e7eb;
    --time21-dark-heading: #f8fafc;
    --time21-dark-muted: #cbd5e1;
    --time21-dark-faint: #94a3b8;
    --time21-dark-blue-bg: rgba(30, 64, 175, .20);
    --time21-dark-blue-border: rgba(96, 165, 250, .38);
    --time21-dark-blue-text: #bfdbfe;
    --time21-dark-green-bg: rgba(22, 101, 52, .20);
    --time21-dark-green-border: rgba(74, 222, 128, .36);
    --time21-dark-green-text: #bbf7d0;
    --time21-dark-yellow-bg: rgba(146, 64, 14, .22);
    --time21-dark-yellow-border: rgba(251, 191, 36, .40);
    --time21-dark-yellow-text: #fde68a;
    --time21-dark-red-bg: rgba(153, 27, 27, .22);
    --time21-dark-red-border: rgba(248, 113, 113, .40);
    --time21-dark-red-text: #fecaca;
}

html.dark body,
html[data-theme="dark"] body,
html[data-time21-theme="dark"] body{
    background: radial-gradient(circle at top left, rgba(30, 64, 175, .16), transparent 34rem), var(--time21-dark-page) !important;
    color: var(--time21-dark-text) !important;
}

/* Common text fixes: these catch standalone employee pages and custom Filament dashboards. */
html.dark h1, html.dark h2, html.dark h3, html.dark h4, html.dark h5, html.dark h6,
html[data-theme="dark"] h1, html[data-theme="dark"] h2, html[data-theme="dark"] h3,
html[data-theme="dark"] h4, html[data-theme="dark"] h5, html[data-theme="dark"] h6,
html[data-time21-theme="dark"] h1, html[data-time21-theme="dark"] h2, html[data-time21-theme="dark"] h3,
html[data-time21-theme="dark"] h4, html[data-time21-theme="dark"] h5, html[data-time21-theme="dark"] h6{
    color: var(--time21-dark-heading) !important;
}

html.dark p, html.dark td, html.dark th, html.dark label, html.dark li, html.dark div, html.dark span,
html[data-theme="dark"] p, html[data-theme="dark"] td, html[data-theme="dark"] th, html[data-theme="dark"] label,
html[data-theme="dark"] li, html[data-theme="dark"] div, html[data-theme="dark"] span,
html[data-time21-theme="dark"] p, html[data-time21-theme="dark"] td, html[data-time21-theme="dark"] th, html[data-time21-theme="dark"] label,
html[data-time21-theme="dark"] li, html[data-time21-theme="dark"] div, html[data-time21-theme="dark"] span{
    border-color: inherit;
}

html.dark :is(.muted,.subtitle,.help,.helper,.hint,.small,.description,.subtext,.meta,.note,.empty-state-help,[class$="-help"],[class*="-help "],[class$="-muted"],[class*="-muted "],[class$="-sub"],[class*="-sub "],[class$="-meta"],[class*="-meta "],small),
html[data-theme="dark"] :is(.muted,.subtitle,.help,.helper,.hint,.small,.description,.subtext,.meta,.note,.empty-state-help,[class$="-help"],[class*="-help "],[class$="-muted"],[class*="-muted "],[class$="-sub"],[class*="-sub "],[class$="-meta"],[class*="-meta "],small),
html[data-time21-theme="dark"] :is(.muted,.subtitle,.help,.helper,.hint,.small,.description,.subtext,.meta,.note,.empty-state-help,[class$="-help"],[class*="-help "],[class$="-muted"],[class*="-muted "],[class$="-sub"],[class*="-sub "],[class$="-meta"],[class*="-meta "],small){
    color: var(--time21-dark-muted) !important;
}

/* Utility-class overrides for custom Blade markup that uses Tailwind light classes without dark variants. */
html.dark :is(.bg-white,.bg-slate-50,.bg-gray-50,.bg-zinc-50,.bg-neutral-50,.bg-stone-50,.bg-blue-50,.bg-indigo-50,.bg-sky-50,.bg-cyan-50,.bg-violet-50,.bg-purple-50),
html[data-theme="dark"] :is(.bg-white,.bg-slate-50,.bg-gray-50,.bg-zinc-50,.bg-neutral-50,.bg-stone-50,.bg-blue-50,.bg-indigo-50,.bg-sky-50,.bg-cyan-50,.bg-violet-50,.bg-purple-50),
html[data-time21-theme="dark"] :is(.bg-white,.bg-slate-50,.bg-gray-50,.bg-zinc-50,.bg-neutral-50,.bg-stone-50,.bg-blue-50,.bg-indigo-50,.bg-sky-50,.bg-cyan-50,.bg-violet-50,.bg-purple-50){
    background-color: var(--time21-dark-surface) !important;
}

html.dark :is(.bg-slate-100,.bg-gray-100,.bg-zinc-100,.bg-neutral-100,.bg-stone-100,.bg-blue-100,.bg-indigo-100,.bg-sky-100),
html[data-theme="dark"] :is(.bg-slate-100,.bg-gray-100,.bg-zinc-100,.bg-neutral-100,.bg-stone-100,.bg-blue-100,.bg-indigo-100,.bg-sky-100),
html[data-time21-theme="dark"] :is(.bg-slate-100,.bg-gray-100,.bg-zinc-100,.bg-neutral-100,.bg-stone-100,.bg-blue-100,.bg-indigo-100,.bg-sky-100){
    background-color: var(--time21-dark-surface-3) !important;
}

html.dark :is(.bg-amber-50,.bg-yellow-50,.bg-orange-50),
html[data-theme="dark"] :is(.bg-amber-50,.bg-yellow-50,.bg-orange-50),
html[data-time21-theme="dark"] :is(.bg-amber-50,.bg-yellow-50,.bg-orange-50){
    background-color: var(--time21-dark-yellow-bg) !important;
}

html.dark :is(.bg-emerald-50,.bg-green-50,.bg-lime-50,.bg-teal-50),
html[data-theme="dark"] :is(.bg-emerald-50,.bg-green-50,.bg-lime-50,.bg-teal-50),
html[data-time21-theme="dark"] :is(.bg-emerald-50,.bg-green-50,.bg-lime-50,.bg-teal-50){
    background-color: var(--time21-dark-green-bg) !important;
}

html.dark :is(.bg-red-50,.bg-rose-50,.bg-pink-50),
html[data-theme="dark"] :is(.bg-red-50,.bg-rose-50,.bg-pink-50),
html[data-time21-theme="dark"] :is(.bg-red-50,.bg-rose-50,.bg-pink-50){
    background-color: var(--time21-dark-red-bg) !important;
}

html.dark :is(.text-slate-950,.text-slate-900,.text-gray-950,.text-gray-900,.text-zinc-950,.text-zinc-900,.text-neutral-950,.text-neutral-900,.text-black),
html[data-theme="dark"] :is(.text-slate-950,.text-slate-900,.text-gray-950,.text-gray-900,.text-zinc-950,.text-zinc-900,.text-neutral-950,.text-neutral-900,.text-black),
html[data-time21-theme="dark"] :is(.text-slate-950,.text-slate-900,.text-gray-950,.text-gray-900,.text-zinc-950,.text-zinc-900,.text-neutral-950,.text-neutral-900,.text-black){
    color: var(--time21-dark-heading) !important;
}

html.dark :is(.text-slate-800,.text-slate-700,.text-slate-600,.text-gray-800,.text-gray-700,.text-gray-600,.text-zinc-800,.text-zinc-700,.text-zinc-600,.text-neutral-800,.text-neutral-700,.text-neutral-600),
html[data-theme="dark"] :is(.text-slate-800,.text-slate-700,.text-slate-600,.text-gray-800,.text-gray-700,.text-gray-600,.text-zinc-800,.text-zinc-700,.text-zinc-600,.text-neutral-800,.text-neutral-700,.text-neutral-600),
html[data-time21-theme="dark"] :is(.text-slate-800,.text-slate-700,.text-slate-600,.text-gray-800,.text-gray-700,.text-gray-600,.text-zinc-800,.text-zinc-700,.text-zinc-600,.text-neutral-800,.text-neutral-700,.text-neutral-600){
    color: var(--time21-dark-muted) !important;
}

html.dark :is(.text-slate-500,.text-gray-500,.text-zinc-500,.text-neutral-500),
html[data-theme="dark"] :is(.text-slate-500,.text-gray-500,.text-zinc-500,.text-neutral-500),
html[data-time21-theme="dark"] :is(.text-slate-500,.text-gray-500,.text-zinc-500,.text-neutral-500){
    color: var(--time21-dark-faint) !important;
}

html.dark :is(.border,.border-slate-100,.border-slate-200,.border-slate-300,.border-gray-100,.border-gray-200,.border-gray-300,.border-blue-100,.border-blue-200,.border-indigo-100,.border-indigo-200),
html[data-theme="dark"] :is(.border,.border-slate-100,.border-slate-200,.border-slate-300,.border-gray-100,.border-gray-200,.border-gray-300,.border-blue-100,.border-blue-200,.border-indigo-100,.border-indigo-200),
html[data-time21-theme="dark"] :is(.border,.border-slate-100,.border-slate-200,.border-slate-300,.border-gray-100,.border-gray-200,.border-gray-300,.border-blue-100,.border-blue-200,.border-indigo-100,.border-indigo-200){
    border-color: var(--time21-dark-border) !important;
}

/* Standalone employee/auth pages and generic custom cards. */
html.dark :is(.container,.card,.mini-stat,.summary-card,.summary-banner,.top-summary-card,.period-card,.timesheet-card,.workflow-card,.calendar-card,.note-card,.empty-state,.login-help,.tip-box,.remember-card,.field-card,.section-card,.employee-clock-card,.employee-page-menu-dropdown,.employee-menu-dropdown,.quick-meta-pill,.today-leave-panel,.today-total-card,.submit-toggle-summary,.inline-punch-edit-panel,.auto-lunch-modal-content,.modal-content,.dropdown,.popover,.table-card),
html[data-theme="dark"] :is(.container,.card,.mini-stat,.summary-card,.summary-banner,.top-summary-card,.period-card,.timesheet-card,.workflow-card,.calendar-card,.note-card,.empty-state,.login-help,.tip-box,.remember-card,.field-card,.section-card,.employee-clock-card,.employee-page-menu-dropdown,.employee-menu-dropdown,.quick-meta-pill,.today-leave-panel,.today-total-card,.submit-toggle-summary,.inline-punch-edit-panel,.auto-lunch-modal-content,.modal-content,.dropdown,.popover,.table-card),
html[data-time21-theme="dark"] :is(.container,.card,.mini-stat,.summary-card,.summary-banner,.top-summary-card,.period-card,.timesheet-card,.workflow-card,.calendar-card,.note-card,.empty-state,.login-help,.tip-box,.remember-card,.field-card,.section-card,.employee-clock-card,.employee-page-menu-dropdown,.employee-menu-dropdown,.quick-meta-pill,.today-leave-panel,.today-total-card,.submit-toggle-summary,.inline-punch-edit-panel,.auto-lunch-modal-content,.modal-content,.dropdown,.popover,.table-card){
    background: linear-gradient(180deg, var(--time21-dark-surface) 0%, var(--time21-dark-surface-2) 100%) !important;
    border-color: var(--time21-dark-border) !important;
    color: var(--time21-dark-text) !important;
    box-shadow: 0 14px 34px rgba(0,0,0,.28) !important;
}

html.dark :is(.container,.card,.mini-stat,.period-card,.timesheet-card,.calendar-card,.note-card,.workflow-card) strong,
html[data-theme="dark"] :is(.container,.card,.mini-stat,.period-card,.timesheet-card,.calendar-card,.note-card,.workflow-card) strong,
html[data-time21-theme="dark"] :is(.container,.card,.mini-stat,.period-card,.timesheet-card,.calendar-card,.note-card,.workflow-card) strong{
    color: var(--time21-dark-heading) !important;
}

/* Forms. */
html.dark :is(input,select,textarea),
html[data-theme="dark"] :is(input,select,textarea),
html[data-time21-theme="dark"] :is(input,select,textarea){
    background-color: #0b1220 !important;
    border-color: var(--time21-dark-border-strong) !important;
    color: var(--time21-dark-heading) !important;
}

html.dark :is(input,select,textarea)::placeholder,
html[data-theme="dark"] :is(input,select,textarea)::placeholder,
html[data-time21-theme="dark"] :is(input,select,textarea)::placeholder{
    color: #94a3b8 !important;
}

html.dark :is(input,select,textarea):focus,
html[data-theme="dark"] :is(input,select,textarea):focus,
html[data-time21-theme="dark"] :is(input,select,textarea):focus{
    border-color: #60a5fa !important;
    box-shadow: 0 0 0 4px rgba(96,165,250,.16) !important;
}

/* Tables and scroll regions. */
html.dark table,
html[data-theme="dark"] table,
html[data-time21-theme="dark"] table{
    color: var(--time21-dark-text) !important;
    border-color: var(--time21-dark-border) !important;
}

html.dark :is(thead,thead tr,thead th),
html[data-theme="dark"] :is(thead,thead tr,thead th),
html[data-time21-theme="dark"] :is(thead,thead tr,thead th){
    background: #172033 !important;
    color: var(--time21-dark-heading) !important;
    border-color: var(--time21-dark-border) !important;
}

html.dark :is(tbody tr,td,th),
html[data-theme="dark"] :is(tbody tr,td,th),
html[data-time21-theme="dark"] :is(tbody tr,td,th){
    border-color: rgba(148,163,184,.22) !important;
}

html.dark tbody tr:hover,
html[data-theme="dark"] tbody tr:hover,
html[data-time21-theme="dark"] tbody tr:hover{
    background: rgba(30, 41, 59, .72) !important;
}

/* Status, alert, and badge colors tuned for dark backgrounds. */
html.dark :is(.alert-success,.status-success,.badge.success,.status-on,.bg-green-100,.bg-emerald-100),
html[data-theme="dark"] :is(.alert-success,.status-success,.badge.success,.status-on,.bg-green-100,.bg-emerald-100),
html[data-time21-theme="dark"] :is(.alert-success,.status-success,.badge.success,.status-on,.bg-green-100,.bg-emerald-100){
    background: var(--time21-dark-green-bg) !important;
    border-color: var(--time21-dark-green-border) !important;
    color: var(--time21-dark-green-text) !important;
}

html.dark :is(.alert-error,.status-danger,.badge.danger,.bg-red-100,.bg-rose-100),
html[data-theme="dark"] :is(.alert-error,.status-danger,.badge.danger,.bg-red-100,.bg-rose-100),
html[data-time21-theme="dark"] :is(.alert-error,.status-danger,.badge.danger,.bg-red-100,.bg-rose-100){
    background: var(--time21-dark-red-bg) !important;
    border-color: var(--time21-dark-red-border) !important;
    color: var(--time21-dark-red-text) !important;
}

html.dark :is(.status-warning,.badge.warning,.pending,.bg-amber-100,.bg-yellow-100,.bg-orange-100),
html[data-theme="dark"] :is(.status-warning,.badge.warning,.pending,.bg-amber-100,.bg-yellow-100,.bg-orange-100),
html[data-time21-theme="dark"] :is(.status-warning,.badge.warning,.pending,.bg-amber-100,.bg-yellow-100,.bg-orange-100){
    background: var(--time21-dark-yellow-bg) !important;
    border-color: var(--time21-dark-yellow-border) !important;
    color: var(--time21-dark-yellow-text) !important;
}

html.dark :is(.status-info,.badge.info,.badge.schedule,.badge.leave,.bg-blue-100,.bg-sky-100,.bg-indigo-100),
html[data-theme="dark"] :is(.status-info,.badge.info,.badge.schedule,.badge.leave,.bg-blue-100,.bg-sky-100,.bg-indigo-100),
html[data-time21-theme="dark"] :is(.status-info,.badge.info,.badge.schedule,.badge.leave,.bg-blue-100,.bg-sky-100,.bg-indigo-100){
    background: var(--time21-dark-blue-bg) !important;
    border-color: var(--time21-dark-blue-border) !important;
    color: var(--time21-dark-blue-text) !important;
}

html.dark :is(.status-off,.status-gray,.badge.gray,.badge.locked,.bg-slate-200,.bg-gray-200),
html[data-theme="dark"] :is(.status-off,.status-gray,.badge.gray,.badge.locked,.bg-slate-200,.bg-gray-200),
html[data-time21-theme="dark"] :is(.status-off,.status-gray,.badge.gray,.badge.locked,.bg-slate-200,.bg-gray-200){
    background: rgba(71,85,105,.40) !important;
    border-color: rgba(148,163,184,.34) !important;
    color: #e2e8f0 !important;
}

/* Custom dashboard/panel naming patterns used across Clerk, Supervisor, Admin, Direct Entry, UKG import, Payroll, Doctor, Reports. */
html.dark :is([class$="-card"],[class*="-card "],[class$="-panel"],[class*="-panel "],[class$="-box"],[class*="-box "],[class$="-window"],[class*="-window "],[class$="-section"],[class*="-section "],[class$="-workspace"],[class*="-workspace "],[class$="-shell"],[class*="-shell "],[class$="-row"],[class*="-row "]),
html[data-theme="dark"] :is([class$="-card"],[class*="-card "],[class$="-panel"],[class*="-panel "],[class$="-box"],[class*="-box "],[class$="-window"],[class*="-window "],[class$="-section"],[class*="-section "],[class$="-workspace"],[class*="-workspace "],[class$="-shell"],[class*="-shell "],[class$="-row"],[class*="-row "]),
html[data-time21-theme="dark"] :is([class$="-card"],[class*="-card "],[class$="-panel"],[class*="-panel "],[class$="-box"],[class*="-box "],[class$="-window"],[class*="-window "],[class$="-section"],[class*="-section "],[class$="-workspace"],[class*="-workspace "],[class$="-shell"],[class*="-shell "],[class$="-row"],[class*="-row "]){
    border-color: var(--time21-dark-border) !important;
}

html.dark :is(.t2c-queue-workspace,.t2c-mode-section,.t2c-progress-card,.t2c-mode-tab,.t2c-action-window,.t2c-stat,.t2c-queue-panel,.t2c-timeoff-row-compact,.t2c-next-action-panel,.t2c-stepper-card,.t2c-close-banner,.dte-embedded-document,.dte-entry-row,.fresh-command-card,.fresh-compare-card,.fresh-detail,.fresh-lunch-test,.ukg-card,.ukg2-card,.review-card,.guided-review-card,.bulk-card,.ready-card,.doctor-card,.doctor-table-scroll,.ops-card,.ppc-action,.ppc-step,.ppc-runbook-step,.acc-process-action,.t21reports-card,.t21viewer-compact-context,.tcc-grid,.queue-card,.tl-status),
html[data-theme="dark"] :is(.t2c-queue-workspace,.t2c-mode-section,.t2c-progress-card,.t2c-mode-tab,.t2c-action-window,.t2c-stat,.t2c-queue-panel,.t2c-timeoff-row-compact,.t2c-next-action-panel,.t2c-stepper-card,.t2c-close-banner,.dte-embedded-document,.dte-entry-row,.fresh-command-card,.fresh-compare-card,.fresh-detail,.fresh-lunch-test,.ukg-card,.ukg2-card,.review-card,.guided-review-card,.bulk-card,.ready-card,.doctor-card,.doctor-table-scroll,.ops-card,.ppc-action,.ppc-step,.ppc-runbook-step,.acc-process-action,.t21reports-card,.t21viewer-compact-context,.tcc-grid,.queue-card,.tl-status),
html[data-time21-theme="dark"] :is(.t2c-queue-workspace,.t2c-mode-section,.t2c-progress-card,.t2c-mode-tab,.t2c-action-window,.t2c-stat,.t2c-queue-panel,.t2c-timeoff-row-compact,.t2c-next-action-panel,.t2c-stepper-card,.t2c-close-banner,.dte-embedded-document,.dte-entry-row,.fresh-command-card,.fresh-compare-card,.fresh-detail,.fresh-lunch-test,.ukg-card,.ukg2-card,.review-card,.guided-review-card,.bulk-card,.ready-card,.doctor-card,.doctor-table-scroll,.ops-card,.ppc-action,.ppc-step,.ppc-runbook-step,.acc-process-action,.t21reports-card,.t21viewer-compact-context,.tcc-grid,.queue-card,.tl-status){
    background: linear-gradient(180deg, #0f172a 0%, #111827 100%) !important;
    color: var(--time21-dark-text) !important;
    border-color: var(--time21-dark-border) !important;
}


html.dark :is(.t2c-action-window-head,.t2c-queue-panel .t2c-panel-head,.review-top,.subsection-head,.section-header,.quick-head,.fresh-head,.ukg-head),
html[data-theme="dark"] :is(.t2c-action-window-head,.t2c-queue-panel .t2c-panel-head,.review-top,.subsection-head,.section-header,.quick-head,.fresh-head,.ukg-head),
html[data-time21-theme="dark"] :is(.t2c-action-window-head,.t2c-queue-panel .t2c-panel-head,.review-top,.subsection-head,.section-header,.quick-head,.fresh-head,.ukg-head){
    background: rgba(30,41,59,.72) !important;
    border-color: var(--time21-dark-border) !important;
    color: var(--time21-dark-heading) !important;
}

html.dark :is(.t2c-workspace-title,.t2c-action-window-title,.t2c-mode-tab-title,.t2c-action-mini-name,.t2c-timeoff-name,.dte-title,.fresh-title,.ukg-title,.review-title,.guided-title,.doctor-title,.ops-title,.ppc-title,.tcc-title,.tl-title,.value,.mini-stat-value,.quick-meta-value),
html[data-theme="dark"] :is(.t2c-workspace-title,.t2c-action-window-title,.t2c-mode-tab-title,.t2c-action-mini-name,.t2c-timeoff-name,.dte-title,.fresh-title,.ukg-title,.review-title,.guided-title,.doctor-title,.ops-title,.ppc-title,.tcc-title,.tl-title,.value,.mini-stat-value,.quick-meta-value),
html[data-time21-theme="dark"] :is(.t2c-workspace-title,.t2c-action-window-title,.t2c-mode-tab-title,.t2c-action-mini-name,.t2c-timeoff-name,.dte-title,.fresh-title,.ukg-title,.review-title,.guided-title,.doctor-title,.ops-title,.ppc-title,.tcc-title,.tl-title,.value,.mini-stat-value,.quick-meta-value){
    color: var(--time21-dark-heading) !important;
}

html.dark :is(.t2c-copy,.t2c-workspace-copy,.t2c-progress-help,.t2c-mode-tab-help,.t2c-mode-summary,.t2c-action-window-sub,.t2c-action-mini-detail,.t2c-action-mini-reason,.fresh-detail,.review-stat-label,.quick-meta-label,.mini-stat-label),
html[data-theme="dark"] :is(.t2c-copy,.t2c-workspace-copy,.t2c-progress-help,.t2c-mode-tab-help,.t2c-mode-summary,.t2c-action-window-sub,.t2c-action-mini-detail,.t2c-action-mini-reason,.fresh-detail,.review-stat-label,.quick-meta-label,.mini-stat-label),
html[data-time21-theme="dark"] :is(.t2c-copy,.t2c-workspace-copy,.t2c-progress-help,.t2c-mode-tab-help,.t2c-mode-summary,.t2c-action-window-sub,.t2c-action-mini-detail,.t2c-action-mini-reason,.fresh-detail,.review-stat-label,.quick-meta-label,.mini-stat-label){
    color: var(--time21-dark-muted) !important;
}

/* Preserve action buttons while fixing secondary/outline buttons that disappear. */
html.dark :is(.btn-secondary,.topbar-link,.employee-page-shortcut,.employee-top-shortcut,.employee-page-menu-button,.employee-menu-button,.filter-chip,.queue-chip,.doctor-link-button,.expand-link,.t2c-window-pager,.t2c-window-page-btn,.t2c-window-all-btn,.t2c-window-refresh-btn,.t2c-icon-square[data-tone="info"]),
html[data-theme="dark"] :is(.btn-secondary,.topbar-link,.employee-page-shortcut,.employee-top-shortcut,.employee-page-menu-button,.employee-menu-button,.filter-chip,.queue-chip,.doctor-link-button,.expand-link,.t2c-window-pager,.t2c-window-page-btn,.t2c-window-all-btn,.t2c-window-refresh-btn,.t2c-icon-square[data-tone="info"]),
html[data-time21-theme="dark"] :is(.btn-secondary,.topbar-link,.employee-page-shortcut,.employee-top-shortcut,.employee-page-menu-button,.employee-menu-button,.filter-chip,.queue-chip,.doctor-link-button,.expand-link,.t2c-window-pager,.t2c-window-page-btn,.t2c-window-all-btn,.t2c-window-refresh-btn,.t2c-icon-square[data-tone="info"]){
    background: rgba(30,41,59,.82) !important;
    border-color: var(--time21-dark-border) !important;
    color: var(--time21-dark-blue-text) !important;
}

html.dark :is(a:not(.fi-link):not(.fi-sidebar-item-button):not(.fi-btn),.link-row a),
html[data-theme="dark"] :is(a:not(.fi-link):not(.fi-sidebar-item-button):not(.fi-btn),.link-row a),
html[data-time21-theme="dark"] :is(a:not(.fi-link):not(.fi-sidebar-item-button):not(.fi-btn),.link-row a){
    color: #93c5fd;
}

html.dark :is(hr,.divider,.section-divider),
html[data-theme="dark"] :is(hr,.divider,.section-divider),
html[data-time21-theme="dark"] :is(hr,.divider,.section-divider){
    border-color: rgba(148,163,184,.24) !important;
}

/* Filament shell plus custom Filament page wrappers. Filament already supports dark mode; these fix custom content inside it. */
html.dark :is(.fi-main,.fi-page,.fi-page-content){
    background: var(--time21-dark-page) !important;
}

html.dark :is(.fi-header-heading,.fi-header-subheading){
    color: var(--time21-dark-heading) !important;
}

html.dark :is(.fi-modal-window,.fi-modal-content,.fi-dropdown-panel){
    background: var(--time21-dark-surface) !important;
    border-color: var(--time21-dark-border) !important;
    color: var(--time21-dark-text) !important;
}

/* Loading overlays, command output, and code-ish blocks. */
html.dark :is(.t2c-loading-card,.fresh-output,.command-output,pre,code,.log-box,.raw-box),
html[data-theme="dark"] :is(.t2c-loading-card,.fresh-output,.command-output,pre,code,.log-box,.raw-box),
html[data-time21-theme="dark"] :is(.t2c-loading-card,.fresh-output,.command-output,pre,code,.log-box,.raw-box){
    background: #020617 !important;
    border-color: rgba(148,163,184,.34) !important;
    color: #dbeafe !important;
}

html.dark ::selection,
html[data-theme="dark"] ::selection,
html[data-time21-theme="dark"] ::selection{
    background: rgba(96,165,250,.35);
}

/* Inline-style rescue rules. Several older views still carry hard-coded light colors inline. */
html.dark [style*="background:#fff"],
html.dark [style*="background: #fff"],
html.dark [style*="background:#ffffff"],
html.dark [style*="background: #ffffff"],
html.dark [style*="background:#f8fafc"],
html.dark [style*="background: #f8fafc"],
html.dark [style*="background:#f8fbff"],
html.dark [style*="background: #f8fbff"],
html.dark [style*="background:#f9fafb"],
html.dark [style*="background: #f9fafb"],
html[data-theme="dark"] [style*="background:#fff"],
html[data-theme="dark"] [style*="background: #fff"],
html[data-theme="dark"] [style*="background:#ffffff"],
html[data-theme="dark"] [style*="background: #ffffff"],
html[data-theme="dark"] [style*="background:#f8fafc"],
html[data-theme="dark"] [style*="background: #f8fafc"],
html[data-theme="dark"] [style*="background:#f8fbff"],
html[data-theme="dark"] [style*="background: #f8fbff"],
html[data-theme="dark"] [style*="background:#f9fafb"],
html[data-theme="dark"] [style*="background: #f9fafb"],
html[data-time21-theme="dark"] [style*="background:#fff"],
html[data-time21-theme="dark"] [style*="background: #fff"],
html[data-time21-theme="dark"] [style*="background:#ffffff"],
html[data-time21-theme="dark"] [style*="background: #ffffff"],
html[data-time21-theme="dark"] [style*="background:#f8fafc"],
html[data-time21-theme="dark"] [style*="background: #f8fafc"],
html[data-time21-theme="dark"] [style*="background:#f8fbff"],
html[data-time21-theme="dark"] [style*="background: #f8fbff"],
html[data-time21-theme="dark"] [style*="background:#f9fafb"],
html[data-time21-theme="dark"] [style*="background: #f9fafb"]{
    background: var(--time21-dark-surface) !important;
}

html.dark [style*="color:#0f172a"], html.dark [style*="color: #0f172a"],
html.dark [style*="color:#111827"], html.dark [style*="color: #111827"],
html.dark [style*="color:#1f2937"], html.dark [style*="color: #1f2937"],
html.dark [style*="color:#334155"], html.dark [style*="color: #334155"],
html.dark [style*="color:#374151"], html.dark [style*="color: #374151"],
html[data-theme="dark"] [style*="color:#0f172a"], html[data-theme="dark"] [style*="color: #0f172a"],
html[data-theme="dark"] [style*="color:#111827"], html[data-theme="dark"] [style*="color: #111827"],
html[data-theme="dark"] [style*="color:#1f2937"], html[data-theme="dark"] [style*="color: #1f2937"],
html[data-theme="dark"] [style*="color:#334155"], html[data-theme="dark"] [style*="color: #334155"],
html[data-theme="dark"] [style*="color:#374151"], html[data-theme="dark"] [style*="color: #374151"],
html[data-time21-theme="dark"] [style*="color:#0f172a"], html[data-time21-theme="dark"] [style*="color: #0f172a"],
html[data-time21-theme="dark"] [style*="color:#111827"], html[data-time21-theme="dark"] [style*="color: #111827"],
html[data-time21-theme="dark"] [style*="color:#1f2937"], html[data-time21-theme="dark"] [style*="color: #1f2937"],
html[data-time21-theme="dark"] [style*="color:#334155"], html[data-time21-theme="dark"] [style*="color: #334155"],
html[data-time21-theme="dark"] [style*="color:#374151"], html[data-time21-theme="dark"] [style*="color: #374151"]{
    color: var(--time21-dark-heading) !important;
}

html.dark [style*="color:#475569"], html.dark [style*="color: #475569"],
html.dark [style*="color:#64748b"], html.dark [style*="color: #64748b"],
html.dark [style*="color:#6b7280"], html.dark [style*="color: #6b7280"],
html.dark [style*="color:#4b5563"], html.dark [style*="color: #4b5563"],
html[data-theme="dark"] [style*="color:#475569"], html[data-theme="dark"] [style*="color: #475569"],
html[data-theme="dark"] [style*="color:#64748b"], html[data-theme="dark"] [style*="color: #64748b"],
html[data-theme="dark"] [style*="color:#6b7280"], html[data-theme="dark"] [style*="color: #6b7280"],
html[data-theme="dark"] [style*="color:#4b5563"], html[data-theme="dark"] [style*="color: #4b5563"],
html[data-time21-theme="dark"] [style*="color:#475569"], html[data-time21-theme="dark"] [style*="color: #475569"],
html[data-time21-theme="dark"] [style*="color:#64748b"], html[data-time21-theme="dark"] [style*="color: #64748b"],
html[data-time21-theme="dark"] [style*="color:#6b7280"], html[data-time21-theme="dark"] [style*="color: #6b7280"],
html[data-time21-theme="dark"] [style*="color:#4b5563"], html[data-time21-theme="dark"] [style*="color: #4b5563"]{
    color: var(--time21-dark-muted) !important;
}

html.dark [style*="border:1px solid #e2e8f0"], html.dark [style*="border: 1px solid #e2e8f0"],
html.dark [style*="border:1px solid #e5e7eb"], html.dark [style*="border: 1px solid #e5e7eb"],
html.dark [style*="border:1px solid #dbeafe"], html.dark [style*="border: 1px solid #dbeafe"],
html.dark [style*="border:1px solid #dbe3ec"], html.dark [style*="border: 1px solid #dbe3ec"],
html.dark [style*="border:1px solid #dbe7f3"], html.dark [style*="border: 1px solid #dbe7f3"],
html.dark [style*="border:1px solid #cbd5e1"], html.dark [style*="border: 1px solid #cbd5e1"],
html[data-theme="dark"] [style*="border:1px solid #e2e8f0"], html[data-theme="dark"] [style*="border: 1px solid #e2e8f0"],
html[data-theme="dark"] [style*="border:1px solid #e5e7eb"], html[data-theme="dark"] [style*="border: 1px solid #e5e7eb"],
html[data-theme="dark"] [style*="border:1px solid #dbeafe"], html[data-theme="dark"] [style*="border: 1px solid #dbeafe"],
html[data-theme="dark"] [style*="border:1px solid #dbe3ec"], html[data-theme="dark"] [style*="border: 1px solid #dbe3ec"],
html[data-theme="dark"] [style*="border:1px solid #dbe7f3"], html[data-theme="dark"] [style*="border: 1px solid #dbe7f3"],
html[data-theme="dark"] [style*="border:1px solid #cbd5e1"], html[data-theme="dark"] [style*="border: 1px solid #cbd5e1"],
html[data-time21-theme="dark"] [style*="border:1px solid #e2e8f0"], html[data-time21-theme="dark"] [style*="border: 1px solid #e2e8f0"],
html[data-time21-theme="dark"] [style*="border:1px solid #e5e7eb"], html[data-time21-theme="dark"] [style*="border: 1px solid #e5e7eb"],
html[data-time21-theme="dark"] [style*="border:1px solid #dbeafe"], html[data-time21-theme="dark"] [style*="border: 1px solid #dbeafe"],
html[data-time21-theme="dark"] [style*="border:1px solid #dbe3ec"], html[data-time21-theme="dark"] [style*="border: 1px solid #dbe3ec"],
html[data-time21-theme="dark"] [style*="border:1px solid #dbe7f3"], html[data-time21-theme="dark"] [style*="border: 1px solid #dbe7f3"],
html[data-time21-theme="dark"] [style*="border:1px solid #cbd5e1"], html[data-time21-theme="dark"] [style*="border: 1px solid #cbd5e1"]{
    border-color: var(--time21-dark-border) !important;
}

/* v20260525-dark-2: Workbench dark-mode fixes.
   Workbench pages load their own stylesheet inside the page, so this file is also loaded after
   time21-workbench.css from the shared workbench partial. These rules target the custom
   Supervisor/Clerk/Payroll panels that were still using light-only styling in dark mode. */
html.dark .t2c-shell,
html[data-theme="dark"] .t2c-shell,
html[data-time21-theme="dark"] .t2c-shell{
    color: var(--time21-dark-text) !important;
}

html.dark .t2c-supervisor-shell .t2c-header,
html[data-theme="dark"] .t2c-supervisor-shell .t2c-header,
html[data-time21-theme="dark"] .t2c-supervisor-shell .t2c-header,
html.dark .t2c-clerk-shell .t2c-header,
html[data-theme="dark"] .t2c-clerk-shell .t2c-header,
html[data-time21-theme="dark"] .t2c-clerk-shell .t2c-header{
    border-color: rgba(96,165,250,.34) !important;
    background:
        radial-gradient(circle at 12% 0%, rgba(37,99,235,.25), transparent 32%),
        radial-gradient(circle at 92% 12%, rgba(14,165,233,.14), transparent 30%),
        linear-gradient(135deg, #0b1220 0%, #0f172a 54%, #111827 100%) !important;
    color: var(--time21-dark-heading) !important;
    box-shadow: 0 18px 42px rgba(0,0,0,.34) !important;
}

html.dark .t2c-supervisor-shell .t2c-header::before,
html[data-theme="dark"] .t2c-supervisor-shell .t2c-header::before,
html[data-time21-theme="dark"] .t2c-supervisor-shell .t2c-header::before,
html.dark .t2c-clerk-shell .t2c-header::before,
html[data-theme="dark"] .t2c-clerk-shell .t2c-header::before,
html[data-time21-theme="dark"] .t2c-clerk-shell .t2c-header::before{
    background: linear-gradient(90deg, #60a5fa 0%, #38bdf8 55%, rgba(148,163,184,.8) 100%) !important;
    opacity: .88 !important;
}

html.dark .t2c-supervisor-shell .t2c-header::after,
html[data-theme="dark"] .t2c-supervisor-shell .t2c-header::after,
html[data-time21-theme="dark"] .t2c-supervisor-shell .t2c-header::after,
html.dark .t2c-clerk-shell .t2c-header::after,
html[data-theme="dark"] .t2c-clerk-shell .t2c-header::after,
html[data-time21-theme="dark"] .t2c-clerk-shell .t2c-header::after{
    background: rgba(96,165,250,.12) !important;
    box-shadow: -78px 54px 0 rgba(30,64,175,.14) !important;
}

html.dark .t2c-supervisor-shell .t2c-eyebrow,
html[data-theme="dark"] .t2c-supervisor-shell .t2c-eyebrow,
html[data-time21-theme="dark"] .t2c-supervisor-shell .t2c-eyebrow,
html.dark .t2c-clerk-shell .t2c-eyebrow,
html[data-theme="dark"] .t2c-clerk-shell .t2c-eyebrow,
html[data-time21-theme="dark"] .t2c-clerk-shell .t2c-eyebrow{
    background: rgba(15,23,42,.72) !important;
    border-color: rgba(148,163,184,.42) !important;
    color: #dbeafe !important;
    box-shadow: none !important;
}

html.dark .t2c-supervisor-shell .t2c-title,
html[data-theme="dark"] .t2c-supervisor-shell .t2c-title,
html[data-time21-theme="dark"] .t2c-supervisor-shell .t2c-title,
html.dark .t2c-clerk-shell .t2c-title,
html[data-theme="dark"] .t2c-clerk-shell .t2c-title,
html[data-time21-theme="dark"] .t2c-clerk-shell .t2c-title{
    color: #f8fafc !important;
    text-shadow: 0 2px 18px rgba(0,0,0,.35) !important;
}

html.dark .t2c-supervisor-shell .t2c-copy,
html[data-theme="dark"] .t2c-supervisor-shell .t2c-copy,
html[data-time21-theme="dark"] .t2c-supervisor-shell .t2c-copy,
html.dark .t2c-clerk-shell .t2c-copy,
html[data-theme="dark"] .t2c-clerk-shell .t2c-copy,
html[data-time21-theme="dark"] .t2c-clerk-shell .t2c-copy{
    color: #cbd5e1 !important;
}

html.dark .t2c-supervisor-shell .t2c-header > div:last-child,
html[data-theme="dark"] .t2c-supervisor-shell .t2c-header > div:last-child,
html[data-time21-theme="dark"] .t2c-supervisor-shell .t2c-header > div:last-child,
html.dark .t2c-clerk-shell .t2c-header > div:last-child,
html[data-theme="dark"] .t2c-clerk-shell .t2c-header > div:last-child,
html[data-time21-theme="dark"] .t2c-clerk-shell .t2c-header > div:last-child{
    background: rgba(15,23,42,.78) !important;
    border-color: rgba(148,163,184,.35) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 14px 30px rgba(0,0,0,.22) !important;
}

html.dark .t2c-supervisor-shell .t2c-period,
html[data-theme="dark"] .t2c-supervisor-shell .t2c-period,
html[data-time21-theme="dark"] .t2c-supervisor-shell .t2c-period,
html.dark .t2c-clerk-shell .t2c-period,
html[data-theme="dark"] .t2c-clerk-shell .t2c-period,
html[data-time21-theme="dark"] .t2c-clerk-shell .t2c-period{
    background: rgba(30,41,59,.9) !important;
    color: #e5e7eb !important;
    border-color: rgba(148,163,184,.35) !important;
}

html.dark :is(.t2c-panel,.t2c-mode-section,.t2c-queue-workspace,.t2c-action-window,.t2c-next-action-panel,.t2c-stepper-card,.t2c-close-banner,.t2c-modal,.t2c-table-card),
html[data-theme="dark"] :is(.t2c-panel,.t2c-mode-section,.t2c-queue-workspace,.t2c-action-window,.t2c-next-action-panel,.t2c-stepper-card,.t2c-close-banner,.t2c-modal,.t2c-table-card),
html[data-time21-theme="dark"] :is(.t2c-panel,.t2c-mode-section,.t2c-queue-workspace,.t2c-action-window,.t2c-next-action-panel,.t2c-stepper-card,.t2c-close-banner,.t2c-modal,.t2c-table-card){
    background: linear-gradient(180deg, #0f172a 0%, #111827 100%) !important;
    border-color: var(--time21-dark-border) !important;
    color: var(--time21-dark-text) !important;
    box-shadow: 0 14px 32px rgba(0,0,0,.24) !important;
}

html.dark :is(.t2c-panel-head,.t2c-queue-panel .t2c-panel-head,.t2c-modal-head,.t2c-mode-section-head,.t2c-workspace-head),
html[data-theme="dark"] :is(.t2c-panel-head,.t2c-queue-panel .t2c-panel-head,.t2c-modal-head,.t2c-mode-section-head,.t2c-workspace-head),
html[data-time21-theme="dark"] :is(.t2c-panel-head,.t2c-queue-panel .t2c-panel-head,.t2c-modal-head,.t2c-mode-section-head,.t2c-workspace-head){
    background: rgba(30,41,59,.86) !important;
    border-color: var(--time21-dark-border) !important;
    color: var(--time21-dark-heading) !important;
}

html.dark :is(.t2c-panel-title,.t2c-workspace-title,.t2c-mode-tab-title,.t2c-name,.t2c-mini-title,.t2c-action-window-title,.t2c-action-mini-name,.t2c-timeoff-name,.t2c-modal-title),
html[data-theme="dark"] :is(.t2c-panel-title,.t2c-workspace-title,.t2c-mode-tab-title,.t2c-name,.t2c-mini-title,.t2c-action-window-title,.t2c-action-mini-name,.t2c-timeoff-name,.t2c-modal-title),
html[data-time21-theme="dark"] :is(.t2c-panel-title,.t2c-workspace-title,.t2c-mode-tab-title,.t2c-name,.t2c-mini-title,.t2c-action-window-title,.t2c-action-mini-name,.t2c-timeoff-name,.t2c-modal-title){
    color: #f8fafc !important;
}

html.dark :is(.t2c-panel-sub,.t2c-workspace-copy,.t2c-meta,.t2c-detail,.t2c-empty,.t2c-action-window-sub,.t2c-action-mini-detail,.t2c-action-mini-reason,.t2c-timeoff-meta,.t2c-modal-body,.t2c-row-leave span),
html[data-theme="dark"] :is(.t2c-panel-sub,.t2c-workspace-copy,.t2c-meta,.t2c-detail,.t2c-empty,.t2c-action-window-sub,.t2c-action-mini-detail,.t2c-action-mini-reason,.t2c-timeoff-meta,.t2c-modal-body,.t2c-row-leave span),
html[data-time21-theme="dark"] :is(.t2c-panel-sub,.t2c-workspace-copy,.t2c-meta,.t2c-detail,.t2c-empty,.t2c-action-window-sub,.t2c-action-mini-detail,.t2c-action-mini-reason,.t2c-timeoff-meta,.t2c-modal-body,.t2c-row-leave span){
    color: #cbd5e1 !important;
}

html.dark :is(.t2c-stat,.t2c-mode-tab,.t2c-progress-card,.t2c-row,.t2c-mini-row,.t2c-action-mini-row,.t2c-timeoff-row-compact,.t2c-next-item,.t2c-step),
html[data-theme="dark"] :is(.t2c-stat,.t2c-mode-tab,.t2c-progress-card,.t2c-row,.t2c-mini-row,.t2c-action-mini-row,.t2c-timeoff-row-compact,.t2c-next-item,.t2c-step),
html[data-time21-theme="dark"] :is(.t2c-stat,.t2c-mode-tab,.t2c-progress-card,.t2c-row,.t2c-mini-row,.t2c-action-mini-row,.t2c-timeoff-row-compact,.t2c-next-item,.t2c-step){
    background: rgba(15,23,42,.74) !important;
    border-color: rgba(148,163,184,.28) !important;
    color: var(--time21-dark-text) !important;
    box-shadow: none !important;
}

html.dark :is(.t2c-stat:hover,.t2c-mode-tab:hover,.t2c-row:hover,.t2c-action-mini-row:hover,.t2c-mini-row:hover,.t2c-timeoff-row-compact:hover),
html[data-theme="dark"] :is(.t2c-stat:hover,.t2c-mode-tab:hover,.t2c-row:hover,.t2c-action-mini-row:hover,.t2c-mini-row:hover,.t2c-timeoff-row-compact:hover),
html[data-time21-theme="dark"] :is(.t2c-stat:hover,.t2c-mode-tab:hover,.t2c-row:hover,.t2c-action-mini-row:hover,.t2c-mini-row:hover,.t2c-timeoff-row-compact:hover){
    background: rgba(30,41,59,.86) !important;
    border-color: rgba(96,165,250,.34) !important;
}

html.dark .t2c-stat.is-active,
html[data-theme="dark"] .t2c-stat.is-active,
html[data-time21-theme="dark"] .t2c-stat.is-active,
html.dark .t2c-mode-tab.is-active,
html[data-theme="dark"] .t2c-mode-tab.is-active,
html[data-time21-theme="dark"] .t2c-mode-tab.is-active{
    background: rgba(37,99,235,.20) !important;
    border-color: rgba(96,165,250,.58) !important;
    box-shadow: 0 0 0 2px rgba(96,165,250,.12) !important;
}

html.dark :is(.t2c-list,.t2c-scroll-panel,.t2c-daily-review-scroll,.t2c-compact-scroll-list,.t2c-today-scroll),
html[data-theme="dark"] :is(.t2c-list,.t2c-scroll-panel,.t2c-daily-review-scroll,.t2c-compact-scroll-list,.t2c-today-scroll),
html[data-time21-theme="dark"] :is(.t2c-list,.t2c-scroll-panel,.t2c-daily-review-scroll,.t2c-compact-scroll-list,.t2c-today-scroll){
    background: #0b1220 !important;
    border-color: rgba(148,163,184,.28) !important;
}

html.dark .t2c-safe-alert,
html[data-theme="dark"] .t2c-safe-alert,
html[data-time21-theme="dark"] .t2c-safe-alert{
    background: var(--time21-dark-yellow-bg) !important;
    border-color: var(--time21-dark-yellow-border) !important;
    color: var(--time21-dark-yellow-text) !important;
}
html.dark .t2c-safe-alert strong,
html[data-theme="dark"] .t2c-safe-alert strong,
html[data-time21-theme="dark"] .t2c-safe-alert strong{
    color: #fef3c7 !important;
}
html.dark .t2c-safe-alert[data-tone="info"],
html[data-theme="dark"] .t2c-safe-alert[data-tone="info"],
html[data-time21-theme="dark"] .t2c-safe-alert[data-tone="info"]{
    background: var(--time21-dark-blue-bg) !important;
    border-color: var(--time21-dark-blue-border) !important;
    color: var(--time21-dark-blue-text) !important;
}

html.dark :is(.t2c-btn,.t2c-filter-chip,.t2c-window-pager,.t2c-window-page-btn,.t2c-window-all-btn,.t2c-window-refresh-btn,.t2c-queue-page-pill,.t2c-queue-showing,.t2c-workspace-count),
html[data-theme="dark"] :is(.t2c-btn,.t2c-filter-chip,.t2c-window-pager,.t2c-window-page-btn,.t2c-window-all-btn,.t2c-window-refresh-btn,.t2c-queue-page-pill,.t2c-queue-showing,.t2c-workspace-count),
html[data-time21-theme="dark"] :is(.t2c-btn,.t2c-filter-chip,.t2c-window-pager,.t2c-window-page-btn,.t2c-window-all-btn,.t2c-window-refresh-btn,.t2c-queue-page-pill,.t2c-queue-showing,.t2c-workspace-count){
    background: rgba(30,41,59,.92) !important;
    border-color: rgba(148,163,184,.34) !important;
    color: #dbeafe !important;
}

html.dark :is(.t2c-btn-primary,.t2c-btn-success),
html[data-theme="dark"] :is(.t2c-btn-primary,.t2c-btn-success),
html[data-time21-theme="dark"] :is(.t2c-btn-primary,.t2c-btn-success){
    color: #ffffff !important;
}

html.dark :is(.t2c-badge,.t2c-mode-badge,.t2c-mode-check-item,.t2c-row-leave span),
html[data-theme="dark"] :is(.t2c-badge,.t2c-mode-badge,.t2c-mode-check-item,.t2c-row-leave span),
html[data-time21-theme="dark"] :is(.t2c-badge,.t2c-mode-badge,.t2c-mode-check-item,.t2c-row-leave span){
    background: rgba(30,41,59,.88) !important;
    border-color: rgba(148,163,184,.32) !important;
    color: #dbeafe !important;
}

html.dark :is(.t2c-badge[data-tone="warning"],.t2c-badge.warning),
html[data-theme="dark"] :is(.t2c-badge[data-tone="warning"],.t2c-badge.warning),
html[data-time21-theme="dark"] :is(.t2c-badge[data-tone="warning"],.t2c-badge.warning){
    background: var(--time21-dark-yellow-bg) !important;
    border-color: var(--time21-dark-yellow-border) !important;
    color: var(--time21-dark-yellow-text) !important;
}
html.dark :is(.t2c-badge[data-tone="success"],.t2c-badge.success),
html[data-theme="dark"] :is(.t2c-badge[data-tone="success"],.t2c-badge.success),
html[data-time21-theme="dark"] :is(.t2c-badge[data-tone="success"],.t2c-badge.success){
    background: var(--time21-dark-green-bg) !important;
    border-color: var(--time21-dark-green-border) !important;
    color: var(--time21-dark-green-text) !important;
}
html.dark :is(.t2c-badge[data-tone="danger"],.t2c-badge.danger),
html[data-theme="dark"] :is(.t2c-badge[data-tone="danger"],.t2c-badge.danger),
html[data-time21-theme="dark"] :is(.t2c-badge[data-tone="danger"],.t2c-badge.danger){
    background: var(--time21-dark-red-bg) !important;
    border-color: var(--time21-dark-red-border) !important;
    color: var(--time21-dark-red-text) !important;
}

html.dark .t2c-progress-track,
html[data-theme="dark"] .t2c-progress-track,
html[data-time21-theme="dark"] .t2c-progress-track,
html.dark .t2c-progress,
html[data-theme="dark"] .t2c-progress,
html[data-time21-theme="dark"] .t2c-progress{
    background: rgba(15,23,42,.82) !important;
    box-shadow: inset 0 0 0 1px rgba(148,163,184,.20) !important;
}

html.dark .t2c-window-page-btn:disabled,
html[data-theme="dark"] .t2c-window-page-btn:disabled,
html[data-time21-theme="dark"] .t2c-window-page-btn:disabled{
    color: #64748b !important;
    opacity: .58 !important;
}

/* v20260525-dark-3: Supervisor work queue readability refinement.
   Dark-mode only. This keeps the familiar light-mode work queue unchanged while improving
   contrast in the stat cards and queue workspace for migraine-friendly dark mode. */
html.dark .t2c-supervisor-shell .t2c-queue-workspace,
html[data-theme="dark"] .t2c-supervisor-shell .t2c-queue-workspace,
html[data-time21-theme="dark"] .t2c-supervisor-shell .t2c-queue-workspace{
    background:
        radial-gradient(circle at 8% 0%, rgba(59,130,246,.18), transparent 34%),
        linear-gradient(180deg, #111827 0%, #0f172a 38%, #0b1220 100%) !important;
    border-color: rgba(96,165,250,.34) !important;
    box-shadow: 0 14px 34px rgba(0,0,0,.30) !important;
}
html.dark .t2c-supervisor-shell .t2c-queue-workspace::before,
html[data-theme="dark"] .t2c-supervisor-shell .t2c-queue-workspace::before,
html[data-time21-theme="dark"] .t2c-supervisor-shell .t2c-queue-workspace::before{
    background: linear-gradient(180deg, rgba(30,64,175,.16), rgba(15,23,42,0)) !important;
    opacity: .72 !important;
}
html.dark .t2c-supervisor-shell .t2c-workspace-title,
html[data-theme="dark"] .t2c-supervisor-shell .t2c-workspace-title,
html[data-time21-theme="dark"] .t2c-supervisor-shell .t2c-workspace-title{
    color: #f8fafc !important;
    text-shadow: 0 1px 12px rgba(0,0,0,.32) !important;
}
html.dark .t2c-supervisor-shell .t2c-workspace-copy,
html[data-theme="dark"] .t2c-supervisor-shell .t2c-workspace-copy,
html[data-time21-theme="dark"] .t2c-supervisor-shell .t2c-workspace-copy{
    color: #d1d5db !important;
}
html.dark .t2c-supervisor-shell .t2c-workspace-count,
html[data-theme="dark"] .t2c-supervisor-shell .t2c-workspace-count,
html[data-time21-theme="dark"] .t2c-supervisor-shell .t2c-workspace-count{
    background: rgba(15,23,42,.92) !important;
    border-color: rgba(148,163,184,.42) !important;
    color: #dbeafe !important;
}

html.dark .t2c-supervisor-shell .t2c-queue-workspace .t2c-stats,
html[data-theme="dark"] .t2c-supervisor-shell .t2c-queue-workspace .t2c-stats,
html[data-time21-theme="dark"] .t2c-supervisor-shell .t2c-queue-workspace .t2c-stats{
    gap: 7px !important;
}
html.dark .t2c-supervisor-shell .t2c-queue-workspace .t2c-stat,
html[data-theme="dark"] .t2c-supervisor-shell .t2c-queue-workspace .t2c-stat,
html[data-time21-theme="dark"] .t2c-supervisor-shell .t2c-queue-workspace .t2c-stat{
    background: rgba(15,23,42,.92) !important;
    border-color: rgba(148,163,184,.34) !important;
    color: #e5e7eb !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 8px 18px rgba(0,0,0,.18) !important;
}
html.dark .t2c-supervisor-shell .t2c-queue-workspace .t2c-stat:hover,
html[data-theme="dark"] .t2c-supervisor-shell .t2c-queue-workspace .t2c-stat:hover,
html[data-time21-theme="dark"] .t2c-supervisor-shell .t2c-queue-workspace .t2c-stat:hover{
    background: rgba(30,41,59,.96) !important;
    border-color: rgba(125,211,252,.48) !important;
}
html.dark .t2c-supervisor-shell .t2c-queue-workspace .t2c-stat.is-active,
html[data-theme="dark"] .t2c-supervisor-shell .t2c-queue-workspace .t2c-stat.is-active,
html[data-time21-theme="dark"] .t2c-supervisor-shell .t2c-queue-workspace .t2c-stat.is-active{
    background: linear-gradient(180deg, rgba(37,99,235,.38) 0%, rgba(30,64,175,.26) 100%) !important;
    border-color: rgba(147,197,253,.72) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 0 2px rgba(96,165,250,.16), 0 10px 24px rgba(0,0,0,.22) !important;
}
html.dark .t2c-supervisor-shell .t2c-queue-workspace .t2c-stat span,
html[data-theme="dark"] .t2c-supervisor-shell .t2c-queue-workspace .t2c-stat span,
html[data-time21-theme="dark"] .t2c-supervisor-shell .t2c-queue-workspace .t2c-stat span{
    color: #f8fafc !important;
}
html.dark .t2c-supervisor-shell .t2c-queue-workspace .t2c-stat small,
html[data-theme="dark"] .t2c-supervisor-shell .t2c-queue-workspace .t2c-stat small,
html[data-time21-theme="dark"] .t2c-supervisor-shell .t2c-queue-workspace .t2c-stat small{
    color: #cbd5e1 !important;
}
html.dark .t2c-supervisor-shell .t2c-queue-workspace .t2c-stat strong,
html[data-theme="dark"] .t2c-supervisor-shell .t2c-queue-workspace .t2c-stat strong,
html[data-time21-theme="dark"] .t2c-supervisor-shell .t2c-queue-workspace .t2c-stat strong{
    color: #f8fafc !important;
}
html.dark .t2c-supervisor-shell .t2c-queue-workspace .t2c-stat[data-tone="danger"] strong,
html[data-theme="dark"] .t2c-supervisor-shell .t2c-queue-workspace .t2c-stat[data-tone="danger"] strong,
html[data-time21-theme="dark"] .t2c-supervisor-shell .t2c-queue-workspace .t2c-stat[data-tone="danger"] strong{
    color: #fecaca !important;
}
html.dark .t2c-supervisor-shell .t2c-queue-workspace .t2c-stat[data-tone="warning"] strong,
html[data-theme="dark"] .t2c-supervisor-shell .t2c-queue-workspace .t2c-stat[data-tone="warning"] strong,
html[data-time21-theme="dark"] .t2c-supervisor-shell .t2c-queue-workspace .t2c-stat[data-tone="warning"] strong{
    color: #fde68a !important;
}
html.dark .t2c-supervisor-shell .t2c-queue-workspace .t2c-stat[data-tone="success"] strong,
html[data-theme="dark"] .t2c-supervisor-shell .t2c-queue-workspace .t2c-stat[data-tone="success"] strong,
html[data-time21-theme="dark"] .t2c-supervisor-shell .t2c-queue-workspace .t2c-stat[data-tone="success"] strong{
    color: #bbf7d0 !important;
}
html.dark .t2c-supervisor-shell .t2c-queue-workspace .t2c-stat[data-tone="info"] strong,
html[data-theme="dark"] .t2c-supervisor-shell .t2c-queue-workspace .t2c-stat[data-tone="info"] strong,
html[data-time21-theme="dark"] .t2c-supervisor-shell .t2c-queue-workspace .t2c-stat[data-tone="info"] strong{
    color: #bae6fd !important;
}

html.dark .t2c-supervisor-shell .t2c-queue-panel .t2c-list > .t2c-row:nth-child(odd),
html[data-theme="dark"] .t2c-supervisor-shell .t2c-queue-panel .t2c-list > .t2c-row:nth-child(odd),
html[data-time21-theme="dark"] .t2c-supervisor-shell .t2c-queue-panel .t2c-list > .t2c-row:nth-child(odd){
    background: rgba(15,23,42,.96) !important;
}
html.dark .t2c-supervisor-shell .t2c-queue-panel .t2c-list > .t2c-row:nth-child(even),
html[data-theme="dark"] .t2c-supervisor-shell .t2c-queue-panel .t2c-list > .t2c-row:nth-child(even),
html[data-time21-theme="dark"] .t2c-supervisor-shell .t2c-queue-panel .t2c-list > .t2c-row:nth-child(even){
    background: rgba(17,24,39,.96) !important;
}
html.dark .t2c-supervisor-shell .t2c-queue-panel .t2c-list > .t2c-row:hover,
html[data-theme="dark"] .t2c-supervisor-shell .t2c-queue-panel .t2c-list > .t2c-row:hover,
html[data-time21-theme="dark"] .t2c-supervisor-shell .t2c-queue-panel .t2c-list > .t2c-row:hover{
    background: rgba(30,41,59,.98) !important;
}
html.dark .t2c-supervisor-shell .t2c-queue-panel .t2c-row,
html[data-theme="dark"] .t2c-supervisor-shell .t2c-queue-panel .t2c-row,
html[data-time21-theme="dark"] .t2c-supervisor-shell .t2c-queue-panel .t2c-row{
    border-color: rgba(148,163,184,.28) !important;
}
html.dark .t2c-supervisor-shell .t2c-daily-mini span,
html[data-theme="dark"] .t2c-supervisor-shell .t2c-daily-mini span,
html[data-time21-theme="dark"] .t2c-supervisor-shell .t2c-daily-mini span{
    background: rgba(30,41,59,.94) !important;
    border-color: rgba(148,163,184,.34) !important;
    color: #e5e7eb !important;
}
html.dark .t2c-supervisor-shell .t2c-daily-click-row:hover,
html.dark .t2c-supervisor-shell .t2c-daily-click-row:focus-visible,
html[data-theme="dark"] .t2c-supervisor-shell .t2c-daily-click-row:hover,
html[data-theme="dark"] .t2c-supervisor-shell .t2c-daily-click-row:focus-visible,
html[data-time21-theme="dark"] .t2c-supervisor-shell .t2c-daily-click-row:hover,
html[data-time21-theme="dark"] .t2c-supervisor-shell .t2c-daily-click-row:focus-visible{
    background: rgba(30,41,59,.98) !important;
    box-shadow: inset 4px 0 0 rgba(96,165,250,.55), 0 1px 0 rgba(148,163,184,.16) !important;
}

/* Keep the bottom helper card readable when dark mode is active. */
html.dark .t2c-supervisor-shell .t2c-helper-card,
html[data-theme="dark"] .t2c-supervisor-shell .t2c-helper-card,
html[data-time21-theme="dark"] .t2c-supervisor-shell .t2c-helper-card,
html.dark .t2c-supervisor-shell [class*="helper"],
html[data-theme="dark"] .t2c-supervisor-shell [class*="helper"],
html[data-time21-theme="dark"] .t2c-supervisor-shell [class*="helper"]{
    background: linear-gradient(180deg, #0f172a 0%, #111827 100%) !important;
    border-color: rgba(148,163,184,.30) !important;
    color: #cbd5e1 !important;
}


/* v20260525-dark-4: Clerk Workbench readability refinement.
   Dark-mode only. This file is intentionally loaded again after the clerk page's inline styles. */
html.dark .t2c-clerk-shell,
html[data-theme="dark"] .t2c-clerk-shell,
html[data-time21-theme="dark"] .t2c-clerk-shell{
    color: var(--time21-dark-text) !important;
}

/* Top payroll path and phase cards. */
html.dark .t2c-clerk-shell .t2c-clerk-path,
html[data-theme="dark"] .t2c-clerk-shell .t2c-clerk-path,
html[data-time21-theme="dark"] .t2c-clerk-shell .t2c-clerk-path{
    background: linear-gradient(180deg, #0f172a 0%, #111827 100%) !important;
    border-color: rgba(148,163,184,.32) !important;
    box-shadow: 0 14px 32px rgba(0,0,0,.24) !important;
}
html.dark .t2c-clerk-shell :is(.t2c-clerk-path-title,.t2c-clerk-phase-value,.t2c-clerk-progress-label),
html[data-theme="dark"] .t2c-clerk-shell :is(.t2c-clerk-path-title,.t2c-clerk-phase-value,.t2c-clerk-progress-label),
html[data-time21-theme="dark"] .t2c-clerk-shell :is(.t2c-clerk-path-title,.t2c-clerk-phase-value,.t2c-clerk-progress-label){
    color: #f8fafc !important;
}
html.dark .t2c-clerk-shell :is(.t2c-clerk-path-sub,.t2c-clerk-phase-label,.t2c-clerk-phase-note),
html[data-theme="dark"] .t2c-clerk-shell :is(.t2c-clerk-path-sub,.t2c-clerk-phase-label,.t2c-clerk-phase-note),
html[data-time21-theme="dark"] .t2c-clerk-shell :is(.t2c-clerk-path-sub,.t2c-clerk-phase-label,.t2c-clerk-phase-note){
    color: #cbd5e1 !important;
}
html.dark .t2c-clerk-shell .t2c-clerk-phase,
html[data-theme="dark"] .t2c-clerk-shell .t2c-clerk-phase,
html[data-time21-theme="dark"] .t2c-clerk-shell .t2c-clerk-phase{
    background: rgba(15,23,42,.86) !important;
    border-color: rgba(148,163,184,.30) !important;
}
html.dark .t2c-clerk-shell .t2c-clerk-phase[data-state="active"],
html[data-theme="dark"] .t2c-clerk-shell .t2c-clerk-phase[data-state="active"],
html[data-time21-theme="dark"] .t2c-clerk-shell .t2c-clerk-phase[data-state="active"]{
    background: rgba(37,99,235,.20) !important;
    border-color: rgba(96,165,250,.52) !important;
    box-shadow: inset 4px 0 0 #60a5fa !important;
}
html.dark .t2c-clerk-shell .t2c-clerk-phase[data-state="ready"],
html[data-theme="dark"] .t2c-clerk-shell .t2c-clerk-phase[data-state="ready"],
html[data-time21-theme="dark"] .t2c-clerk-shell .t2c-clerk-phase[data-state="ready"]{
    background: rgba(22,101,52,.18) !important;
    border-color: rgba(74,222,128,.34) !important;
    box-shadow: inset 4px 0 0 #4ade80 !important;
}
html.dark .t2c-clerk-shell .t2c-clerk-progress-bar,
html[data-theme="dark"] .t2c-clerk-shell .t2c-clerk-progress-bar,
html[data-time21-theme="dark"] .t2c-clerk-shell .t2c-clerk-progress-bar{
    background: rgba(15,23,42,.92) !important;
    box-shadow: inset 0 0 0 1px rgba(148,163,184,.22) !important;
}

/* Next-step/readiness section. This was the large white block in the screenshot. */
html.dark .t2c-clerk-shell :is(.t2c-clerk-guidance,.t2c-next-step-card,.t2c-readiness-card),
html[data-theme="dark"] .t2c-clerk-shell :is(.t2c-clerk-guidance,.t2c-next-step-card,.t2c-readiness-card),
html[data-time21-theme="dark"] .t2c-clerk-shell :is(.t2c-clerk-guidance,.t2c-next-step-card,.t2c-readiness-card){
    color: var(--time21-dark-text) !important;
}
html.dark .t2c-clerk-shell .t2c-next-step-card,
html.dark .t2c-clerk-shell .t2c-readiness-card,
html[data-theme="dark"] .t2c-clerk-shell .t2c-next-step-card,
html[data-theme="dark"] .t2c-clerk-shell .t2c-readiness-card,
html[data-time21-theme="dark"] .t2c-clerk-shell .t2c-next-step-card,
html[data-time21-theme="dark"] .t2c-clerk-shell .t2c-readiness-card{
    background: linear-gradient(180deg, #0f172a 0%, #111827 100%) !important;
    border-color: rgba(148,163,184,.32) !important;
    box-shadow: 0 14px 32px rgba(0,0,0,.22) !important;
}
html.dark .t2c-clerk-shell :is(.t2c-next-step-title,.t2c-readiness-title,.t2c-checklabel,.t2c-summary-value),
html[data-theme="dark"] .t2c-clerk-shell :is(.t2c-next-step-title,.t2c-readiness-title,.t2c-checklabel,.t2c-summary-value),
html[data-time21-theme="dark"] .t2c-clerk-shell :is(.t2c-next-step-title,.t2c-readiness-title,.t2c-checklabel,.t2c-summary-value){
    color: #f8fafc !important;
}
html.dark .t2c-clerk-shell :is(.t2c-next-step-eyebrow,.t2c-next-step-copy,.t2c-readiness-sub,.t2c-checkmeta,.t2c-summary-label),
html[data-theme="dark"] .t2c-clerk-shell :is(.t2c-next-step-eyebrow,.t2c-next-step-copy,.t2c-readiness-sub,.t2c-checkmeta,.t2c-summary-label),
html[data-time21-theme="dark"] .t2c-clerk-shell :is(.t2c-next-step-eyebrow,.t2c-next-step-copy,.t2c-readiness-sub,.t2c-checkmeta,.t2c-summary-label){
    color: #cbd5e1 !important;
}
html.dark .t2c-clerk-shell :is(.t2c-checkitem,.t2c-summary-tile),
html[data-theme="dark"] .t2c-clerk-shell :is(.t2c-checkitem,.t2c-summary-tile),
html[data-time21-theme="dark"] .t2c-clerk-shell :is(.t2c-checkitem,.t2c-summary-tile){
    background: rgba(15,23,42,.86) !important;
    border-color: rgba(148,163,184,.30) !important;
}
html.dark .t2c-clerk-shell :is(.t2c-checkitem[data-state="complete"],.t2c-checkitem[data-state="ready"],.t2c-summary-tile[data-tone="success"],.t2c-next-step-card[data-tone="success"],.t2c-close-banner[data-tone="success"]),
html[data-theme="dark"] .t2c-clerk-shell :is(.t2c-checkitem[data-state="complete"],.t2c-checkitem[data-state="ready"],.t2c-summary-tile[data-tone="success"],.t2c-next-step-card[data-tone="success"],.t2c-close-banner[data-tone="success"]),
html[data-time21-theme="dark"] .t2c-clerk-shell :is(.t2c-checkitem[data-state="complete"],.t2c-checkitem[data-state="ready"],.t2c-summary-tile[data-tone="success"],.t2c-next-step-card[data-tone="success"],.t2c-close-banner[data-tone="success"]){
    background: rgba(22,101,52,.18) !important;
    border-color: rgba(74,222,128,.34) !important;
}
html.dark .t2c-clerk-shell :is(.t2c-checkitem[data-state="warning"],.t2c-checkitem[data-state="progress"],.t2c-summary-tile[data-tone="warning"],.t2c-next-step-card[data-tone="warning"],.t2c-close-banner[data-tone="warning"]),
html[data-theme="dark"] .t2c-clerk-shell :is(.t2c-checkitem[data-state="warning"],.t2c-checkitem[data-state="progress"],.t2c-summary-tile[data-tone="warning"],.t2c-next-step-card[data-tone="warning"],.t2c-close-banner[data-tone="warning"]),
html[data-time21-theme="dark"] .t2c-clerk-shell :is(.t2c-checkitem[data-state="warning"],.t2c-checkitem[data-state="progress"],.t2c-summary-tile[data-tone="warning"],.t2c-next-step-card[data-tone="warning"],.t2c-close-banner[data-tone="warning"]){
    background: rgba(146,64,14,.20) !important;
    border-color: rgba(251,191,36,.38) !important;
}
html.dark .t2c-clerk-shell :is(.t2c-checkitem[data-state="danger"],.t2c-summary-tile[data-tone="danger"],.t2c-next-step-card[data-tone="danger"],.t2c-close-banner[data-tone="danger"]),
html[data-theme="dark"] .t2c-clerk-shell :is(.t2c-checkitem[data-state="danger"],.t2c-summary-tile[data-tone="danger"],.t2c-next-step-card[data-tone="danger"],.t2c-close-banner[data-tone="danger"]),
html[data-time21-theme="dark"] .t2c-clerk-shell :is(.t2c-checkitem[data-state="danger"],.t2c-summary-tile[data-tone="danger"],.t2c-next-step-card[data-tone="danger"],.t2c-close-banner[data-tone="danger"]){
    background: rgba(153,27,27,.20) !important;
    border-color: rgba(248,113,113,.38) !important;
}
html.dark .t2c-clerk-shell :is(.t2c-checkitem a,.t2c-checkitem button,.t2c-next-step-pill),
html[data-theme="dark"] .t2c-clerk-shell :is(.t2c-checkitem a,.t2c-checkitem button,.t2c-next-step-pill),
html[data-time21-theme="dark"] .t2c-clerk-shell :is(.t2c-checkitem a,.t2c-checkitem button,.t2c-next-step-pill){
    color: #93c5fd !important;
}

/* Queue, stats, and row lists. */
html.dark .t2c-clerk-shell .t2c-queue-workspace,
html[data-theme="dark"] .t2c-clerk-shell .t2c-queue-workspace,
html[data-time21-theme="dark"] .t2c-clerk-shell .t2c-queue-workspace{
    background:
        radial-gradient(circle at 8% 0%, rgba(59,130,246,.18), transparent 34%),
        linear-gradient(180deg, #111827 0%, #0f172a 38%, #0b1220 100%) !important;
    border-color: rgba(96,165,250,.34) !important;
    box-shadow: 0 14px 34px rgba(0,0,0,.30) !important;
}
html.dark .t2c-clerk-shell .t2c-queue-workspace::before,
html[data-theme="dark"] .t2c-clerk-shell .t2c-queue-workspace::before,
html[data-time21-theme="dark"] .t2c-clerk-shell .t2c-queue-workspace::before{
    background: linear-gradient(180deg, rgba(30,64,175,.16), rgba(15,23,42,0)) !important;
    opacity: .72 !important;
}
html.dark .t2c-clerk-shell :is(.t2c-workspace-title,.t2c-stat span,.t2c-stat strong,.t2c-row-person strong,.t2c-row-status strong),
html[data-theme="dark"] .t2c-clerk-shell :is(.t2c-workspace-title,.t2c-stat span,.t2c-stat strong,.t2c-row-person strong,.t2c-row-status strong),
html[data-time21-theme="dark"] .t2c-clerk-shell :is(.t2c-workspace-title,.t2c-stat span,.t2c-stat strong,.t2c-row-person strong,.t2c-row-status strong){
    color: #f8fafc !important;
}
html.dark .t2c-clerk-shell :is(.t2c-workspace-copy,.t2c-stat small,.t2c-row-status,.t2c-row-person,.t2c-row-leave,.t2c-detail,.t2c-meta),
html[data-theme="dark"] .t2c-clerk-shell :is(.t2c-workspace-copy,.t2c-stat small,.t2c-row-status,.t2c-row-person,.t2c-row-leave,.t2c-detail,.t2c-meta),
html[data-time21-theme="dark"] .t2c-clerk-shell :is(.t2c-workspace-copy,.t2c-stat small,.t2c-row-status,.t2c-row-person,.t2c-row-leave,.t2c-detail,.t2c-meta){
    color: #cbd5e1 !important;
}
html.dark .t2c-clerk-shell .t2c-queue-workspace .t2c-stat,
html[data-theme="dark"] .t2c-clerk-shell .t2c-queue-workspace .t2c-stat,
html[data-time21-theme="dark"] .t2c-clerk-shell .t2c-queue-workspace .t2c-stat{
    background: rgba(15,23,42,.92) !important;
    border-color: rgba(148,163,184,.34) !important;
    color: #e5e7eb !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 8px 18px rgba(0,0,0,.18) !important;
}
html.dark .t2c-clerk-shell .t2c-queue-workspace .t2c-stat.is-active,
html[data-theme="dark"] .t2c-clerk-shell .t2c-queue-workspace .t2c-stat.is-active,
html[data-time21-theme="dark"] .t2c-clerk-shell .t2c-queue-workspace .t2c-stat.is-active{
    background: linear-gradient(180deg, rgba(37,99,235,.38) 0%, rgba(30,64,175,.26) 100%) !important;
    border-color: rgba(147,197,253,.72) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 0 2px rgba(96,165,250,.16), 0 10px 24px rgba(0,0,0,.22) !important;
}
html.dark .t2c-clerk-shell .t2c-queue-panel .t2c-list > .t2c-row:nth-child(odd),
html[data-theme="dark"] .t2c-clerk-shell .t2c-queue-panel .t2c-list > .t2c-row:nth-child(odd),
html[data-time21-theme="dark"] .t2c-clerk-shell .t2c-queue-panel .t2c-list > .t2c-row:nth-child(odd){
    background: rgba(15,23,42,.96) !important;
}
html.dark .t2c-clerk-shell .t2c-queue-panel .t2c-list > .t2c-row:nth-child(even),
html[data-theme="dark"] .t2c-clerk-shell .t2c-queue-panel .t2c-list > .t2c-row:nth-child(even),
html[data-time21-theme="dark"] .t2c-clerk-shell .t2c-queue-panel .t2c-list > .t2c-row:nth-child(even){
    background: rgba(17,24,39,.96) !important;
}
html.dark .t2c-clerk-shell .t2c-queue-panel .t2c-list > .t2c-row:hover,
html[data-theme="dark"] .t2c-clerk-shell .t2c-queue-panel .t2c-list > .t2c-row:hover,
html[data-time21-theme="dark"] .t2c-clerk-shell .t2c-queue-panel .t2c-list > .t2c-row:hover{
    background: rgba(30,41,59,.98) !important;
}

/* Time-off, returned/fixed, follow-up, and bottom helper panels. */
html.dark .t2c-clerk-shell :is(.t2c-clerk-timeoff-row,.t2c-clerk-helper-row,.t2c-clerk-timeoff-note-box,.t2c-close-banner,.t2-holiday-context,.t2-holiday-context-chip),
html[data-theme="dark"] .t2c-clerk-shell :is(.t2c-clerk-timeoff-row,.t2c-clerk-helper-row,.t2c-clerk-timeoff-note-box,.t2c-close-banner,.t2-holiday-context,.t2-holiday-context-chip),
html[data-time21-theme="dark"] .t2c-clerk-shell :is(.t2c-clerk-timeoff-row,.t2c-clerk-helper-row,.t2c-clerk-timeoff-note-box,.t2c-close-banner,.t2-holiday-context,.t2-holiday-context-chip){
    background: rgba(15,23,42,.94) !important;
    border-color: rgba(148,163,184,.30) !important;
    color: #e5e7eb !important;
    box-shadow: none !important;
}
html.dark .t2c-clerk-shell :is(.t2c-clerk-timeoff-row:nth-child(even),.t2c-clerk-helper-row:nth-child(even)),
html[data-theme="dark"] .t2c-clerk-shell :is(.t2c-clerk-timeoff-row:nth-child(even),.t2c-clerk-helper-row:nth-child(even)),
html[data-time21-theme="dark"] .t2c-clerk-shell :is(.t2c-clerk-timeoff-row:nth-child(even),.t2c-clerk-helper-row:nth-child(even)){
    background: rgba(17,24,39,.96) !important;
}
html.dark .t2c-clerk-shell :is(.t2c-clerk-timeoff-name,.t2c-clerk-helper-title,.t2c-close-title,.t2-holiday-context-title),
html[data-theme="dark"] .t2c-clerk-shell :is(.t2c-clerk-timeoff-name,.t2c-clerk-helper-title,.t2c-close-title,.t2-holiday-context-title),
html[data-time21-theme="dark"] .t2c-clerk-shell :is(.t2c-clerk-timeoff-name,.t2c-clerk-helper-title,.t2c-close-title,.t2-holiday-context-title){
    color: #f8fafc !important;
}
html.dark .t2c-clerk-shell :is(.t2c-clerk-timeoff-meta,.t2c-clerk-timeoff-note,.t2c-clerk-helper-meta,.t2c-clerk-helper-detail,.t2c-close-detail,.t2c-close-eyebrow,.t2-holiday-context,.t2-holiday-context-chip),
html[data-theme="dark"] .t2c-clerk-shell :is(.t2c-clerk-timeoff-meta,.t2c-clerk-timeoff-note,.t2c-clerk-helper-meta,.t2c-clerk-helper-detail,.t2c-close-detail,.t2c-close-eyebrow,.t2-holiday-context,.t2-holiday-context-chip),
html[data-time21-theme="dark"] .t2c-clerk-shell :is(.t2c-clerk-timeoff-meta,.t2c-clerk-timeoff-note,.t2c-clerk-helper-meta,.t2c-clerk-helper-detail,.t2c-close-detail,.t2c-close-eyebrow,.t2-holiday-context,.t2-holiday-context-chip){
    color: #cbd5e1 !important;
}
html.dark .t2c-clerk-shell .t2c-close-metric,
html[data-theme="dark"] .t2c-clerk-shell .t2c-close-metric,
html[data-time21-theme="dark"] .t2c-clerk-shell .t2c-close-metric{
    background: rgba(15,23,42,.90) !important;
    border-color: rgba(148,163,184,.34) !important;
    color: #e5e7eb !important;
}

/* Pager/filter chips and select boxes used on the clerk queues. */
html.dark .t2c-clerk-shell :is(.t2c-window-pager,.t2c-window-count-pill,.t2c-window-page-btn,.t2c-window-all-btn,.t2c-timeoff-tab,.t2c-queue-page-btn,.t2c-queue-pager-select,.t2c-period-select-wrap,.t2c-action-strip .t2c-btn:not(.is-current),.t2c-change-mini span,.t2c-preview-status-pill),
html[data-theme="dark"] .t2c-clerk-shell :is(.t2c-window-pager,.t2c-window-count-pill,.t2c-window-page-btn,.t2c-window-all-btn,.t2c-timeoff-tab,.t2c-queue-page-btn,.t2c-queue-pager-select,.t2c-period-select-wrap,.t2c-action-strip .t2c-btn:not(.is-current),.t2c-change-mini span,.t2c-preview-status-pill),
html[data-time21-theme="dark"] .t2c-clerk-shell :is(.t2c-window-pager,.t2c-window-count-pill,.t2c-window-page-btn,.t2c-window-all-btn,.t2c-timeoff-tab,.t2c-queue-page-btn,.t2c-queue-pager-select,.t2c-period-select-wrap,.t2c-action-strip .t2c-btn:not(.is-current),.t2c-change-mini span,.t2c-preview-status-pill){
    background: rgba(30,41,59,.92) !important;
    border-color: rgba(148,163,184,.34) !important;
    color: #dbeafe !important;
    box-shadow: none !important;
}
html.dark .t2c-clerk-shell :is(.t2c-period-select,.t2c-queue-pager-select),
html[data-theme="dark"] .t2c-clerk-shell :is(.t2c-period-select,.t2c-queue-pager-select),
html[data-time21-theme="dark"] .t2c-clerk-shell :is(.t2c-period-select,.t2c-queue-pager-select){
    background: transparent !important;
    color: #f8fafc !important;
}
html.dark .t2c-clerk-shell :is(.t2c-period-select option,.t2c-queue-pager-select option),
html[data-theme="dark"] .t2c-clerk-shell :is(.t2c-period-select option,.t2c-queue-pager-select option),
html[data-time21-theme="dark"] .t2c-clerk-shell :is(.t2c-period-select option,.t2c-queue-pager-select option){
    background: #0f172a !important;
    color: #f8fafc !important;
}
html.dark .t2c-clerk-shell :is(.t2c-timeoff-tab-active,.t2c-timeoff-tab:hover),
html[data-theme="dark"] .t2c-clerk-shell :is(.t2c-timeoff-tab-active,.t2c-timeoff-tab:hover),
html[data-time21-theme="dark"] .t2c-clerk-shell :is(.t2c-timeoff-tab-active,.t2c-timeoff-tab:hover){
    background: rgba(37,99,235,.26) !important;
    border-color: rgba(96,165,250,.52) !important;
    color: #f8fafc !important;
}

/* Inline-style modal/readability fixes on Clerk Workbench only. */
html.dark .t2c-clerk-shell [style*="background:#ffffff"],
html.dark .t2c-clerk-shell [style*="background: #ffffff"],
html.dark .t2c-clerk-shell [style*="background:#fff"],
html.dark .t2c-clerk-shell [style*="background: #fff"],
html.dark .t2c-clerk-shell [style*="background:#f8fbff"],
html.dark .t2c-clerk-shell [style*="background: #f8fbff"],
html[data-theme="dark"] .t2c-clerk-shell [style*="background:#ffffff"],
html[data-theme="dark"] .t2c-clerk-shell [style*="background: #ffffff"],
html[data-theme="dark"] .t2c-clerk-shell [style*="background:#fff"],
html[data-theme="dark"] .t2c-clerk-shell [style*="background: #fff"],
html[data-theme="dark"] .t2c-clerk-shell [style*="background:#f8fbff"],
html[data-theme="dark"] .t2c-clerk-shell [style*="background: #f8fbff"],
html[data-time21-theme="dark"] .t2c-clerk-shell [style*="background:#ffffff"],
html[data-time21-theme="dark"] .t2c-clerk-shell [style*="background: #ffffff"],
html[data-time21-theme="dark"] .t2c-clerk-shell [style*="background:#fff"],
html[data-time21-theme="dark"] .t2c-clerk-shell [style*="background: #fff"],
html[data-time21-theme="dark"] .t2c-clerk-shell [style*="background:#f8fbff"],
html[data-time21-theme="dark"] .t2c-clerk-shell [style*="background: #f8fbff"]{
    background: #0f172a !important;
}
html.dark .t2c-clerk-shell [style*="color:#0f172a"],
html.dark .t2c-clerk-shell [style*="color: #0f172a"],
html.dark .t2c-clerk-shell [style*="color:#1f2937"],
html.dark .t2c-clerk-shell [style*="color: #1f2937"],
html.dark .t2c-clerk-shell [style*="color:#334155"],
html.dark .t2c-clerk-shell [style*="color: #334155"],
html[data-theme="dark"] .t2c-clerk-shell [style*="color:#0f172a"],
html[data-theme="dark"] .t2c-clerk-shell [style*="color: #0f172a"],
html[data-theme="dark"] .t2c-clerk-shell [style*="color:#1f2937"],
html[data-theme="dark"] .t2c-clerk-shell [style*="color: #1f2937"],
html[data-theme="dark"] .t2c-clerk-shell [style*="color:#334155"],
html[data-theme="dark"] .t2c-clerk-shell [style*="color: #334155"],
html[data-time21-theme="dark"] .t2c-clerk-shell [style*="color:#0f172a"],
html[data-time21-theme="dark"] .t2c-clerk-shell [style*="color: #0f172a"],
html[data-time21-theme="dark"] .t2c-clerk-shell [style*="color:#1f2937"],
html[data-time21-theme="dark"] .t2c-clerk-shell [style*="color: #1f2937"],
html[data-time21-theme="dark"] .t2c-clerk-shell [style*="color:#334155"],
html[data-time21-theme="dark"] .t2c-clerk-shell [style*="color: #334155"]{
    color: #f8fafc !important;
}
html.dark .t2c-clerk-shell [style*="color:#64748b"],
html.dark .t2c-clerk-shell [style*="color: #64748b"],
html.dark .t2c-clerk-shell [style*="color:#475569"],
html.dark .t2c-clerk-shell [style*="color: #475569"],
html[data-theme="dark"] .t2c-clerk-shell [style*="color:#64748b"],
html[data-theme="dark"] .t2c-clerk-shell [style*="color: #64748b"],
html[data-theme="dark"] .t2c-clerk-shell [style*="color:#475569"],
html[data-theme="dark"] .t2c-clerk-shell [style*="color: #475569"],
html[data-time21-theme="dark"] .t2c-clerk-shell [style*="color:#64748b"],
html[data-time21-theme="dark"] .t2c-clerk-shell [style*="color: #64748b"],
html[data-time21-theme="dark"] .t2c-clerk-shell [style*="color:#475569"],
html[data-time21-theme="dark"] .t2c-clerk-shell [style*="color: #475569"]{
    color: #cbd5e1 !important;
}


/* Command Center dark-mode readability pass.
   This is scoped to .t2-shell and is loaded after the page's inline styles so light mode is untouched. */
html.dark .t2-shell :is(.t2-next-action,.t2-section,.t2-work-card,.t2-status-card,.t2-step,.t2-path-step,.t2-block-item,.t2-lane,.t2-action-row,.t2-action-row-static,.t2-kpi,.t2-metric,.t2-dept,.t2-list-item,.t2-quiet-card,.t2-details > summary,.t2-details-body,.t2-clear-strip,.t2-clear-row,.t2-workflow-strip,.t2-impact-pill,.t2-issue-card,.t2-issue-row,.t2-sample,.t2-period-line,.t2-check-item,.t2-copy-box,.t2-period-choice,.t2-breakdown-chip,.t2-dept-chip,.t2-chip,.t2-lane-count,.t2-risk,.t2-block-action,.t2-issue-action,.t2-sample-edit,.t2-step-action,.t2-next-open),
html[data-theme="dark"] .t2-shell :is(.t2-next-action,.t2-section,.t2-work-card,.t2-status-card,.t2-step,.t2-path-step,.t2-block-item,.t2-lane,.t2-action-row,.t2-action-row-static,.t2-kpi,.t2-metric,.t2-dept,.t2-list-item,.t2-quiet-card,.t2-details > summary,.t2-details-body,.t2-clear-strip,.t2-clear-row,.t2-workflow-strip,.t2-impact-pill,.t2-issue-card,.t2-issue-row,.t2-sample,.t2-period-line,.t2-check-item,.t2-copy-box,.t2-period-choice,.t2-breakdown-chip,.t2-dept-chip,.t2-chip,.t2-lane-count,.t2-risk,.t2-block-action,.t2-issue-action,.t2-sample-edit,.t2-step-action,.t2-next-open),
html[data-time21-theme="dark"] .t2-shell :is(.t2-next-action,.t2-section,.t2-work-card,.t2-status-card,.t2-step,.t2-path-step,.t2-block-item,.t2-lane,.t2-action-row,.t2-action-row-static,.t2-kpi,.t2-metric,.t2-dept,.t2-list-item,.t2-quiet-card,.t2-details > summary,.t2-details-body,.t2-clear-strip,.t2-clear-row,.t2-workflow-strip,.t2-impact-pill,.t2-issue-card,.t2-issue-row,.t2-sample,.t2-period-line,.t2-check-item,.t2-copy-box,.t2-period-choice,.t2-breakdown-chip,.t2-dept-chip,.t2-chip,.t2-lane-count,.t2-risk,.t2-block-action,.t2-issue-action,.t2-sample-edit,.t2-step-action,.t2-next-open){
    background: linear-gradient(180deg, rgba(15,23,42,.98), rgba(17,24,39,.98)) !important;
    border-color: rgba(148,163,184,.34) !important;
    color: #e5e7eb !important;
    box-shadow: none !important;
}

html.dark .t2-shell :is(.t2-section-title,.t2-next-title,.t2-card-title,.t2-metric-num,.t2-status-title,.t2-status-big,.t2-step-title,.t2-step-number,.t2-kpi-value,.t2-path-label,.t2-block-title,.t2-lane-title,.t2-action-title,.t2-sample-name,.t2-dept-name,.t2-list-title,.t2-quiet-title,.t2-impact-pill strong,.t2-issue-heading,.t2-issue-title,.t2-issue-note strong,.t2-clear-strip-title,.t2-workflow-strip strong,.t2-check-label,.t2-period-label,.t2-breakdown-chip strong),
html[data-theme="dark"] .t2-shell :is(.t2-section-title,.t2-next-title,.t2-card-title,.t2-metric-num,.t2-status-title,.t2-status-big,.t2-step-title,.t2-step-number,.t2-kpi-value,.t2-path-label,.t2-block-title,.t2-lane-title,.t2-action-title,.t2-sample-name,.t2-dept-name,.t2-list-title,.t2-quiet-title,.t2-impact-pill strong,.t2-issue-heading,.t2-issue-title,.t2-issue-note strong,.t2-clear-strip-title,.t2-workflow-strip strong,.t2-check-label,.t2-period-label,.t2-breakdown-chip strong),
html[data-time21-theme="dark"] .t2-shell :is(.t2-section-title,.t2-next-title,.t2-card-title,.t2-metric-num,.t2-status-title,.t2-status-big,.t2-step-title,.t2-step-number,.t2-kpi-value,.t2-path-label,.t2-block-title,.t2-lane-title,.t2-action-title,.t2-sample-name,.t2-dept-name,.t2-list-title,.t2-quiet-title,.t2-impact-pill strong,.t2-issue-heading,.t2-issue-title,.t2-issue-note strong,.t2-clear-strip-title,.t2-workflow-strip strong,.t2-check-label,.t2-period-label,.t2-breakdown-chip strong){
    color: #f8fafc !important;
}

html.dark .t2-shell :is(.t2-section-sub,.t2-next-copy,.t2-next-kicker,.t2-card-copy,.t2-card-footer,.t2-metric-label,.t2-status-copy,.t2-step-copy,.t2-kpi-label,.t2-kpi-help,.t2-path-status,.t2-block-copy,.t2-action-copy,.t2-sample-meta,.t2-sample-fix,.t2-dept-meta,.t2-list-meta,.t2-quiet-copy,.t2-summary-note,.t2-small-muted,.t2-impact-pill span,.t2-issue-help,.t2-issue-meta,.t2-issue-note,.t2-period-copy,.t2-check-status,.t2-clear-more,.t2-muted,.t2-updated,.t2-superadmin-note,.t2-breakdown-chip,.t2-dept-chip,.t2-chip),
html[data-theme="dark"] .t2-shell :is(.t2-section-sub,.t2-next-copy,.t2-next-kicker,.t2-card-copy,.t2-card-footer,.t2-metric-label,.t2-status-copy,.t2-step-copy,.t2-kpi-label,.t2-kpi-help,.t2-path-status,.t2-block-copy,.t2-action-copy,.t2-sample-meta,.t2-sample-fix,.t2-dept-meta,.t2-list-meta,.t2-quiet-copy,.t2-summary-note,.t2-small-muted,.t2-impact-pill span,.t2-issue-help,.t2-issue-meta,.t2-issue-note,.t2-period-copy,.t2-check-status,.t2-clear-more,.t2-muted,.t2-updated,.t2-superadmin-note,.t2-breakdown-chip,.t2-dept-chip,.t2-chip),
html[data-time21-theme="dark"] .t2-shell :is(.t2-section-sub,.t2-next-copy,.t2-next-kicker,.t2-card-copy,.t2-card-footer,.t2-metric-label,.t2-status-copy,.t2-step-copy,.t2-kpi-label,.t2-kpi-help,.t2-path-status,.t2-block-copy,.t2-action-copy,.t2-sample-meta,.t2-sample-fix,.t2-dept-meta,.t2-list-meta,.t2-quiet-copy,.t2-summary-note,.t2-small-muted,.t2-impact-pill span,.t2-issue-help,.t2-issue-meta,.t2-issue-note,.t2-period-copy,.t2-check-status,.t2-clear-more,.t2-muted,.t2-updated,.t2-superadmin-note,.t2-breakdown-chip,.t2-dept-chip,.t2-chip){
    color: #cbd5e1 !important;
}

html.dark .t2-shell :is(.t2-next-action:hover,.t2-work-card:hover,.t2-step:hover,.t2-path-step:hover,.t2-block-item:hover,.t2-action-row:hover,.t2-action-row-static:hover,.t2-issue-row:hover,.t2-period-choice:hover),
html[data-theme="dark"] .t2-shell :is(.t2-next-action:hover,.t2-work-card:hover,.t2-step:hover,.t2-path-step:hover,.t2-block-item:hover,.t2-action-row:hover,.t2-action-row-static:hover,.t2-issue-row:hover,.t2-period-choice:hover),
html[data-time21-theme="dark"] .t2-shell :is(.t2-next-action:hover,.t2-work-card:hover,.t2-step:hover,.t2-path-step:hover,.t2-block-item:hover,.t2-action-row:hover,.t2-action-row-static:hover,.t2-issue-row:hover,.t2-period-choice:hover){
    background: linear-gradient(180deg, rgba(30,41,59,.98), rgba(15,23,42,.98)) !important;
    border-color: rgba(96,165,250,.52) !important;
}

html.dark .t2-shell :is(.t2-impact-count,.t2-lane-count),
html[data-theme="dark"] .t2-shell :is(.t2-impact-count,.t2-lane-count),
html[data-time21-theme="dark"] .t2-shell :is(.t2-impact-count,.t2-lane-count){
    background: rgba(30,41,59,.92) !important;
    border-color: rgba(148,163,184,.38) !important;
    color: #f8fafc !important;
}

html.dark .t2-shell .t2-card-kicker,
html[data-theme="dark"] .t2-shell .t2-card-kicker,
html[data-time21-theme="dark"] .t2-shell .t2-card-kicker,
html.dark .t2-shell :is(.t2-next-kicker,.t2-eyebrow),
html[data-theme="dark"] .t2-shell :is(.t2-next-kicker,.t2-eyebrow),
html[data-time21-theme="dark"] .t2-shell :is(.t2-next-kicker,.t2-eyebrow){
    color: #bfdbfe !important;
}

html.dark .t2-shell :is(.t2-btn-light,.t2-next-open,.t2-block-action,.t2-issue-action,.t2-sample-edit,.t2-step-action),
html[data-theme="dark"] .t2-shell :is(.t2-btn-light,.t2-next-open,.t2-block-action,.t2-issue-action,.t2-sample-edit,.t2-step-action),
html[data-time21-theme="dark"] .t2-shell :is(.t2-btn-light,.t2-next-open,.t2-block-action,.t2-issue-action,.t2-sample-edit,.t2-step-action){
    background: rgba(37,99,235,.22) !important;
    border-color: rgba(96,165,250,.44) !important;
    color: #dbeafe !important;
}

html.dark .t2-shell .t2-btn-dark,
html[data-theme="dark"] .t2-shell .t2-btn-dark,
html[data-time21-theme="dark"] .t2-shell .t2-btn-dark{
    background: rgba(15,23,42,.98) !important;
    border-color: rgba(148,163,184,.38) !important;
    color: #f8fafc !important;
}

html.dark .t2-shell :is(.t2-btn-soft,.t2-badge,.t2-hero-note,.t2-role),
html[data-theme="dark"] .t2-shell :is(.t2-btn-soft,.t2-badge,.t2-hero-note,.t2-role),
html[data-time21-theme="dark"] .t2-shell :is(.t2-btn-soft,.t2-badge,.t2-hero-note,.t2-role){
    background: rgba(15,23,42,.40) !important;
    border-color: rgba(219,234,254,.28) !important;
    color: #f8fafc !important;
}

html.dark .t2-shell .t2-btn-primary,
html[data-theme="dark"] .t2-shell .t2-btn-primary,
html[data-time21-theme="dark"] .t2-shell .t2-btn-primary{
    background: #fbbf24 !important;
    border-color: #fbbf24 !important;
    color: #111827 !important;
}

html.dark .t2-shell :is(.t2-issue-card[data-group="blocks"],.t2-action-row-static.t2-action-blocking,.t2-issue-row[data-tone="danger"],.t2-impact-pill[data-tone="danger"]),
html[data-theme="dark"] .t2-shell :is(.t2-issue-card[data-group="blocks"],.t2-action-row-static.t2-action-blocking,.t2-issue-row[data-tone="danger"],.t2-impact-pill[data-tone="danger"]),
html[data-time21-theme="dark"] .t2-shell :is(.t2-issue-card[data-group="blocks"],.t2-action-row-static.t2-action-blocking,.t2-issue-row[data-tone="danger"],.t2-impact-pill[data-tone="danger"]){
    background: rgba(127,29,29,.20) !important;
    border-color: rgba(248,113,113,.42) !important;
}

html.dark .t2-shell :is(.t2-issue-card[data-group="review"],.t2-issue-row[data-tone="warning"],.t2-impact-pill[data-tone="warning"],.t2-path-status-warning,.t2-check-status-warning,.t2-close-pill-warning),
html[data-theme="dark"] .t2-shell :is(.t2-issue-card[data-group="review"],.t2-issue-row[data-tone="warning"],.t2-impact-pill[data-tone="warning"],.t2-path-status-warning,.t2-check-status-warning,.t2-close-pill-warning),
html[data-time21-theme="dark"] .t2-shell :is(.t2-issue-card[data-group="review"],.t2-issue-row[data-tone="warning"],.t2-impact-pill[data-tone="warning"],.t2-path-status-warning,.t2-check-status-warning,.t2-close-pill-warning){
    background: rgba(146,64,14,.18) !important;
    border-color: rgba(251,191,36,.42) !important;
    color: #fde68a !important;
}

html.dark .t2-shell :is(.t2-issue-card[data-group="info"],.t2-path-status-info,.t2-check-status-info,.t2-close-pill-info),
html[data-theme="dark"] .t2-shell :is(.t2-issue-card[data-group="info"],.t2-path-status-info,.t2-check-status-info,.t2-close-pill-info),
html[data-time21-theme="dark"] .t2-shell :is(.t2-issue-card[data-group="info"],.t2-path-status-info,.t2-check-status-info,.t2-close-pill-info){
    background: rgba(30,64,175,.16) !important;
    border-color: rgba(96,165,250,.38) !important;
    color: #bfdbfe !important;
}

html.dark .t2-shell :is(.t2-issue-row[data-tone="success"],.t2-impact-pill[data-tone="success"],.t2-clear-chip,.t2-owner-can,.t2-path-status-success,.t2-check-status-success,.t2-close-pill-success),
html[data-theme="dark"] .t2-shell :is(.t2-issue-row[data-tone="success"],.t2-impact-pill[data-tone="success"],.t2-clear-chip,.t2-owner-can,.t2-path-status-success,.t2-check-status-success,.t2-close-pill-success),
html[data-time21-theme="dark"] .t2-shell :is(.t2-issue-row[data-tone="success"],.t2-impact-pill[data-tone="success"],.t2-clear-chip,.t2-owner-can,.t2-path-status-success,.t2-check-status-success,.t2-close-pill-success){
    background: rgba(22,101,52,.18) !important;
    border-color: rgba(74,222,128,.36) !important;
    color: #bbf7d0 !important;
}

html.dark .t2-shell :is(.t2-owner-view,.t2-action-group-label-routine),
html[data-theme="dark"] .t2-shell :is(.t2-owner-view,.t2-action-group-label-routine),
html[data-time21-theme="dark"] .t2-shell :is(.t2-owner-view,.t2-action-group-label-routine){
    color: #fde68a !important;
}
html.dark .t2-shell :is(.t2-action-group-label,.t2-path-status-danger,.t2-check-status-danger,.t2-close-pill-danger),
html[data-theme="dark"] .t2-shell :is(.t2-action-group-label,.t2-path-status-danger,.t2-check-status-danger,.t2-close-pill-danger),
html[data-time21-theme="dark"] .t2-shell :is(.t2-action-group-label,.t2-path-status-danger,.t2-check-status-danger,.t2-close-pill-danger){
    color: #fecaca !important;
}

html.dark .t2-shell :is(.t2-detail,.t2-issue-head),
html[data-theme="dark"] .t2-shell :is(.t2-detail,.t2-issue-head),
html[data-time21-theme="dark"] .t2-shell :is(.t2-detail,.t2-issue-head){
    border-color: rgba(148,163,184,.24) !important;
}

html.dark .t2-shell .t2-copy-box,
html[data-theme="dark"] .t2-shell .t2-copy-box,
html[data-time21-theme="dark"] .t2-shell .t2-copy-box{
    background: #020617 !important;
    color: #dbeafe !important;
}

html.dark .t2-shell :is(.t2-period-choice-active,.t2-period-choice:hover),
html[data-theme="dark"] .t2-shell :is(.t2-period-choice-active,.t2-period-choice:hover),
html[data-time21-theme="dark"] .t2-shell :is(.t2-period-choice-active,.t2-period-choice:hover){
    background: rgba(37,99,235,.28) !important;
    border-color: rgba(96,165,250,.55) !important;
    color: #f8fafc !important;
}

/* Attendance page dark-mode readability follow-up. The Attendance view has a large inline style block,
   so these selectors are intentionally specific and loaded again from the page after that block. */
html.dark .t2c-attendance-page,
html[data-theme="dark"] .t2c-attendance-page,
html[data-time21-theme="dark"] .t2c-attendance-page{
    color: var(--time21-dark-text) !important;
}

html.dark .t2c-attendance-hero,
html[data-theme="dark"] .t2c-attendance-hero,
html[data-time21-theme="dark"] .t2c-attendance-hero{
    background: linear-gradient(135deg, rgba(15, 23, 42, .98) 0%, rgba(30, 41, 59, .96) 55%, rgba(15, 23, 42, .98) 100%) !important;
    border-color: var(--time21-dark-border) !important;
    box-shadow: 0 18px 44px rgba(0, 0, 0, .34) !important;
}

html.dark .t2c-attendance-eyebrow,
html[data-theme="dark"] .t2c-attendance-eyebrow,
html[data-time21-theme="dark"] .t2c-attendance-eyebrow,
html.dark .t2c-attendance-period,
html[data-theme="dark"] .t2c-attendance-period,
html[data-time21-theme="dark"] .t2c-attendance-period{
    background: rgba(15, 23, 42, .78) !important;
    border-color: var(--time21-dark-border) !important;
    color: var(--time21-dark-muted) !important;
}

html.dark .t2c-attendance-hero h1,
html[data-theme="dark"] .t2c-attendance-hero h1,
html[data-time21-theme="dark"] .t2c-attendance-hero h1,
html.dark .t2c-attendance-period strong,
html[data-theme="dark"] .t2c-attendance-period strong,
html[data-time21-theme="dark"] .t2c-attendance-period strong{
    color: var(--time21-dark-heading) !important;
}

html.dark .t2c-attendance-hero p,
html.dark .t2c-attendance-period span,
html.dark .t2c-attendance-period small,
html[data-theme="dark"] .t2c-attendance-hero p,
html[data-theme="dark"] .t2c-attendance-period span,
html[data-theme="dark"] .t2c-attendance-period small,
html[data-time21-theme="dark"] .t2c-attendance-hero p,
html[data-time21-theme="dark"] .t2c-attendance-period span,
html[data-time21-theme="dark"] .t2c-attendance-period small{
    color: var(--time21-dark-muted) !important;
}

html.dark .t2c-attendance-card,
html[data-theme="dark"] .t2c-attendance-card,
html[data-time21-theme="dark"] .t2c-attendance-card{
    background: rgba(15, 23, 42, .92) !important;
    border-color: var(--time21-dark-border) !important;
    color: var(--time21-dark-text) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .28) !important;
}

html.dark .t2c-attendance-card:hover,
html.dark .t2c-attendance-card.is-active,
html[data-theme="dark"] .t2c-attendance-card:hover,
html[data-theme="dark"] .t2c-attendance-card.is-active,
html[data-time21-theme="dark"] .t2c-attendance-card:hover,
html[data-time21-theme="dark"] .t2c-attendance-card.is-active{
    background: rgba(30, 64, 175, .24) !important;
    border-color: rgba(96, 165, 250, .58) !important;
}

html.dark .t2c-attendance-card.is-ot,
html[data-theme="dark"] .t2c-attendance-card.is-ot,
html[data-time21-theme="dark"] .t2c-attendance-card.is-ot{
    background: var(--time21-dark-yellow-bg) !important;
    border-color: var(--time21-dark-yellow-border) !important;
}

html.dark .t2c-attendance-card span,
html.dark .t2c-attendance-card small,
html[data-theme="dark"] .t2c-attendance-card span,
html[data-theme="dark"] .t2c-attendance-card small,
html[data-time21-theme="dark"] .t2c-attendance-card span,
html[data-time21-theme="dark"] .t2c-attendance-card small{
    color: var(--time21-dark-muted) !important;
}

html.dark .t2c-attendance-card strong,
html[data-theme="dark"] .t2c-attendance-card strong,
html[data-time21-theme="dark"] .t2c-attendance-card strong{
    color: var(--time21-dark-heading) !important;
}

html.dark .t2c-attendance-panel,
html[data-theme="dark"] .t2c-attendance-panel,
html[data-time21-theme="dark"] .t2c-attendance-panel{
    background: var(--time21-dark-surface) !important;
    border-color: var(--time21-dark-border) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .34) !important;
}

html.dark .t2c-attendance-toolbar,
html.dark .t2c-attendance-pagination,
html[data-theme="dark"] .t2c-attendance-toolbar,
html[data-theme="dark"] .t2c-attendance-pagination,
html[data-time21-theme="dark"] .t2c-attendance-toolbar,
html[data-time21-theme="dark"] .t2c-attendance-pagination{
    background: linear-gradient(180deg, rgba(30, 41, 59, .95) 0%, rgba(15, 23, 42, .96) 100%) !important;
    border-color: var(--time21-dark-border) !important;
}

html.dark .t2c-attendance-toolbar h2,
html.dark .t2c-attendance-page-meta strong,
html[data-theme="dark"] .t2c-attendance-toolbar h2,
html[data-theme="dark"] .t2c-attendance-page-meta strong,
html[data-time21-theme="dark"] .t2c-attendance-toolbar h2,
html[data-time21-theme="dark"] .t2c-attendance-page-meta strong{
    color: var(--time21-dark-heading) !important;
}

html.dark .t2c-attendance-toolbar p,
html.dark .t2c-attendance-page-meta,
html.dark .t2c-attendance-page-buttons,
html[data-theme="dark"] .t2c-attendance-toolbar p,
html[data-theme="dark"] .t2c-attendance-page-meta,
html[data-theme="dark"] .t2c-attendance-page-buttons,
html[data-time21-theme="dark"] .t2c-attendance-toolbar p,
html[data-time21-theme="dark"] .t2c-attendance-page-meta,
html[data-time21-theme="dark"] .t2c-attendance-page-buttons{
    color: var(--time21-dark-muted) !important;
}

html.dark .t2c-attendance-search input,
html.dark .t2c-attendance-page-size,
html.dark .t2c-attendance-page-size select,
html[data-theme="dark"] .t2c-attendance-search input,
html[data-theme="dark"] .t2c-attendance-page-size,
html[data-theme="dark"] .t2c-attendance-page-size select,
html[data-time21-theme="dark"] .t2c-attendance-search input,
html[data-time21-theme="dark"] .t2c-attendance-page-size,
html[data-time21-theme="dark"] .t2c-attendance-page-size select{
    background: rgba(2, 6, 23, .64) !important;
    border-color: var(--time21-dark-border) !important;
    color: var(--time21-dark-heading) !important;
}

html.dark .t2c-attendance-search input::placeholder,
html[data-theme="dark"] .t2c-attendance-search input::placeholder,
html[data-time21-theme="dark"] .t2c-attendance-search input::placeholder{
    color: var(--time21-dark-faint) !important;
}

html.dark .t2c-attendance-page-buttons button,
html.dark .t2c-attendance-search button,
html.dark .t2c-attendance-open,
html[data-theme="dark"] .t2c-attendance-page-buttons button,
html[data-theme="dark"] .t2c-attendance-search button,
html[data-theme="dark"] .t2c-attendance-open,
html[data-time21-theme="dark"] .t2c-attendance-page-buttons button,
html[data-time21-theme="dark"] .t2c-attendance-search button,
html[data-time21-theme="dark"] .t2c-attendance-open{
    background: rgba(30, 41, 59, .92) !important;
    border-color: var(--time21-dark-border) !important;
    color: var(--time21-dark-blue-text) !important;
}

html.dark .t2c-attendance-page-buttons button:hover:not(:disabled),
html.dark .t2c-attendance-search button:hover,
html.dark .t2c-attendance-open:hover,
html[data-theme="dark"] .t2c-attendance-page-buttons button:hover:not(:disabled),
html[data-theme="dark"] .t2c-attendance-search button:hover,
html[data-theme="dark"] .t2c-attendance-open:hover,
html[data-time21-theme="dark"] .t2c-attendance-page-buttons button:hover:not(:disabled),
html[data-time21-theme="dark"] .t2c-attendance-search button:hover,
html[data-time21-theme="dark"] .t2c-attendance-open:hover{
    background: rgba(37, 99, 235, .28) !important;
    border-color: rgba(96, 165, 250, .55) !important;
    color: #dbeafe !important;
}

html.dark .t2c-attendance-table th,
html[data-theme="dark"] .t2c-attendance-table th,
html[data-time21-theme="dark"] .t2c-attendance-table th{
    background: #111827 !important;
    color: var(--time21-dark-heading) !important;
    border-color: var(--time21-dark-border) !important;
}

html.dark .t2c-attendance-table td,
html[data-theme="dark"] .t2c-attendance-table td,
html[data-time21-theme="dark"] .t2c-attendance-table td{
    background: rgba(15, 23, 42, .96) !important;
    border-color: rgba(148, 163, 184, .18) !important;
    color: var(--time21-dark-text) !important;
}

html.dark .t2c-attendance-table tbody tr:nth-child(even) td,
html[data-theme="dark"] .t2c-attendance-table tbody tr:nth-child(even) td,
html[data-time21-theme="dark"] .t2c-attendance-table tbody tr:nth-child(even) td{
    background: rgba(30, 41, 59, .70) !important;
}

html.dark .t2c-attendance-table tbody tr:hover td,
html[data-theme="dark"] .t2c-attendance-table tbody tr:hover td,
html[data-time21-theme="dark"] .t2c-attendance-table tbody tr:hover td{
    background: rgba(30, 64, 175, .22) !important;
}

html.dark .t2c-attendance-table tbody tr.is-approaching-ot td,
html[data-theme="dark"] .t2c-attendance-table tbody tr.is-approaching-ot td,
html[data-time21-theme="dark"] .t2c-attendance-table tbody tr.is-approaching-ot td{
    background: rgba(146, 64, 14, .24) !important;
}

html.dark .t2c-attendance-table tbody tr.is-over-ot td,
html[data-theme="dark"] .t2c-attendance-table tbody tr.is-over-ot td,
html[data-time21-theme="dark"] .t2c-attendance-table tbody tr.is-over-ot td{
    background: rgba(127, 29, 29, .30) !important;
}

html.dark .t2c-attendance-employee strong,
html.dark .t2c-attendance-times strong,
html.dark .t2c-attendance-period-hours,
html.dark .t2c-attendance-ot strong,
html[data-theme="dark"] .t2c-attendance-employee strong,
html[data-theme="dark"] .t2c-attendance-times strong,
html[data-theme="dark"] .t2c-attendance-period-hours,
html[data-theme="dark"] .t2c-attendance-ot strong,
html[data-time21-theme="dark"] .t2c-attendance-employee strong,
html[data-time21-theme="dark"] .t2c-attendance-times strong,
html[data-time21-theme="dark"] .t2c-attendance-period-hours,
html[data-time21-theme="dark"] .t2c-attendance-ot strong{
    color: var(--time21-dark-heading) !important;
}

html.dark .t2c-attendance-employee span,
html.dark .t2c-attendance-times span,
html.dark .t2c-attendance-times small,
html.dark .t2c-attendance-subtle,
html.dark .t2c-attendance-ot-detail,
html.dark .t2c-attendance-clear,
html.dark .t2c-attendance-muted,
html[data-theme="dark"] .t2c-attendance-employee span,
html[data-theme="dark"] .t2c-attendance-times span,
html[data-theme="dark"] .t2c-attendance-times small,
html[data-theme="dark"] .t2c-attendance-subtle,
html[data-theme="dark"] .t2c-attendance-ot-detail,
html[data-theme="dark"] .t2c-attendance-clear,
html[data-theme="dark"] .t2c-attendance-muted,
html[data-time21-theme="dark"] .t2c-attendance-employee span,
html[data-time21-theme="dark"] .t2c-attendance-times span,
html[data-time21-theme="dark"] .t2c-attendance-times small,
html[data-time21-theme="dark"] .t2c-attendance-subtle,
html[data-time21-theme="dark"] .t2c-attendance-ot-detail,
html[data-time21-theme="dark"] .t2c-attendance-clear,
html[data-time21-theme="dark"] .t2c-attendance-muted{
    color: var(--time21-dark-muted) !important;
}

html.dark .t2c-attendance-status,
html.dark .t2c-attendance-open-duration,
html.dark .t2c-attendance-ot-badge,
html[data-theme="dark"] .t2c-attendance-status,
html[data-theme="dark"] .t2c-attendance-open-duration,
html[data-theme="dark"] .t2c-attendance-ot-badge,
html[data-time21-theme="dark"] .t2c-attendance-status,
html[data-time21-theme="dark"] .t2c-attendance-open-duration,
html[data-time21-theme="dark"] .t2c-attendance-ot-badge{
    background: rgba(30, 41, 59, .92) !important;
    border-color: var(--time21-dark-border) !important;
    color: var(--time21-dark-muted) !important;
}

html.dark .t2c-attendance-status.is-success,
html.dark .t2c-attendance-ot.is-safe .t2c-attendance-ot-badge,
html[data-theme="dark"] .t2c-attendance-status.is-success,
html[data-theme="dark"] .t2c-attendance-ot.is-safe .t2c-attendance-ot-badge,
html[data-time21-theme="dark"] .t2c-attendance-status.is-success,
html[data-time21-theme="dark"] .t2c-attendance-ot.is-safe .t2c-attendance-ot-badge{
    background: var(--time21-dark-green-bg) !important;
    border-color: var(--time21-dark-green-border) !important;
    color: var(--time21-dark-green-text) !important;
}

html.dark .t2c-attendance-status.is-warning,
html.dark .t2c-attendance-ot.is-watch .t2c-attendance-ot-badge,
html.dark .t2c-attendance-ot.is-warning .t2c-attendance-ot-badge,
html[data-theme="dark"] .t2c-attendance-status.is-warning,
html[data-theme="dark"] .t2c-attendance-ot.is-watch .t2c-attendance-ot-badge,
html[data-theme="dark"] .t2c-attendance-ot.is-warning .t2c-attendance-ot-badge,
html[data-time21-theme="dark"] .t2c-attendance-status.is-warning,
html[data-time21-theme="dark"] .t2c-attendance-ot.is-watch .t2c-attendance-ot-badge,
html[data-time21-theme="dark"] .t2c-attendance-ot.is-warning .t2c-attendance-ot-badge{
    background: var(--time21-dark-yellow-bg) !important;
    border-color: var(--time21-dark-yellow-border) !important;
    color: var(--time21-dark-yellow-text) !important;
}

html.dark .t2c-attendance-ot.is-watch strong,
html.dark .t2c-attendance-ot.is-watch .t2c-attendance-ot-detail,
html.dark .t2c-attendance-ot.is-warning strong,
html.dark .t2c-attendance-ot.is-warning .t2c-attendance-ot-detail,
html[data-theme="dark"] .t2c-attendance-ot.is-watch strong,
html[data-theme="dark"] .t2c-attendance-ot.is-watch .t2c-attendance-ot-detail,
html[data-theme="dark"] .t2c-attendance-ot.is-warning strong,
html[data-theme="dark"] .t2c-attendance-ot.is-warning .t2c-attendance-ot-detail,
html[data-time21-theme="dark"] .t2c-attendance-ot.is-watch strong,
html[data-time21-theme="dark"] .t2c-attendance-ot.is-watch .t2c-attendance-ot-detail,
html[data-time21-theme="dark"] .t2c-attendance-ot.is-warning strong,
html[data-time21-theme="dark"] .t2c-attendance-ot.is-warning .t2c-attendance-ot-detail{
    color: var(--time21-dark-yellow-text) !important;
}

html.dark .t2c-attendance-ot.is-danger .t2c-attendance-ot-badge,
html[data-theme="dark"] .t2c-attendance-ot.is-danger .t2c-attendance-ot-badge,
html[data-time21-theme="dark"] .t2c-attendance-ot.is-danger .t2c-attendance-ot-badge{
    background: var(--time21-dark-red-bg) !important;
    border-color: var(--time21-dark-red-border) !important;
    color: var(--time21-dark-red-text) !important;
}

html.dark .t2c-attendance-ot.is-danger strong,
html.dark .t2c-attendance-ot.is-danger .t2c-attendance-ot-detail,
html[data-theme="dark"] .t2c-attendance-ot.is-danger strong,
html[data-theme="dark"] .t2c-attendance-ot.is-danger .t2c-attendance-ot-detail,
html[data-time21-theme="dark"] .t2c-attendance-ot.is-danger strong,
html[data-time21-theme="dark"] .t2c-attendance-ot.is-danger .t2c-attendance-ot-detail{
    color: var(--time21-dark-red-text) !important;
}

html.dark .t2c-attendance-warnings span,
html[data-theme="dark"] .t2c-attendance-warnings span,
html[data-time21-theme="dark"] .t2c-attendance-warnings span{
    background: var(--time21-dark-yellow-bg) !important;
    border-color: var(--time21-dark-yellow-border) !important;
    color: var(--time21-dark-yellow-text) !important;
}

html.dark .t2c-attendance-empty,
html[data-theme="dark"] .t2c-attendance-empty,
html[data-time21-theme="dark"] .t2c-attendance-empty{
    color: var(--time21-dark-muted) !important;
}

html.dark .t2c-attendance-loading,
html[data-theme="dark"] .t2c-attendance-loading,
html[data-time21-theme="dark"] .t2c-attendance-loading{
    background: rgba(2, 6, 23, .72) !important;
    color: var(--time21-dark-heading) !important;
}


/* Direct Timesheet Entry / Timesheet Lookup page dark-mode pass.
   This is loaded after the page's inline styles so the custom payroll editor stays readable. */
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-shell{
    color: var(--time21-dark-text) !important;
}

:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-header,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-filters,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-card,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-empty,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-approval-panel,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-pending-card,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-pending-box,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-check-card,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-radio-card,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-counter-impact-panel,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-counter-impact-card,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-staged-notice{
    background: linear-gradient(135deg, rgba(15, 23, 42, .98), rgba(17, 24, 39, .96)) !important;
    border-color: var(--time21-dark-border) !important;
    color: var(--time21-dark-text) !important;
    box-shadow: 0 16px 42px rgba(0, 0, 0, .22) !important;
}

:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-header{
    background:
        radial-gradient(circle at 80% 0%, rgba(37, 99, 235, .24), transparent 28rem),
        linear-gradient(135deg, rgba(15, 23, 42, .98), rgba(15, 37, 70, .92)) !important;
    border-color: rgba(96, 165, 250, .40) !important;
}

:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-eyebrow,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-field label,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-period-title,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-counter-impact-label,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-ukg-meta-label{
    color: #93c5fd !important;
}

:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-title,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-employee-name,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-date,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-approval-title,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-pending-title,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-pending-box-title,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-modal-title,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-counter-impact-title,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-radio-title,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-auto-lunch-titleline,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-ukg-upload-title{
    color: var(--time21-dark-heading) !important;
}

:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-copy,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-subtle,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-muted,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-employee-hint,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-approval-help,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-review-note,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-counter-help,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-counter-impact-note,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-settings-help,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-radio-copy,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-ukg-upload-help,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-ukg-working-text{
    color: var(--time21-dark-muted) !important;
}

:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-field input,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-field select,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-employee-search,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-time,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-hours,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-note,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-day-select,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-leave-type,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-mini-field input,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-mini-field select,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-mini-field textarea,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-settings-field input,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-settings-field select,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-settings-field textarea,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-counter-modal-row input,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-counter-modal-row select,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-counter-modal-row textarea,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-ukg-edit-grid input,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-ukg-edit-grid select,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-ukg-edit-grid textarea{
    background-color: #07111f !important;
    border-color: rgba(148, 163, 184, .45) !important;
    color: var(--time21-dark-heading) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.03) !important;
}

:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-field input::placeholder,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-employee-search::placeholder,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-note::placeholder{
    color: #93a4bb !important;
}

:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-field option,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-day-select option,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-leave-type option{
    background: #07111f !important;
    color: var(--time21-dark-heading) !important;
}

:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-employee-combo-menu{
    background: #0b1220 !important;
    border-color: rgba(96, 165, 250, .38) !important;
    box-shadow: 0 20px 58px rgba(0, 0, 0, .58) !important;
}

:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-employee-option{
    background: transparent !important;
    color: var(--time21-dark-text) !important;
}

:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-employee-option:hover,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-employee-option-selected,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-employee-option-active{
    background: rgba(37, 99, 235, .26) !important;
    color: #dbeafe !important;
}

:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-employee-option-empty{
    color: var(--time21-dark-muted) !important;
}

:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-employee-combo-toggle{
    color: var(--time21-dark-muted) !important;
}

:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-employee-combo-toggle:hover{
    background: rgba(148, 163, 184, .18) !important;
    color: var(--time21-dark-heading) !important;
}

:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-employee-bar,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-table th,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-bottom-actions,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-modal-header,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-modal-footer,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-counter-modal-head,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-ukg-preview-head{
    background: rgba(15, 23, 42, .92) !important;
    border-color: var(--time21-dark-border) !important;
    color: var(--time21-dark-heading) !important;
}

:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-period-totals,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-total-card{
    background: rgba(17, 24, 39, .96) !important;
    border-color: var(--time21-dark-border) !important;
    color: var(--time21-dark-text) !important;
    box-shadow: 0 8px 22px rgba(0, 0, 0, .22) !important;
}

:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-total-card-total,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-total-card-dark,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-total-card-overtime,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-total-card-compbank{
    background: linear-gradient(180deg, rgba(30, 64, 175, .28), rgba(15, 23, 42, .98)) !important;
    border-color: rgba(96, 165, 250, .42) !important;
}

:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-total-card-label,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-period-status,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-total-card-note{
    color: var(--time21-dark-muted) !important;
}

:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-total-card-value,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-total,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-raw-hours-value,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-calc-hours-value,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-counter-impact-value,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-counter-impact-money,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-pending-value,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-ukg-meta-value{
    color: var(--time21-dark-heading) !important;
}

:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-table-wrap,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-ukg-table-wrap{
    background: var(--time21-dark-surface) !important;
    border-color: var(--time21-dark-border) !important;
}

:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-table,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-ukg-table,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-trail-table{
    background: var(--time21-dark-surface) !important;
    color: var(--time21-dark-text) !important;
}

:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-table td,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-ukg-table td,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-trail-table td{
    background: rgba(15, 23, 42, .94) !important;
    border-color: rgba(148, 163, 184, .22) !important;
    color: var(--time21-dark-text) !important;
}

:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-table tr:nth-child(even) td,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-ukg-table tr:nth-child(even) td,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-trail-table tr:nth-child(even) td{
    background: rgba(17, 24, 39, .96) !important;
}

:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-entry-row:hover td{
    background: rgba(30, 64, 175, .20) !important;
}

:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-summary-row td{
    background: rgba(30, 41, 59, .86) !important;
}

:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-row-disabled td{
    background: rgba(15, 23, 42, .58) !important;
    color: var(--time21-dark-faint) !important;
}

:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-modal,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-loading-card,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-ukg-working-card{
    background: #0b1220 !important;
    border-color: rgba(96, 165, 250, .32) !important;
    color: var(--time21-dark-text) !important;
    box-shadow: 0 28px 92px rgba(0, 0, 0, .62) !important;
}

:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-modal-body{
    background: #0b1220 !important;
    color: var(--time21-dark-text) !important;
}

:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-modal-close,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-row-remove,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-counter-remove{
    background: rgba(148, 163, 184, .13) !important;
    border-color: var(--time21-dark-border) !important;
    color: var(--time21-dark-heading) !important;
}

:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-modal-close:hover,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-row-remove:hover,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-counter-remove:hover{
    background: var(--time21-dark-red-bg) !important;
    border-color: var(--time21-dark-red-border) !important;
    color: var(--time21-dark-red-text) !important;
}

:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-btn{
    background: rgba(15, 23, 42, .92) !important;
    border-color: var(--time21-dark-border) !important;
    color: var(--time21-dark-heading) !important;
}

:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-btn:hover{
    background: rgba(30, 41, 59, .96) !important;
    border-color: var(--time21-dark-border-strong) !important;
}

:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-btn-primary{
    background: #2563eb !important;
    border-color: #60a5fa !important;
    color: #ffffff !important;
}

:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-btn-soft,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-counter-link,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-working-note{
    background: var(--time21-dark-blue-bg) !important;
    border-color: var(--time21-dark-blue-border) !important;
    color: var(--time21-dark-blue-text) !important;
}

:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-btn-warning,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-alert,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-ukg-warning,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-counter-impact-warning{
    background: var(--time21-dark-yellow-bg) !important;
    border-color: var(--time21-dark-yellow-border) !important;
    color: var(--time21-dark-yellow-text) !important;
}

:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-btn-danger,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-ukg-error,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-chip-danger,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-row-remove-existing{
    background: var(--time21-dark-red-bg) !important;
    border-color: var(--time21-dark-red-border) !important;
    color: var(--time21-dark-red-text) !important;
}

:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-btn-daily-approve,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-ukg-ready,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-ukg-status-ready,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-chip-ok{
    background: var(--time21-dark-green-bg) !important;
    border-color: var(--time21-dark-green-border) !important;
    color: var(--time21-dark-green-text) !important;
}

:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-chip,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-continuation-token,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-continuation-date,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-auto-lunch-compact,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-ukg-type,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-ukg-count-pill{
    background: rgba(148, 163, 184, .14) !important;
    border-color: var(--time21-dark-border) !important;
    color: var(--time21-dark-text) !important;
}

:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-chip-info,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-ukg-type-leave,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-ukg-status-review{
    background: var(--time21-dark-blue-bg) !important;
    border-color: var(--time21-dark-blue-border) !important;
    color: var(--time21-dark-blue-text) !important;
}

:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-chip-warning,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-ukg-row-muted{
    background: var(--time21-dark-yellow-bg) !important;
    border-color: var(--time21-dark-yellow-border) !important;
    color: var(--time21-dark-yellow-text) !important;
}

:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-chip-ukg{
    background: rgba(79, 70, 229, .24) !important;
    border-color: rgba(129, 140, 248, .44) !important;
    color: #c7d2fe !important;
}

:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-ukg-upload,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-ukg-option,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-ukg-confirm,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-ukg-excerpt,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-settings-override-row{
    background: rgba(17, 24, 39, .96) !important;
    border-color: var(--time21-dark-border) !important;
    color: var(--time21-dark-text) !important;
}

:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-loading-progress{
    background: rgba(148, 163, 184, .22) !important;
}

:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dte-shell.dte-shell-embedded{
    background: var(--time21-dark-page) !important;
}


/* Payroll Wizard dark-mode readability (dark mode only). */
html.dark .t2c-close-hero,
html[data-theme="dark"] .t2c-close-hero,
html[data-time21-theme="dark"] .t2c-close-hero {
    border-color: rgba(96, 165, 250, .55) !important;
    background: linear-gradient(135deg, #07101f 0%, #10213b 58%, #183a5b 100%) !important;
    color: #f8fafc !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, .34) !important;
}
html.dark .t2c-close-hero h1,
html.dark .t2c-close-hero .t2c-eyebrow,
html.dark .t2c-close-hero .t2c-period-picker-title,
html[data-theme="dark"] .t2c-close-hero h1,
html[data-theme="dark"] .t2c-close-hero .t2c-eyebrow,
html[data-theme="dark"] .t2c-close-hero .t2c-period-picker-title,
html[data-time21-theme="dark"] .t2c-close-hero h1,
html[data-time21-theme="dark"] .t2c-close-hero .t2c-eyebrow,
html[data-time21-theme="dark"] .t2c-close-hero .t2c-period-picker-title {
    color: #f8fafc !important;
}
html.dark .t2c-close-hero p,
html.dark .t2c-close-hero .t2c-plain-status,
html.dark .t2c-close-hero .t2c-period-hidden-note,
html.dark .t2c-close-hero .t2c-period-picker-control label,
html[data-theme="dark"] .t2c-close-hero p,
html[data-theme="dark"] .t2c-close-hero .t2c-plain-status,
html[data-theme="dark"] .t2c-close-hero .t2c-period-hidden-note,
html[data-theme="dark"] .t2c-close-hero .t2c-period-picker-control label,
html[data-time21-theme="dark"] .t2c-close-hero p,
html[data-time21-theme="dark"] .t2c-close-hero .t2c-plain-status,
html[data-time21-theme="dark"] .t2c-close-hero .t2c-period-hidden-note,
html[data-time21-theme="dark"] .t2c-close-hero .t2c-period-picker-control label {
    color: #bfdbfe !important;
}
html.dark .t2c-period-picker,
html[data-theme="dark"] .t2c-period-picker,
html[data-time21-theme="dark"] .t2c-period-picker {
    background: rgba(15, 23, 42, .76) !important;
    border-color: rgba(191, 219, 254, .36) !important;
}
html.dark .t2c-period-picker select,
html[data-theme="dark"] .t2c-period-picker select,
html[data-time21-theme="dark"] .t2c-period-picker select {
    background: #06111f !important;
    border-color: rgba(148, 163, 184, .55) !important;
    color: #f8fafc !important;
}
html.dark .t2c-close-period,
html.dark .t2c-close-status-badge,
html[data-theme="dark"] .t2c-close-period,
html[data-theme="dark"] .t2c-close-status-badge,
html[data-time21-theme="dark"] .t2c-close-period,
html[data-time21-theme="dark"] .t2c-close-status-badge {
    color: #f8fafc !important;
    border-color: rgba(191, 219, 254, .45) !important;
    background: rgba(15, 23, 42, .58) !important;
}

html.dark .t2c-close-banner,
html.dark .t2c-go-card,
html.dark .t2c-clerk-focus,
html.dark .t2c-correction-mode-card,
html.dark .t2c-close-progress-card,
html.dark .t2c-guide-panel,
html.dark .t2c-latest-export-card,
html.dark .t2c-leave-export-panel,
html.dark .t2c-leave-status,
html.dark .t2-holiday-context,
html[data-theme="dark"] .t2c-close-banner,
html[data-theme="dark"] .t2c-go-card,
html[data-theme="dark"] .t2c-clerk-focus,
html[data-theme="dark"] .t2c-correction-mode-card,
html[data-theme="dark"] .t2c-close-progress-card,
html[data-theme="dark"] .t2c-guide-panel,
html[data-theme="dark"] .t2c-latest-export-card,
html[data-theme="dark"] .t2c-leave-export-panel,
html[data-theme="dark"] .t2c-leave-status,
html[data-theme="dark"] .t2-holiday-context,
html[data-time21-theme="dark"] .t2c-close-banner,
html[data-time21-theme="dark"] .t2c-go-card,
html[data-time21-theme="dark"] .t2c-clerk-focus,
html[data-time21-theme="dark"] .t2c-correction-mode-card,
html[data-time21-theme="dark"] .t2c-close-progress-card,
html[data-time21-theme="dark"] .t2c-guide-panel,
html[data-time21-theme="dark"] .t2c-latest-export-card,
html[data-time21-theme="dark"] .t2c-leave-export-panel,
html[data-time21-theme="dark"] .t2c-leave-status,
html[data-time21-theme="dark"] .t2-holiday-context {
    background: #0f1b2e !important;
    border-color: #2a3f5f !important;
    color: #e5eefb !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .30) !important;
}
html.dark .t2c-close-banner[data-tone="success"],
html.dark .t2c-close-banner[data-tone="ready"],
html.dark .t2c-go-card[data-tone="success"],
html.dark .t2c-go-card[data-tone="ready"],
html.dark .t2c-clerk-focus[data-stage="export"],
html.dark .t2c-leave-status[data-tone="success"],
html[data-theme="dark"] .t2c-close-banner[data-tone="success"],
html[data-theme="dark"] .t2c-close-banner[data-tone="ready"],
html[data-theme="dark"] .t2c-go-card[data-tone="success"],
html[data-theme="dark"] .t2c-go-card[data-tone="ready"],
html[data-theme="dark"] .t2c-clerk-focus[data-stage="export"],
html[data-theme="dark"] .t2c-leave-status[data-tone="success"],
html[data-time21-theme="dark"] .t2c-close-banner[data-tone="success"],
html[data-time21-theme="dark"] .t2c-close-banner[data-tone="ready"],
html[data-time21-theme="dark"] .t2c-go-card[data-tone="success"],
html[data-time21-theme="dark"] .t2c-go-card[data-tone="ready"],
html[data-time21-theme="dark"] .t2c-clerk-focus[data-stage="export"],
html[data-time21-theme="dark"] .t2c-leave-status[data-tone="success"] {
    background: rgba(20, 83, 45, .20) !important;
    border-color: rgba(74, 222, 128, .48) !important;
}
html.dark .t2c-close-banner[data-tone="warning"],
html.dark .t2c-close-banner[data-tone="review"],
html.dark .t2c-go-card[data-tone="warning"],
html.dark .t2c-go-card[data-tone="review"],
html.dark .t2c-clerk-focus[data-stage="review"],
html.dark .t2c-clerk-focus[data-stage="correction"],
html.dark .t2c-correction-mode-card,
html.dark .t2c-leave-status[data-tone="warning"],
html.dark .t2-leave-warning,
html[data-theme="dark"] .t2c-close-banner[data-tone="warning"],
html[data-theme="dark"] .t2c-close-banner[data-tone="review"],
html[data-theme="dark"] .t2c-go-card[data-tone="warning"],
html[data-theme="dark"] .t2c-go-card[data-tone="review"],
html[data-theme="dark"] .t2c-clerk-focus[data-stage="review"],
html[data-theme="dark"] .t2c-clerk-focus[data-stage="correction"],
html[data-theme="dark"] .t2c-correction-mode-card,
html[data-theme="dark"] .t2c-leave-status[data-tone="warning"],
html[data-theme="dark"] .t2-leave-warning,
html[data-time21-theme="dark"] .t2c-close-banner[data-tone="warning"],
html[data-time21-theme="dark"] .t2c-close-banner[data-tone="review"],
html[data-time21-theme="dark"] .t2c-go-card[data-tone="warning"],
html[data-time21-theme="dark"] .t2c-go-card[data-tone="review"],
html[data-time21-theme="dark"] .t2c-clerk-focus[data-stage="review"],
html[data-time21-theme="dark"] .t2c-clerk-focus[data-stage="correction"],
html[data-time21-theme="dark"] .t2c-correction-mode-card,
html[data-time21-theme="dark"] .t2c-leave-status[data-tone="warning"],
html[data-time21-theme="dark"] .t2-leave-warning {
    background: rgba(120, 53, 15, .24) !important;
    border-color: rgba(251, 191, 36, .52) !important;
}
html.dark .t2c-close-banner[data-tone="danger"],
html.dark .t2c-go-card[data-tone="danger"],
html.dark .t2c-reopen-card,
html[data-theme="dark"] .t2c-close-banner[data-tone="danger"],
html[data-theme="dark"] .t2c-go-card[data-tone="danger"],
html[data-theme="dark"] .t2c-reopen-card,
html[data-time21-theme="dark"] .t2c-close-banner[data-tone="danger"],
html[data-time21-theme="dark"] .t2c-go-card[data-tone="danger"],
html[data-time21-theme="dark"] .t2c-reopen-card {
    background: rgba(127, 29, 29, .22) !important;
    border-color: rgba(248, 113, 113, .50) !important;
}
html.dark .t2c-guide-step,
html.dark .t2c-stepper-card,
html.dark .t2c-unified-card,
html.dark .t2c-confirm-item,
html.dark .t2c-trouble-item,
html.dark .t2c-close-todo-row,
html.dark .t2c-mini-row,
html.dark .t2c-history-row,
html.dark .t2c-leave-bucket-card,
html.dark .t2c-leave-export-card,
html.dark .t2c-correction-step,
html.dark .t2c-safe-note,
html.dark .t2-leave-warning-drilldown-list li,
html[data-theme="dark"] .t2c-guide-step,
html[data-theme="dark"] .t2c-stepper-card,
html[data-theme="dark"] .t2c-unified-card,
html[data-theme="dark"] .t2c-confirm-item,
html[data-theme="dark"] .t2c-trouble-item,
html[data-theme="dark"] .t2c-close-todo-row,
html[data-theme="dark"] .t2c-mini-row,
html[data-theme="dark"] .t2c-history-row,
html[data-theme="dark"] .t2c-leave-bucket-card,
html[data-theme="dark"] .t2c-leave-export-card,
html[data-theme="dark"] .t2c-correction-step,
html[data-theme="dark"] .t2c-safe-note,
html[data-theme="dark"] .t2-leave-warning-drilldown-list li,
html[data-time21-theme="dark"] .t2c-guide-step,
html[data-time21-theme="dark"] .t2c-stepper-card,
html[data-time21-theme="dark"] .t2c-unified-card,
html[data-time21-theme="dark"] .t2c-confirm-item,
html[data-time21-theme="dark"] .t2c-trouble-item,
html[data-time21-theme="dark"] .t2c-close-todo-row,
html[data-time21-theme="dark"] .t2c-mini-row,
html[data-time21-theme="dark"] .t2c-history-row,
html[data-time21-theme="dark"] .t2c-leave-bucket-card,
html[data-time21-theme="dark"] .t2c-leave-export-card,
html[data-time21-theme="dark"] .t2c-correction-step,
html[data-time21-theme="dark"] .t2c-safe-note,
html[data-time21-theme="dark"] .t2-leave-warning-drilldown-list li {
    background: #111f33 !important;
    border-color: #2b3f5d !important;
    color: #e5eefb !important;
}
html.dark .t2c-guide-step[data-state="ready"],
html.dark .t2c-stepper-card[data-state="ready"],
html.dark .t2c-confirm-item[data-ready="yes"],
html.dark .t2c-leave-export-card[data-tone="success"],
html[data-theme="dark"] .t2c-guide-step[data-state="ready"],
html[data-theme="dark"] .t2c-stepper-card[data-state="ready"],
html[data-theme="dark"] .t2c-confirm-item[data-ready="yes"],
html[data-theme="dark"] .t2c-leave-export-card[data-tone="success"],
html[data-time21-theme="dark"] .t2c-guide-step[data-state="ready"],
html[data-time21-theme="dark"] .t2c-stepper-card[data-state="ready"],
html[data-time21-theme="dark"] .t2c-confirm-item[data-ready="yes"],
html[data-time21-theme="dark"] .t2c-leave-export-card[data-tone="success"] {
    background: rgba(20, 83, 45, .24) !important;
    border-color: rgba(74, 222, 128, .42) !important;
}
html.dark .t2c-guide-step[data-state="review"],
html.dark .t2c-guide-step[data-state="warning"],
html.dark .t2c-stepper-card[data-state="review"],
html.dark .t2c-confirm-item[data-ready="no"],
html.dark .t2c-leave-export-card[data-tone="warning"],
html.dark .t2c-trouble-item[data-tone="review"],
html.dark .t2c-trouble-item[data-tone="warning"],
html.dark .t2c-close-todo-row[data-tone="review"],
html.dark .t2c-close-todo-row[data-tone="warning"],
html.dark .t2c-mini-row[data-tone="review"],
html.dark .t2c-mini-row[data-tone="warning"],
html[data-theme="dark"] .t2c-guide-step[data-state="review"],
html[data-theme="dark"] .t2c-guide-step[data-state="warning"],
html[data-theme="dark"] .t2c-stepper-card[data-state="review"],
html[data-theme="dark"] .t2c-confirm-item[data-ready="no"],
html[data-theme="dark"] .t2c-leave-export-card[data-tone="warning"],
html[data-theme="dark"] .t2c-trouble-item[data-tone="review"],
html[data-theme="dark"] .t2c-trouble-item[data-tone="warning"],
html[data-theme="dark"] .t2c-close-todo-row[data-tone="review"],
html[data-theme="dark"] .t2c-close-todo-row[data-tone="warning"],
html[data-theme="dark"] .t2c-mini-row[data-tone="review"],
html[data-theme="dark"] .t2c-mini-row[data-tone="warning"],
html[data-time21-theme="dark"] .t2c-guide-step[data-state="review"],
html[data-time21-theme="dark"] .t2c-guide-step[data-state="warning"],
html[data-time21-theme="dark"] .t2c-stepper-card[data-state="review"],
html[data-time21-theme="dark"] .t2c-confirm-item[data-ready="no"],
html[data-time21-theme="dark"] .t2c-leave-export-card[data-tone="warning"],
html[data-time21-theme="dark"] .t2c-trouble-item[data-tone="review"],
html[data-time21-theme="dark"] .t2c-trouble-item[data-tone="warning"],
html[data-time21-theme="dark"] .t2c-close-todo-row[data-tone="review"],
html[data-time21-theme="dark"] .t2c-close-todo-row[data-tone="warning"],
html[data-time21-theme="dark"] .t2c-mini-row[data-tone="review"],
html[data-time21-theme="dark"] .t2c-mini-row[data-tone="warning"] {
    background: rgba(120, 53, 15, .24) !important;
    border-color: rgba(251, 191, 36, .42) !important;
}
html.dark .t2c-guide-step[data-state="blocked"],
html.dark .t2c-guide-step[data-state="danger"],
html.dark .t2c-stepper-card[data-state="blocked"],
html.dark .t2c-trouble-item[data-tone="blocked"],
html.dark .t2c-trouble-item[data-tone="danger"],
html.dark .t2c-close-todo-row[data-tone="blocked"],
html.dark .t2c-close-todo-row[data-tone="danger"],
html.dark .t2c-mini-row[data-tone="blocked"],
html.dark .t2c-mini-row[data-tone="danger"],
html[data-theme="dark"] .t2c-guide-step[data-state="blocked"],
html[data-theme="dark"] .t2c-guide-step[data-state="danger"],
html[data-theme="dark"] .t2c-stepper-card[data-state="blocked"],
html[data-theme="dark"] .t2c-trouble-item[data-tone="blocked"],
html[data-theme="dark"] .t2c-trouble-item[data-tone="danger"],
html[data-theme="dark"] .t2c-close-todo-row[data-tone="blocked"],
html[data-theme="dark"] .t2c-close-todo-row[data-tone="danger"],
html[data-theme="dark"] .t2c-mini-row[data-tone="blocked"],
html[data-theme="dark"] .t2c-mini-row[data-tone="danger"],
html[data-time21-theme="dark"] .t2c-guide-step[data-state="blocked"],
html[data-time21-theme="dark"] .t2c-guide-step[data-state="danger"],
html[data-time21-theme="dark"] .t2c-stepper-card[data-state="blocked"],
html[data-time21-theme="dark"] .t2c-trouble-item[data-tone="blocked"],
html[data-time21-theme="dark"] .t2c-trouble-item[data-tone="danger"],
html[data-time21-theme="dark"] .t2c-close-todo-row[data-tone="blocked"],
html[data-time21-theme="dark"] .t2c-close-todo-row[data-tone="danger"],
html[data-time21-theme="dark"] .t2c-mini-row[data-tone="blocked"],
html[data-time21-theme="dark"] .t2c-mini-row[data-tone="danger"] {
    background: rgba(127, 29, 29, .22) !important;
    border-color: rgba(248, 113, 113, .42) !important;
}
html.dark .t2c-close-banner-title,
html.dark .t2c-go-title,
html.dark .t2c-clerk-title,
html.dark .t2c-correction-mode-title,
html.dark .t2c-close-progress-number,
html.dark .t2c-audit-row strong,
html.dark .t2c-trouble-title,
html.dark .t2c-confirm-title,
html.dark .t2c-action-title,
html.dark .t2c-close-todo-title,
html.dark .t2c-reopen-title,
html.dark .t2c-stepper-title,
html.dark .t2c-unified-value,
html.dark .t2c-next-primary-title,
html.dark .t2c-mini-title,
html.dark .t2c-guide-title,
html.dark .t2c-guide-name,
html.dark .t2c-next-action-title,
html.dark .t2c-latest-export-title,
html.dark .t2c-leave-export-title,
html.dark .t2c-leave-export-card-title,
html.dark .t2c-leave-status-title,
html.dark .t2-holiday-context-title,
html.dark .t2-leave-warning-title,
html.dark .t2c-leave-bucket-label,
html.dark .t2c-history-title,
html[data-theme="dark"] .t2c-close-banner-title,
html[data-theme="dark"] .t2c-go-title,
html[data-theme="dark"] .t2c-clerk-title,
html[data-theme="dark"] .t2c-correction-mode-title,
html[data-theme="dark"] .t2c-close-progress-number,
html[data-theme="dark"] .t2c-audit-row strong,
html[data-theme="dark"] .t2c-trouble-title,
html[data-theme="dark"] .t2c-confirm-title,
html[data-theme="dark"] .t2c-action-title,
html[data-theme="dark"] .t2c-close-todo-title,
html[data-theme="dark"] .t2c-reopen-title,
html[data-theme="dark"] .t2c-stepper-title,
html[data-theme="dark"] .t2c-unified-value,
html[data-theme="dark"] .t2c-next-primary-title,
html[data-theme="dark"] .t2c-mini-title,
html[data-theme="dark"] .t2c-guide-title,
html[data-theme="dark"] .t2c-guide-name,
html[data-theme="dark"] .t2c-next-action-title,
html[data-theme="dark"] .t2c-latest-export-title,
html[data-theme="dark"] .t2c-leave-export-title,
html[data-theme="dark"] .t2c-leave-export-card-title,
html[data-theme="dark"] .t2c-leave-status-title,
html[data-theme="dark"] .t2-holiday-context-title,
html[data-theme="dark"] .t2-leave-warning-title,
html[data-theme="dark"] .t2c-leave-bucket-label,
html[data-theme="dark"] .t2c-history-title,
html[data-time21-theme="dark"] .t2c-close-banner-title,
html[data-time21-theme="dark"] .t2c-go-title,
html[data-time21-theme="dark"] .t2c-clerk-title,
html[data-time21-theme="dark"] .t2c-correction-mode-title,
html[data-time21-theme="dark"] .t2c-close-progress-number,
html[data-time21-theme="dark"] .t2c-audit-row strong,
html[data-time21-theme="dark"] .t2c-trouble-title,
html[data-time21-theme="dark"] .t2c-confirm-title,
html[data-time21-theme="dark"] .t2c-action-title,
html[data-time21-theme="dark"] .t2c-close-todo-title,
html[data-time21-theme="dark"] .t2c-reopen-title,
html[data-time21-theme="dark"] .t2c-stepper-title,
html[data-time21-theme="dark"] .t2c-unified-value,
html[data-time21-theme="dark"] .t2c-next-primary-title,
html[data-time21-theme="dark"] .t2c-mini-title,
html[data-time21-theme="dark"] .t2c-guide-title,
html[data-time21-theme="dark"] .t2c-guide-name,
html[data-time21-theme="dark"] .t2c-next-action-title,
html[data-time21-theme="dark"] .t2c-latest-export-title,
html[data-time21-theme="dark"] .t2c-leave-export-title,
html[data-time21-theme="dark"] .t2c-leave-export-card-title,
html[data-time21-theme="dark"] .t2c-leave-status-title,
html[data-time21-theme="dark"] .t2-holiday-context-title,
html[data-time21-theme="dark"] .t2-leave-warning-title,
html[data-time21-theme="dark"] .t2c-leave-bucket-label,
html[data-time21-theme="dark"] .t2c-history-title {
    color: #f8fafc !important;
}
html.dark .t2c-close-banner-detail,
html.dark .t2c-go-detail,
html.dark .t2c-clerk-detail,
html.dark .t2c-clerk-help,
html.dark .t2c-correction-mode-detail,
html.dark .t2c-audit-row span,
html.dark .t2c-trouble-detail,
html.dark .t2c-confirm-detail,
html.dark .t2c-close-actions-copy,
html.dark .t2c-action-detail,
html.dark .t2c-close-todo-detail,
html.dark .t2c-reopen-detail,
html.dark .t2c-reopen-list,
html.dark .t2c-stepper-detail,
html.dark .t2c-stepper-note,
html.dark .t2c-stepper-hint,
html.dark .t2c-unified-label,
html.dark .t2c-unified-note,
html.dark .t2c-next-primary-copy,
html.dark .t2c-mini-detail,
html.dark .t2c-guide-sub,
html.dark .t2c-guide-text,
html.dark .t2c-next-action-text,
html.dark .t2c-latest-export-meta,
html.dark .t2c-leave-export-detail,
html.dark .t2c-leave-export-card-meta,
html.dark .t2c-leave-status-detail,
html.dark .t2c-leave-bucket-meta,
html.dark .t2-leave-warning-detail,
html.dark .t2-leave-warning-meta,
html.dark .t2c-history-meta,
html[data-theme="dark"] .t2c-close-banner-detail,
html[data-theme="dark"] .t2c-go-detail,
html[data-theme="dark"] .t2c-clerk-detail,
html[data-theme="dark"] .t2c-clerk-help,
html[data-theme="dark"] .t2c-correction-mode-detail,
html[data-theme="dark"] .t2c-audit-row span,
html[data-theme="dark"] .t2c-trouble-detail,
html[data-theme="dark"] .t2c-confirm-detail,
html[data-theme="dark"] .t2c-close-actions-copy,
html[data-theme="dark"] .t2c-action-detail,
html[data-theme="dark"] .t2c-close-todo-detail,
html[data-theme="dark"] .t2c-reopen-detail,
html[data-theme="dark"] .t2c-reopen-list,
html[data-theme="dark"] .t2c-stepper-detail,
html[data-theme="dark"] .t2c-stepper-note,
html[data-theme="dark"] .t2c-stepper-hint,
html[data-theme="dark"] .t2c-unified-label,
html[data-theme="dark"] .t2c-unified-note,
html[data-theme="dark"] .t2c-next-primary-copy,
html[data-theme="dark"] .t2c-mini-detail,
html[data-theme="dark"] .t2c-guide-sub,
html[data-theme="dark"] .t2c-guide-text,
html[data-theme="dark"] .t2c-next-action-text,
html[data-theme="dark"] .t2c-latest-export-meta,
html[data-theme="dark"] .t2c-leave-export-detail,
html[data-theme="dark"] .t2c-leave-export-card-meta,
html[data-theme="dark"] .t2c-leave-status-detail,
html[data-theme="dark"] .t2c-leave-bucket-meta,
html[data-theme="dark"] .t2-leave-warning-detail,
html[data-theme="dark"] .t2-leave-warning-meta,
html[data-theme="dark"] .t2c-history-meta,
html[data-time21-theme="dark"] .t2c-close-banner-detail,
html[data-time21-theme="dark"] .t2c-go-detail,
html[data-time21-theme="dark"] .t2c-clerk-detail,
html[data-time21-theme="dark"] .t2c-clerk-help,
html[data-time21-theme="dark"] .t2c-correction-mode-detail,
html[data-time21-theme="dark"] .t2c-audit-row span,
html[data-time21-theme="dark"] .t2c-trouble-detail,
html[data-time21-theme="dark"] .t2c-confirm-detail,
html[data-time21-theme="dark"] .t2c-close-actions-copy,
html[data-time21-theme="dark"] .t2c-action-detail,
html[data-time21-theme="dark"] .t2c-close-todo-detail,
html[data-time21-theme="dark"] .t2c-reopen-detail,
html[data-time21-theme="dark"] .t2c-reopen-list,
html[data-time21-theme="dark"] .t2c-stepper-detail,
html[data-time21-theme="dark"] .t2c-stepper-note,
html[data-time21-theme="dark"] .t2c-stepper-hint,
html[data-time21-theme="dark"] .t2c-unified-label,
html[data-time21-theme="dark"] .t2c-unified-note,
html[data-time21-theme="dark"] .t2c-next-primary-copy,
html[data-time21-theme="dark"] .t2c-mini-detail,
html[data-time21-theme="dark"] .t2c-guide-sub,
html[data-time21-theme="dark"] .t2c-guide-text,
html[data-time21-theme="dark"] .t2c-next-action-text,
html[data-time21-theme="dark"] .t2c-latest-export-meta,
html[data-time21-theme="dark"] .t2c-leave-export-detail,
html[data-time21-theme="dark"] .t2c-leave-export-card-meta,
html[data-time21-theme="dark"] .t2c-leave-status-detail,
html[data-time21-theme="dark"] .t2c-leave-bucket-meta,
html[data-time21-theme="dark"] .t2-leave-warning-detail,
html[data-time21-theme="dark"] .t2-leave-warning-meta,
html[data-time21-theme="dark"] .t2c-history-meta {
    color: #cbd5e1 !important;
}
html.dark .t2c-clerk-chip,
html.dark .t2c-go-chip,
html.dark .t2c-close-metric,
html.dark .t2c-status-pill,
html.dark .t2c-stepper-pill,
html.dark .t2c-guide-status,
html.dark .t2c-guide-badge,
html.dark .t2c-leave-status-badge,
html.dark .t2c-leave-export-badge,
html.dark .t2-holiday-context-chip,
html.dark .t2c-correction-next-pill,
html[data-theme="dark"] .t2c-clerk-chip,
html[data-theme="dark"] .t2c-go-chip,
html[data-theme="dark"] .t2c-close-metric,
html[data-theme="dark"] .t2c-status-pill,
html[data-theme="dark"] .t2c-stepper-pill,
html[data-theme="dark"] .t2c-guide-status,
html[data-theme="dark"] .t2c-guide-badge,
html[data-theme="dark"] .t2c-leave-status-badge,
html[data-theme="dark"] .t2c-leave-export-badge,
html[data-theme="dark"] .t2-holiday-context-chip,
html[data-theme="dark"] .t2c-correction-next-pill,
html[data-time21-theme="dark"] .t2c-clerk-chip,
html[data-time21-theme="dark"] .t2c-go-chip,
html[data-time21-theme="dark"] .t2c-close-metric,
html[data-time21-theme="dark"] .t2c-status-pill,
html[data-time21-theme="dark"] .t2c-stepper-pill,
html[data-time21-theme="dark"] .t2c-guide-status,
html[data-time21-theme="dark"] .t2c-guide-badge,
html[data-time21-theme="dark"] .t2c-leave-status-badge,
html[data-time21-theme="dark"] .t2c-leave-export-badge,
html[data-time21-theme="dark"] .t2-holiday-context-chip,
html[data-time21-theme="dark"] .t2c-correction-next-pill {
    background: #1b2a42 !important;
    border-color: #37506f !important;
    color: #dbeafe !important;
}
html.dark .t2c-action-strip,
html.dark .t2c-close-actions-panel,
html.dark .t2c-next-action-panel,
html[data-theme="dark"] .t2c-action-strip,
html[data-theme="dark"] .t2c-close-actions-panel,
html[data-theme="dark"] .t2c-next-action-panel,
html[data-time21-theme="dark"] .t2c-action-strip,
html[data-time21-theme="dark"] .t2c-close-actions-panel,
html[data-time21-theme="dark"] .t2c-next-action-panel {
    background: #0b1728 !important;
    border-color: #2a3f5f !important;
    color: #e5eefb !important;
}
html.dark .t2c-close-track,
html[data-theme="dark"] .t2c-close-track,
html[data-time21-theme="dark"] .t2c-close-track {
    background: #1e293b !important;
}
html.dark .t2c-ops-table-wrap,
html[data-theme="dark"] .t2c-ops-table-wrap,
html[data-time21-theme="dark"] .t2c-ops-table-wrap {
    border-color: #2a3f5f !important;
}
html.dark .t2c-ops-table th,
html[data-theme="dark"] .t2c-ops-table th,
html[data-time21-theme="dark"] .t2c-ops-table th {
    background: #17243a !important;
    color: #dbeafe !important;
    border-color: #2a3f5f !important;
}
html.dark .t2c-ops-table td,
html[data-theme="dark"] .t2c-ops-table td,
html[data-time21-theme="dark"] .t2c-ops-table td {
    background: #0f1b2e !important;
    color: #e5eefb !important;
    border-color: #253954 !important;
}
html.dark .t2c-reopen-textarea,
html[data-theme="dark"] .t2c-reopen-textarea,
html[data-time21-theme="dark"] .t2c-reopen-textarea {
    background: #07111f !important;
    border-color: rgba(251, 191, 36, .46) !important;
    color: #f8fafc !important;
}
html.dark .t2c-soft-button,
html.dark .t2c-simple-action,
html[data-theme="dark"] .t2c-soft-button,
html[data-theme="dark"] .t2c-simple-action,
html[data-time21-theme="dark"] .t2c-soft-button,
html[data-time21-theme="dark"] .t2c-simple-action {
    background: #17243a !important;
    border-color: #3b5575 !important;
    color: #dbeafe !important;
}
html.dark .t2c-soft-button.primary,
html[data-theme="dark"] .t2c-soft-button.primary,
html[data-time21-theme="dark"] .t2c-soft-button.primary {
    background: rgba(37, 99, 235, .22) !important;
    border-color: rgba(96, 165, 250, .58) !important;
    color: #bfdbfe !important;
}
html.dark .t2c-soft-button.danger,
html[data-theme="dark"] .t2c-soft-button.danger,
html[data-time21-theme="dark"] .t2c-soft-button.danger {
    background: rgba(127, 29, 29, .22) !important;
    border-color: rgba(248, 113, 113, .52) !important;
    color: #fecaca !important;
}

/* Run Accruals dark-mode readability (dark mode only). */
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-page {
    color: var(--time21-dark-text) !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-hero {
    background: linear-gradient(135deg, #13233a 0%, #0b1728 56%, #0d2a25 100%) !important;
    border-color: #2d4b72 !important;
    box-shadow: 0 12px 30px rgba(0,0,0,.34) !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-hero::before {
    background: rgba(96, 165, 250, .14) !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-hero-kicker {
    color: #93c5fd !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-hero-title,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-title,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-action-main,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-action-value,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-stat-value {
    color: #f8fafc !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-hero-subtitle,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-muted,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-small,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-xs,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-action-sub,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-run-notice-body {
    color: #cbd5e1 !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-section-title,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-next-label {
    color: #dbeafe !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-card,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-settings-card,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-table-wrap,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-modal,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-working-card {
    background: #0f1b2e !important;
    border-color: #2a3f5f !important;
    box-shadow: 0 10px 26px rgba(0,0,0,.28) !important;
    color: #e5eefb !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-card-pad,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-note,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-action-row,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-action-row-muted,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-modal-head,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-proof-summary {
    background: #111f34 !important;
    border-color: #2a3f5f !important;
    color: #e5eefb !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-alert-ready {
    background: rgba(6, 78, 59, .35) !important;
    border-color: rgba(52, 211, 153, .42) !important;
    color: #d1fae5 !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-alert-warning,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-attention-item {
    background: rgba(120, 53, 15, .30) !important;
    border-color: rgba(251, 191, 36, .48) !important;
    color: #fde68a !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-alert-blocked,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-attention-item[data-tone="blocked"] {
    background: rgba(127, 29, 29, .32) !important;
    border-color: rgba(248, 113, 113, .50) !important;
    color: #fecaca !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-next-step,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-next-step-primary,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-run-notice {
    background: #132642 !important;
    border-color: #365b89 !important;
    color: #dbeafe !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-run-notice-title {
    color: #bbf7d0 !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-button,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-tab {
    background: #17243a !important;
    border-color: #3b5575 !important;
    color: #dbeafe !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-button:hover,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-tab:hover {
    background: #1d304d !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-button-primary,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-tab-active {
    background: #2563eb !important;
    border-color: #60a5fa !important;
    color: #eff6ff !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-pill {
    background: #17243a !important;
    border-color: #3b5575 !important;
    color: #dbeafe !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-pill-good,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-clear-chip {
    background: rgba(6, 78, 59, .42) !important;
    border-color: rgba(52, 211, 153, .55) !important;
    color: #bbf7d0 !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-pill-warning,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-pill-review {
    background: rgba(120, 53, 15, .30) !important;
    border-color: rgba(251, 191, 36, .50) !important;
    color: #fde68a !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-pill-blocked {
    background: rgba(127, 29, 29, .35) !important;
    border-color: rgba(248, 113, 113, .55) !important;
    color: #fecaca !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-pill-gray {
    background: #111f34 !important;
    border-color: #344a68 !important;
    color: #cbd5e1 !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-table th {
    background: #17243a !important;
    border-color: #2a3f5f !important;
    color: #dbeafe !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-table td {
    background: #0f1b2e !important;
    border-color: #253954 !important;
    color: #e5eefb !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-table tbody tr:hover td {
    background: #132642 !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-clear-strip,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-tabs {
    color: #cbd5e1 !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-progress {
    background: #24364f !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-progress > span,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-spinner {
    border-top-color: #60a5fa !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-compact-form .fi-fo-field-wrp,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-compact-form .fi-fo-field-wrp-label,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-compact-form .fi-fo-field-wrp-label span,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-compact-form .fi-fo-field-wrp-helper-text {
    color: #dbeafe !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-compact-form .fi-input-wrp,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-compact-form .fi-select-input,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-compact-form input,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-compact-form select,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-compact-form textarea {
    background: #07111f !important;
    border-color: #36506f !important;
    color: #f8fafc !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .acc-compact-form option {
    background: #07111f !important;
    color: #f8fafc !important;
}


/* Dark mode follow-up: Fresh UKG Timesheet Import / Timesheet Import page. */
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .fresh-ukg {
    color: #e5eefb !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .fresh-ukg :is(
    .fresh-card,
    .fresh-card-soft,
    .fresh-control-shell,
    .fresh-command-card,
    .fresh-command-card.primary,
    .fresh-command-card.action,
    .fresh-command-card.tab-target,
    .fresh-dashboard-card,
    .fresh-stat,
    .fresh-mini-stat,
    .fresh-micro-stat,
    .fresh-person,
    .fresh-row-card,
    .fresh-compare-card,
    .fresh-timesheet-embed-card,
    .fresh-timesheet-frame-wrap,
    .fresh-reconcile-table-wrap,
    .fresh-detail,
    .fresh-reconcile-modal,
    .fresh-diff-card,
    .fresh-line,
    .fresh-tc-preview,
    .fresh-problem-panel,
    .fresh-trouble-item,
    .fresh-policy-note,
    .fresh-lunch-test,
    .fresh-compact-card
) {
    background: #0f1b2e !important;
    border-color: #2d4262 !important;
    color: #e5eefb !important;
    box-shadow: none !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .fresh-ukg :is(
    .fresh-hero,
    .fresh-hero-polished,
    .fresh-reconcile-modal-header,
    .fresh-detail-hint,
    .fresh-tc-preview-head
) {
    background: linear-gradient(135deg, #12213a, #0b1627) !important;
    border-color: #3b82f6 !important;
    color: #f8fafc !important;
    box-shadow: none !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .fresh-ukg .fresh-reconcile-modal-body {
    background: #08111f !important;
    color: #e5eefb !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .fresh-ukg :is(
    .fresh-title,
    .fresh-person-title,
    .fresh-command-title,
    .fresh-dashboard-card > div:first-child strong,
    .fresh-problem-title,
    .fresh-row-titleline,
    .fresh-tc-preview-title,
    .fresh-reconcile-modal-title,
    .fresh-diff-card-top,
    .fresh-diff-values strong,
    .fresh-stat strong,
    .fresh-mini-stat strong,
    .fresh-micro-stat strong,
    .fresh-row-metric strong
) {
    color: #f8fafc !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .fresh-ukg :is(
    .fresh-sub,
    .fresh-muted,
    .fresh-small,
    .fresh-label,
    .fresh-command-help,
    .fresh-person-meta,
    .fresh-reconcile-modal-sub,
    .fresh-diff-values,
    .fresh-stat span,
    .fresh-mini-stat span,
    .fresh-micro-stat span,
    .fresh-row-summary,
    .fresh-row-metrics,
    .fresh-time-line,
    .fresh-preserve,
    .fresh-lunch-note,
    .fresh-tc-choice,
    .fresh-trouble-list,
    .fresh-policy-note
) {
    color: #cbd5e1 !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .fresh-ukg :is(
    .fresh-input,
    .fresh-select,
    .fresh-mini-input,
    .fresh-file-input,
    input,
    select,
    textarea
) {
    background: #07111f !important;
    border-color: #36506f !important;
    color: #f8fafc !important;
    box-shadow: none !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .fresh-ukg :is(input, select, textarea)::placeholder {
    color: #94a3b8 !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .fresh-ukg :is(select option, option) {
    background: #07111f !important;
    color: #f8fafc !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .fresh-ukg .fresh-reconcile-table {
    background: #0f1b2e !important;
    color: #e5eefb !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .fresh-ukg .fresh-reconcile-table th {
    background: #17243a !important;
    border-color: #2d4262 !important;
    color: #dbeafe !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .fresh-ukg .fresh-reconcile-table td {
    background: #0f1b2e !important;
    border-color: #253954 !important;
    color: #e5eefb !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .fresh-ukg .fresh-reconcile-table tr:nth-child(even) td {
    background: #111f34 !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .fresh-ukg .fresh-reconcile-table tr:hover td {
    background: #132642 !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .fresh-ukg :is(.fresh-light, .fresh-mode-tab, .fresh-choice-btn, .fresh-tab) {
    background: #14233a !important;
    border-color: #3b5575 !important;
    color: #e5eefb !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .fresh-ukg :is(.fresh-dark, .fresh-mode-tab.active, .fresh-tab.active) {
    background: #2563eb !important;
    border-color: #60a5fa !important;
    color: #eff6ff !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .fresh-ukg :is(.fresh-primary, .fresh-btn.fresh-primary) {
    background: #2563eb !important;
    border-color: #60a5fa !important;
    color: #eff6ff !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .fresh-ukg :is(.fresh-green, .fresh-btn.fresh-green) {
    background: #16a34a !important;
    border-color: #4ade80 !important;
    color: #ecfdf5 !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .fresh-ukg :is(.fresh-warn, .fresh-btn.fresh-warn) {
    background: #b45309 !important;
    border-color: #f59e0b !important;
    color: #fffbeb !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .fresh-ukg :is(.fresh-step, .fresh-badge-dark) {
    background: #17243a !important;
    border-color: #3b5575 !important;
    color: #dbeafe !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .fresh-ukg :is(.fresh-badge-ok, .fresh-ok, .fresh-micro-stat.good, .fresh-lunch-test.match) {
    background: rgba(6, 78, 59, .42) !important;
    border-color: rgba(52, 211, 153, .55) !important;
    color: #bbf7d0 !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .fresh-ukg :is(.fresh-badge-warn, .fresh-alert.fresh-warn, .fresh-micro-stat.warn, .fresh-lunch-test:not(.match)) {
    background: rgba(120, 53, 15, .34) !important;
    border-color: rgba(251, 191, 36, .52) !important;
    color: #fde68a !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .fresh-ukg :is(.fresh-badge-info, .fresh-info, .fresh-micro-stat.info) {
    background: rgba(30, 64, 175, .28) !important;
    border-color: rgba(96, 165, 250, .52) !important;
    color: #bfdbfe !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .fresh-ukg .fresh-error {
    background: rgba(127, 29, 29, .38) !important;
    border-color: rgba(248, 113, 113, .58) !important;
    color: #fecaca !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .fresh-ukg .fresh-command-number {
    background: #17243a !important;
    border-color: #3b5575 !important;
    color: #dbeafe !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .fresh-ukg .fresh-command-card.tab-target .fresh-command-number {
    background: rgba(6, 78, 59, .42) !important;
    border-color: rgba(52, 211, 153, .55) !important;
    color: #bbf7d0 !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .fresh-ukg .fresh-code {
    background: #020617 !important;
    border: 1px solid #334155 !important;
    color: #dbeafe !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .fresh-ukg .fresh-row-card:hover,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .fresh-ukg .fresh-person:hover {
    border-color: #60a5fa !important;
    background: #132642 !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .fresh-ukg :is([style*="background:#fff"], [style*="background: #fff"], [style*="background:#f8fafc"], [style*="background: #f8fafc"]) {
    background: #0f1b2e !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .fresh-ukg :is([style*="color:#0f172a"], [style*="color: #0f172a"], [style*="color:#334155"], [style*="color: #334155"]) {
    color: #f8fafc !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .fresh-ukg :is([style*="color:#475569"], [style*="color: #475569"], [style*="color:#64748b"], [style*="color: #64748b"]) {
    color: #cbd5e1 !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .fresh-ukg .fresh-timesheet-frame {
    background: #07111f !important;
}


/* Department setup pages - dark mode readability */
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) :is(.dept-shell, .dept-edit-shell) {
    color: #e5eefb !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) :is(.dept-hero, .dept-edit-hero) {
    background: linear-gradient(135deg, #0b1220 0%, #10213a 58%, #12365b 100%) !important;
    border-color: #37537a !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .34) !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) :is(.dept-title, .dept-panel-title, .dept-card-title, .dept-stat-value, .dept-name, .dept-empty-title, .dept-toggle-title, .dept-strip-item strong) {
    color: #f8fafc !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) :is(.dept-sub, .dept-panel-note, .dept-stat-label, .dept-inline-muted, .dept-truncate, .dept-help, .dept-card-copy, .dept-toggle-copy, .dept-note-copy, .dept-empty, .dept-table td) {
    color: #cbd5e1 !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) :is(.dept-kicker) {
    background: rgba(37, 99, 235, .22) !important;
    border-color: rgba(96, 165, 250, .52) !important;
    color: #bfdbfe !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) :is(.dept-stat, .dept-panel, .dept-card, .dept-top-strip) {
    background: #0f1b2e !important;
    border-color: #334155 !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .26) !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) :is(.dept-panel-head, .dept-card-head) {
    background: linear-gradient(180deg, #17243a, #101b2d) !important;
    border-color: #334155 !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) :is(.dept-table th) {
    background: #17243a !important;
    border-color: #334155 !important;
    color: #dbeafe !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) :is(.dept-table td) {
    background: #0f1b2e !important;
    border-color: #26364d !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dept-row:hover td,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dept-row:hover {
    background: #132642 !important;
    box-shadow: inset 4px 0 0 #60a5fa !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) :is(.dept-search, .dept-select, .dept-input, .dept-radio-label) {
    background: #07111f !important;
    border-color: #3b5575 !important;
    color: #f8fafc !important;
    box-shadow: none !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) :is(.dept-search::placeholder, .dept-input::placeholder) {
    color: #94a3b8 !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) :is(.dept-search:focus, .dept-select:focus, .dept-input:focus) {
    border-color: #60a5fa !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(96, 165, 250, .16) !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) :is(.dept-rule-text, .dept-label, .dept-note-title, .dept-radio-label) {
    color: #e2e8f0 !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) :is(.dept-toggle, .dept-note-tile, .dept-supervisor-row, .dept-strip-item) {
    background: #101b2d !important;
    border-color: #334155 !important;
    color: #dbeafe !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dept-toggle-readonly {
    background: #0b1220 !important;
    border-color: #3b5575 !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dept-footer-actions {
    background: rgba(15, 27, 46, .96) !important;
    border-color: #334155 !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dept-btn:not(.dept-btn-primary):not(.dept-btn-soft):not(.dept-btn-danger) {
    background: #101b2d !important;
    border-color: #3b5575 !important;
    color: #e5eefb !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dept-btn:not(.dept-btn-primary):not(.dept-btn-soft):not(.dept-btn-danger):hover {
    background: #17243a !important;
    border-color: #60a5fa !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dept-btn-primary {
    background: #2563eb !important;
    border-color: #60a5fa !important;
    color: #eff6ff !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dept-btn-soft {
    background: rgba(37, 99, 235, .22) !important;
    border-color: rgba(96, 165, 250, .52) !important;
    color: #dbeafe !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dept-btn-danger {
    background: rgba(127, 29, 29, .22) !important;
    border-color: rgba(248, 113, 113, .48) !important;
    color: #fecaca !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dept-pill {
    background: #17243a !important;
    border-color: #3b5575 !important;
    color: #dbeafe !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dept-pill-green {
    background: rgba(6, 78, 59, .42) !important;
    border-color: rgba(52, 211, 153, .55) !important;
    color: #bbf7d0 !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dept-pill-blue {
    background: rgba(30, 64, 175, .28) !important;
    border-color: rgba(96, 165, 250, .52) !important;
    color: #bfdbfe !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dept-pill-amber {
    background: rgba(120, 53, 15, .34) !important;
    border-color: rgba(251, 191, 36, .52) !important;
    color: #fde68a !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dept-pill-red,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dept-error {
    background: rgba(127, 29, 29, .28) !important;
    border-color: rgba(248, 113, 113, .52) !important;
    color: #fecaca !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .dept-table-wrap {
    background: #0f1b2e !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) :is(.dept-shell, .dept-edit-shell) :is([style*="background:#fff"], [style*="background: #fff"], [style*="background:#f8fafc"], [style*="background: #f8fafc"]) {
    background: #0f1b2e !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) :is(.dept-shell, .dept-edit-shell) :is([style*="color:#0f172a"], [style*="color: #0f172a"], [style*="color:#334155"], [style*="color: #334155"]) {
    color: #f8fafc !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) :is(.dept-shell, .dept-edit-shell) :is([style*="color:#475569"], [style*="color: #475569"], [style*="color:#64748b"], [style*="color: #64748b"]) {
    color: #cbd5e1 !important;
}

/* Employee setup/edit resource: keep custom snapshot/readiness cards readable in dark mode. */
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .time21-employee-snapshot,
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .time21-employee-readiness{
    color:#e5e7eb !important;
}

:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .time21-employee-snapshot :is(strong,b),
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .time21-employee-readiness :is(strong,b){
    color:#f8fafc !important;
}

:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .time21-employee-snapshot [style*="background:#fff7ed"],
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .time21-employee-snapshot [style*="background: #fff7ed"]{
    background:#451a03 !important;
    border-color:#92400e !important;
    color:#fde68a !important;
}

:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .time21-employee-snapshot [style*="background:#f0fdf4"],
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .time21-employee-snapshot [style*="background: #f0fdf4"]{
    background:#052e16 !important;
    border-color:#166534 !important;
    color:#bbf7d0 !important;
}

:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .time21-employee-readiness [style*="background:#fff7ed"],
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .time21-employee-readiness [style*="background: #fff7ed"]{
    background:#451a03 !important;
    border-color:#92400e !important;
    color:#fde68a !important;
}

:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .time21-employee-readiness [style*="background:#dcfce7"],
:where(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .time21-employee-readiness [style*="background: #dcfce7"]{
    background:#14532d !important;
    color:#bbf7d0 !important;
}

/* Initial Setup dark-mode readability (dark mode only). */
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2setup-hero {
    background:
        radial-gradient(circle at 12% 18%, rgba(59, 130, 246, .24), transparent 34%),
        radial-gradient(circle at 88% 22%, rgba(14, 165, 233, .18), transparent 30%),
        linear-gradient(135deg, #07101f 0%, #10213b 56%, #183a5b 100%) !important;
    border-color: rgba(96, 165, 250, .52) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .35) !important;
    color: #f8fafc !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2setup-hero:before {
    background: linear-gradient(90deg, rgba(37, 99, 235, .18), transparent 40%, rgba(14, 165, 233, .16)) !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2setup-hero-title,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2setup-score-value,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2setup-score-label {
    color: #f8fafc !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .35) !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2setup-hero-copy,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2setup-score-sub,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2setup-score-value span {
    color: #cbd5e1 !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2setup-eyebrow {
    background: rgba(30, 64, 175, .38) !important;
    border-color: rgba(147, 197, 253, .55) !important;
    color: #dbeafe !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2setup-hero-side {
    background: rgba(15, 23, 42, .72) !important;
    border-color: rgba(191, 219, 254, .30) !important;
    box-shadow: 0 14px 32px rgba(0, 0, 0, .26) !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2setup-score-ring {
    background: conic-gradient(#60a5fa 0deg, #60a5fa var(--score-deg), #334155 var(--score-deg), #334155 360deg) !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2setup-score-ring-inner {
    background: #08111f !important;
    border: 1px solid rgba(148, 163, 184, .36) !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2setup-chip {
    background: rgba(15, 23, 42, .72) !important;
    border-color: rgba(148, 163, 184, .40) !important;
    color: #dbeafe !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2setup-chip[data-tone="success"] {
    background: rgba(20, 83, 45, .34) !important;
    border-color: rgba(74, 222, 128, .48) !important;
    color: #bbf7d0 !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2setup-chip[data-tone="warning"] {
    background: rgba(120, 53, 15, .34) !important;
    border-color: rgba(251, 191, 36, .50) !important;
    color: #fde68a !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2setup-chip[data-tone="danger"] {
    background: rgba(127, 29, 29, .34) !important;
    border-color: rgba(248, 113, 113, .50) !important;
    color: #fecaca !important;
}

:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2setup-grid,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2setup-two,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2setup-issues {
    color: #e5eefb !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2setup-tile,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2setup-step,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2setup-issue,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2setup-record {
    background: linear-gradient(180deg, #111d31, #0d1728) !important;
    border-color: #2a3f5f !important;
    color: #e5eefb !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .22) !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2setup-tile:hover,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2setup-step:hover {
    background: linear-gradient(180deg, #14233a, #0f1b2e) !important;
    border-color: #60a5fa !important;
    box-shadow: 0 14px 30px rgba(0, 0, 0, .30) !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2setup-title,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2setup-step-title,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2setup-issue-title,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2setup-record strong,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2w-section-title {
    color: #f8fafc !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2setup-copy,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2setup-step-copy,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2setup-issue-detail,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2setup-record-meta,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2setup-more,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2w-section-sub {
    color: #cbd5e1 !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2setup-metric {
    background: #0b1220 !important;
    border-color: #334155 !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2setup-number {
    color: #f8fafc !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2setup-label {
    color: #bfdbfe !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2setup-footer,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2setup-record a {
    color: #93c5fd !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2setup-state-success {
    background: rgba(20, 83, 45, .36) !important;
    border: 1px solid rgba(74, 222, 128, .48) !important;
    color: #bbf7d0 !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2setup-state-warning {
    background: rgba(120, 53, 15, .36) !important;
    border: 1px solid rgba(251, 191, 36, .50) !important;
    color: #fde68a !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2setup-state-danger {
    background: rgba(127, 29, 29, .36) !important;
    border: 1px solid rgba(248, 113, 113, .50) !important;
    color: #fecaca !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2setup-state-info,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2setup-state-neutral {
    background: rgba(30, 64, 175, .28) !important;
    border: 1px solid rgba(96, 165, 250, .45) !important;
    color: #dbeafe !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2setup-two .t2w-section,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2w-section:has(.t2setup-grid) {
    background: transparent !important;
    border-color: transparent !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2w-empty {
    background: rgba(15, 23, 42, .62) !important;
    border-color: #334155 !important;
    color: #dbeafe !important;
}

/* Approval Policies: suggested setup cards use inline HtmlString styles, so dark values are exposed through CSS variables. */
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .time21-approval-suggested {
    --time21-approval-card-bg: linear-gradient(180deg, #111d31, #0d1728);
    --time21-approval-card-border: #334155;
    --time21-approval-eyebrow: #93c5fd;
    --time21-approval-title: #f8fafc;
    --time21-approval-copy: #cbd5e1;
    --time21-approval-flow-bg: rgba(30, 64, 175, .24);
    --time21-approval-flow-border: rgba(96, 165, 250, .46);
    --time21-approval-flow-text: #dbeafe;
    color: #e5eefb !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .time21-approval-deadline-card,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .time21-approval-flow {
    box-shadow: 0 10px 24px rgba(0, 0, 0, .22) !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .time21-approval-flow strong {
    color: #bfdbfe !important;
}
@media (max-width: 760px) {
    .time21-approval-deadline-grid {
        grid-template-columns: 1fr !important;
    }
}


/* System Tools directory dark-mode fallback. The page also carries inline overrides because its light CSS is inline. */
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2dir-group,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2dir-path-note {
    background: linear-gradient(180deg, rgba(15, 23, 42, .98), rgba(17, 24, 39, .98)) !important;
    border-color: rgba(71, 85, 105, .78) !important;
    color: #e5e7eb !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2dir-card {
    background: linear-gradient(180deg, rgba(30, 41, 59, .96), rgba(15, 23, 42, .98)) !important;
    border-color: rgba(71, 85, 105, .84) !important;
    color: #e5e7eb !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2dir-name,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2dir-card-title,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2dir-path-note strong {
    color: #f8fafc !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2dir-sub,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2dir-card-copy,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2dir-path-note {
    color: #cbd5e1 !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2dir-count {
    background: rgba(15, 23, 42, .72) !important;
    border-color: rgba(96, 165, 250, .26) !important;
    color: #dbeafe !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .t2dir-open {
    color: #93c5fd !important;
}


/* Notification Center / Inbox & Messages dark-mode fallback. The page has inline light styles, so this stays tightly scoped. */
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .notify-shell {
    color: #e5eefb !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .notify-section,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .notify-card,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .notify-modal-panel,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .notify-toggle,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .notice,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .employee-note-row,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .feedback-row,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .notify-empty {
    background: linear-gradient(180deg, rgba(30, 41, 59, .96), rgba(15, 23, 42, .98)) !important;
    border-color: rgba(71, 85, 105, .82) !important;
    color: #e5eefb !important;
    box-shadow: 0 10px 22px rgba(0, 0, 0, .16) !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .notify-section.tc-page-header {
    background: radial-gradient(circle at 92% 5%, rgba(96, 165, 250, .16), transparent 34%), linear-gradient(135deg, #16253e 0%, #0f1a2e 64%, #111827 100%) !important;
    border-color: rgba(96, 165, 250, .42) !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .notify-card-active,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .notice-unread,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .feedback-row.is-open {
    background: linear-gradient(90deg, rgba(37, 99, 235, .28) 0%, rgba(15, 23, 42, .98) 48%) !important;
    border-color: rgba(96, 165, 250, .68) !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .employee-note-row.is-followup,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .feedback-row.is-reviewing {
    background: linear-gradient(90deg, rgba(245, 158, 11, .18) 0%, rgba(15, 23, 42, .98) 48%) !important;
    border-color: rgba(245, 158, 11, .42) !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .notify-title,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .notify-value,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .notice-title,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .employee-note-person,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .feedback-title,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .notify-shell strong,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .notify-shell h1,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .notify-shell h2,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .notify-shell h3 {
    color: #f8fafc !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .notify-label,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .notify-sub,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .notify-card-hint,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .notice-meta,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .employee-note-small,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .employee-note-latest,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .feedback-meta {
    color: #cbd5e1 !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .notice-body,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .employee-note-message,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .feedback-preview {
    color: #dbeafe !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .notify-tab,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .notify-status-tabs,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .notify-status-tab-active,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .btn-secondary,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .btn-soft {
    background: rgba(15, 23, 42, .72) !important;
    border-color: rgba(71, 85, 105, .84) !important;
    color: #dbeafe !important;
    box-shadow: none !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .notify-tab:hover,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .notify-status-tab:hover,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .btn-secondary:hover,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .btn-soft:hover {
    background: rgba(37, 99, 235, .24) !important;
    border-color: rgba(96, 165, 250, .54) !important;
    color: #f8fafc !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .notify-tab-active,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .btn-primary {
    background: #2563eb !important;
    border-color: #3b82f6 !important;
    color: #ffffff !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .notify-tab-count,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .notify-status-count {
    background: rgba(96, 165, 250, .20) !important;
    color: #bfdbfe !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .notify-field input,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .notify-field select,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .notify-shell textarea {
    background: #0b1220 !important;
    border-color: rgba(71, 85, 105, .88) !important;
    color: #f8fafc !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .notify-shell input::placeholder,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .notify-shell textarea::placeholder {
    color: #94a3b8 !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .notify-modal-header,
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .notify-modal-footer {
    background: rgba(15, 23, 42, .32) !important;
    border-color: rgba(71, 85, 105, .84) !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .notify-shell [style*="color:#0f172a"],
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .notify-shell [style*="color: #0f172a"],
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .notify-shell [style*="color:#1f2937"],
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .notify-shell [style*="color: #1f2937"] {
    color: #f8fafc !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .notify-shell [style*="color:#334155"],
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .notify-shell [style*="color: #334155"],
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .notify-shell [style*="color:#475569"],
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .notify-shell [style*="color: #475569"],
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .notify-shell [style*="color:#64748b"],
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .notify-shell [style*="color: #64748b"] {
    color: #cbd5e1 !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .notify-shell [style*="background:#ffffff"],
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .notify-shell [style*="background: #ffffff"],
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .notify-shell [style*="background:#fff"],
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .notify-shell [style*="background: #fff"] {
    background: #0f172a !important;
}
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .notify-shell [style*="border:1px solid #e5e7eb"],
:is(html.dark, html[data-theme="dark"], html[data-time21-theme="dark"]) .notify-shell [style*="border: 1px solid #e5e7eb"] {
    border-color: rgba(71, 85, 105, .84) !important;
}

/* v20260527-dark-18: Clerk Workbench badge/note polish.
   The payroll blocker queue uses small note pills for warnings, leave, and status details.
   In dark mode the old cream/white pills were too bright against the clerk workbench. */
html.dark .t2c-clerk-shell .t2c-safety-notes span,
html[data-theme="dark"] .t2c-clerk-shell .t2c-safety-notes span,
html[data-time21-theme="dark"] .t2c-clerk-shell .t2c-safety-notes span{
    background: rgba(146,64,14,.26) !important;
    border-color: rgba(251,191,36,.40) !important;
    color: #fde68a !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
}

html.dark .t2c-clerk-shell .t2c-row-leave span,
html[data-theme="dark"] .t2c-clerk-shell .t2c-row-leave span,
html[data-time21-theme="dark"] .t2c-clerk-shell .t2c-row-leave span{
    background: rgba(37,99,235,.18) !important;
    border-color: rgba(96,165,250,.34) !important;
    color: #bfdbfe !important;
    box-shadow: none !important;
}

html.dark .t2c-clerk-shell .t2c-badge,
html[data-theme="dark"] .t2c-clerk-shell .t2c-badge,
html[data-time21-theme="dark"] .t2c-clerk-shell .t2c-badge{
    background: rgba(30,41,59,.92) !important;
    border-color: rgba(148,163,184,.34) !important;
    color: #dbeafe !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
}

html.dark .t2c-clerk-shell .t2c-badge[data-tone="neutral"],
html[data-theme="dark"] .t2c-clerk-shell .t2c-badge[data-tone="neutral"],
html[data-time21-theme="dark"] .t2c-clerk-shell .t2c-badge[data-tone="neutral"]{
    background: rgba(30,41,59,.88) !important;
    border-color: rgba(148,163,184,.30) !important;
    color: #cbd5e1 !important;
}

html.dark .t2c-clerk-shell .t2c-badge[data-tone="info"],
html[data-theme="dark"] .t2c-clerk-shell .t2c-badge[data-tone="info"],
html[data-time21-theme="dark"] .t2c-clerk-shell .t2c-badge[data-tone="info"]{
    background: rgba(37,99,235,.22) !important;
    border-color: rgba(96,165,250,.42) !important;
    color: #bfdbfe !important;
}

html.dark .t2c-clerk-shell .t2c-badge[data-tone="warning"],
html[data-theme="dark"] .t2c-clerk-shell .t2c-badge[data-tone="warning"],
html[data-time21-theme="dark"] .t2c-clerk-shell .t2c-badge[data-tone="warning"]{
    background: rgba(146,64,14,.24) !important;
    border-color: rgba(251,191,36,.42) !important;
    color: #fde68a !important;
}

html.dark .t2c-clerk-shell .t2c-badge[data-tone="success"],
html[data-theme="dark"] .t2c-clerk-shell .t2c-badge[data-tone="success"],
html[data-time21-theme="dark"] .t2c-clerk-shell .t2c-badge[data-tone="success"]{
    background: rgba(22,101,52,.24) !important;
    border-color: rgba(74,222,128,.40) !important;
    color: #bbf7d0 !important;
}

html.dark .t2c-clerk-shell .t2c-badge[data-tone="danger"],
html[data-theme="dark"] .t2c-clerk-shell .t2c-badge[data-tone="danger"],
html[data-time21-theme="dark"] .t2c-clerk-shell .t2c-badge[data-tone="danger"]{
    background: rgba(153,27,27,.24) !important;
    border-color: rgba(248,113,113,.42) !important;
    color: #fecaca !important;
}