/* Generated color-only overrides. Run node scripts/build-dark-theme.mjs.
   Signed-in web uses the saved appearance choice; light is the default. Public marketing and print are unchanged. */
@media screen {:root[data-appearance="dark"]:has(body.is-authenticated) { --dm-background: #0E1519; --dm-surface: #161E23; --dm-raised: #1B242A; --dm-mutedSurface: #20282E; --dm-border: #303A42; --dm-borderStrong: #3B4650; --dm-text: #F4F6F7; --dm-muted: #A8B3C3; --dm-onBrand: #F4F6F7; --dm-green: #67D99F; --dm-greenFill: #237A50; --dm-greenSoft: #193B2D; --dm-greenBorder: #355D49; --dm-red: #EF7272; --dm-redFill: #A9363E; --dm-redSoft: #402528; --dm-redBorder: #744348; --dm-partialRed: #DDA0A7; --dm-partialRedSoft: #32252A; --dm-partialRedBorder: #946770; --dm-orange: #E2A14B; --dm-orangeFill: #805219; --dm-orangeSoft: #3A3022; --dm-orangeBorder: #6E5334; --dm-blue: #6BA8E6; --dm-blueFill: #285E96; --dm-blueSoft: #1C3143; --dm-blueBorder: #385B7B; --dm-purple: #BAA5D2; --dm-purpleFill: #68458B; --dm-purpleSoft: #2D2635; --dm-purpleBorder: #5E4C73; color-scheme: dark; } /* styles.css */:root[data-appearance="dark"]:has(body.is-authenticated) { --bg: var(--dm-background); --surface: var(--dm-surface); --surface-soft: var(--dm-surface); --ink: var(--dm-text); --muted: var(--dm-muted); --line: var(--dm-border); --line-strong: var(--dm-border); --blue: var(--dm-blueFill); --blue-soft: var(--dm-blueSoft); --green: var(--dm-greenFill); --green-soft: var(--dm-greenSoft); --orange: var(--dm-orangeFill); --orange-soft: var(--dm-orangeSoft); --red: var(--dm-redFill); --red-soft: var(--dm-redSoft); --ops-green-900: var(--dm-greenFill); --ops-green-800: var(--dm-greenFill); --ops-green-700: var(--dm-greenFill); --ops-green-600: var(--dm-greenFill); --ops-green-500: var(--dm-greenFill); --ops-green-100: var(--dm-greenSoft); --ops-green-50: var(--dm-greenSoft); --ops-blue-700: var(--dm-blueFill); --ops-blue-600: var(--dm-blueFill); --ops-blue-100: var(--dm-blueSoft); --ops-blue-50: var(--dm-blueSoft); --ops-red-700: var(--dm-redFill); --ops-red-600: var(--dm-redFill); --ops-red-500: var(--dm-redFill); --ops-red-100: var(--dm-redSoft); --ops-red-50: var(--dm-redSoft); --ops-orange-700: var(--dm-orangeFill); --ops-orange-600: var(--dm-orangeFill); --ops-orange-100: var(--dm-orangeSoft); --ops-orange-50: var(--dm-orangeSoft); --ops-purple-700: var(--dm-purpleFill); --ops-purple-100: var(--dm-purpleSoft); --ops-purple-50: var(--dm-purpleSoft); --ops-slate-900: var(--dm-text); --ops-slate-600: var(--dm-muted); --ops-border: var(--dm-border); --shadow: 0 18px 45px rgba(0,0,0,0.07); --shadow-soft: 0 18px 60px rgba(0,0,0,0.08); --text-page-title: 32px; --text-section-title: 16px; --text-body: 14px; --text-small: 12px; --text-table: 13px; --text-badge: 11px; }:root[data-appearance="dark"]:has(body.is-authenticated) body { background: radial-gradient(circle at 45% -10%, color-mix(in srgb, var(--dm-blueFill) 9%, transparent), transparent 34%),
    radial-gradient(circle at 92% 4%, color-mix(in srgb, var(--dm-greenFill) 8%, transparent), transparent 26%),
    var(--bg); color: var(--ink); }:root[data-appearance="dark"]:has(body.is-authenticated) body.auth-locked { background: var(--dm-background); }:root[data-appearance="dark"]:has(body.is-authenticated) body.app-loading { background: var(--dm-background); }:root[data-appearance="dark"]:has(body.is-authenticated) .app-loading-screen { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .one-loader-blocks::after { background: color-mix(in srgb, var(--dm-greenFill) 16%, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) .loader-block { background: var(--dm-greenSoft); box-shadow: 0 8px 18px rgba(0,0,0,0.08); }:root[data-appearance="dark"]:has(body.is-authenticated) .loader-block:nth-child(3n + 2) { background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) .loader-block:nth-child(4n) { background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) .app-loading-title { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .app-loading-subtitle { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) button:focus-visible,
:root[data-appearance="dark"]:has(body.is-authenticated) a:focus-visible { outline: 3px solid color-mix(in srgb, var(--dm-blueBorder) 22%, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar { border-right: 1px solid var(--line); background: color-mix(in srgb, var(--dm-raised) 88%, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) .brand-mark { background: linear-gradient(135deg, var(--dm-blueSoft), var(--dm-purpleSoft)); box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08); }:root[data-appearance="dark"]:has(body.is-authenticated) .flow-line { background: var(--dm-blueFill); }:root[data-appearance="dark"]:has(body.is-authenticated) .flow-dot { background: var(--dm-blueFill); }:root[data-appearance="dark"]:has(body.is-authenticated) .flow-dot.start { border: 2px solid var(--dm-blueBorder); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .profile-card span,
:root[data-appearance="dark"]:has(body.is-authenticated) .section-heading p,
:root[data-appearance="dark"]:has(body.is-authenticated) .page-subtitle,
:root[data-appearance="dark"]:has(body.is-authenticated) .metric-card p,
:root[data-appearance="dark"]:has(body.is-authenticated) .metric-card small,
:root[data-appearance="dark"]:has(body.is-authenticated) .site-health-row span,
:root[data-appearance="dark"]:has(body.is-authenticated) .timeline-item span,
:root[data-appearance="dark"]:has(body.is-authenticated) .stack-row span,
:root[data-appearance="dark"]:has(body.is-authenticated) .kicker { color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .field span { color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .field small,
:root[data-appearance="dark"]:has(body.is-authenticated) .form-help { color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) input,
:root[data-appearance="dark"]:has(body.is-authenticated) select,
:root[data-appearance="dark"]:has(body.is-authenticated) textarea { border: 1px solid var(--line); background: var(--dm-mutedSurface); color: var(--ink); outline: none; }:root[data-appearance="dark"]:has(body.is-authenticated) input:focus,
:root[data-appearance="dark"]:has(body.is-authenticated) select:focus,
:root[data-appearance="dark"]:has(body.is-authenticated) textarea:focus { border-color: var(--dm-blueBorder); box-shadow: 0 0 0 3px rgba(0,0,0,0.12); }:root[data-appearance="dark"]:has(body.is-authenticated) .profile-card { border: 1px solid var(--line); background: var(--surface); color: inherit; }:root[data-appearance="dark"]:has(body.is-authenticated) .profile-card svg { color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .profile-menu { border: 1px solid var(--line); background: var(--dm-raised); box-shadow: var(--shadow); }:root[data-appearance="dark"]:has(body.is-authenticated) .profile-menu-header { border-bottom: 1px solid var(--line); }:root[data-appearance="dark"]:has(body.is-authenticated) .profile-menu-header span { color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .profile-menu button { border: 0; background: transparent; color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .profile-menu button:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .profile-menu button:focus-visible { background: var(--blue-soft); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .profile-avatar { background: var(--dm-blueSoft); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .nav-tab { border: 1px solid transparent; background: transparent; color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .nav-tab:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .nav-tab.active { background: linear-gradient(135deg, var(--dm-blueSoft), var(--dm-purpleSoft)); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .help-card { border: 1px solid var(--line); background: color-mix(in srgb, var(--dm-surface) 78%, transparent); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .help-card div { background: var(--dm-surface); color: var(--dm-muted); box-shadow: 0 8px 20px rgba(0,0,0,0.06); }:root[data-appearance="dark"]:has(body.is-authenticated) .help-card small { color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .auth-copy p { color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .search-box { border: 1px solid var(--line); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .search-box svg { color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .search-box input { border: 0; box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) .search-results { border: 1px solid var(--line); background: var(--dm-surface); box-shadow: var(--shadow); }:root[data-appearance="dark"]:has(body.is-authenticated) .search-results button,
:root[data-appearance="dark"]:has(body.is-authenticated) .search-empty { border: 0; border-bottom: 1px solid var(--line); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .search-results button:hover { background: var(--blue-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) .search-results strong { color: var(--ink); }:root[data-appearance="dark"]:has(body.is-authenticated) .search-results span,
:root[data-appearance="dark"]:has(body.is-authenticated) .search-empty { color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .notification-count { border: 2px solid var(--dm-border); background: var(--dm-redFill); color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) .notification-panel { border: 1px solid var(--line); background: var(--dm-surface); box-shadow: var(--shadow); }:root[data-appearance="dark"]:has(body.is-authenticated) .notification-header { border-bottom: 1px solid var(--line); }:root[data-appearance="dark"]:has(body.is-authenticated) .notification-header span { color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .notification-item { border: 0; border-bottom: 1px solid var(--line); background: var(--dm-surface); color: inherit; }:root[data-appearance="dark"]:has(body.is-authenticated) .notification-item:hover { background: var(--blue-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) .notification-item.urgent { background: var(--red-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) .notification-item svg { background: var(--blue-soft); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .notification-item.urgent svg { background: var(--dm-surface); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .notification-item strong { color: var(--ink); }:root[data-appearance="dark"]:has(body.is-authenticated) .notification-item small,
:root[data-appearance="dark"]:has(body.is-authenticated) .notification-item em { color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-kpi-card,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-soft-card,
:root[data-appearance="dark"]:has(body.is-authenticated) .encouragement-banner { border: 1px solid color-mix(in srgb, var(--dm-border) 95%, transparent); background: color-mix(in srgb, var(--dm-surface) 84%, transparent); box-shadow: var(--shadow-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-kpi-card.violet::before { background: linear-gradient(135deg, color-mix(in srgb, var(--dm-purpleFill) 12%, transparent), transparent 72%); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-kpi-card.blue::before { background: linear-gradient(135deg, color-mix(in srgb, var(--dm-blueFill) 14.000000000000002%, transparent), transparent 72%); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-kpi-card.green::before { background: linear-gradient(135deg, color-mix(in srgb, var(--dm-greenFill) 15%, transparent), transparent 72%); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-kpi-card.orange::before { background: linear-gradient(135deg, color-mix(in srgb, var(--dm-orangeFill) 13%, transparent), transparent 72%); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-kpi-card.violet .dashboard-kpi-icon { background: var(--dm-purpleSoft); color: var(--dm-purple); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-kpi-card.blue .dashboard-kpi-icon { background: var(--dm-blueSoft); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-kpi-card.green .dashboard-kpi-icon { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-kpi-card.orange .dashboard-kpi-icon { background: var(--dm-orangeSoft); color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-kpi-copy span { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-kpi-copy small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-kpi-arrow { border: 1px solid color-mix(in srgb, var(--dm-border) 95%, transparent); background: color-mix(in srgb, var(--dm-surface) 82%, transparent); color: currentColor; }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-scope-bar p { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-scope-bar small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .scope-toggle { border: 1px solid color-mix(in srgb, var(--dm-border) 90%, transparent); background: var(--dm-surface); box-shadow: 0 10px 24px rgba(0,0,0,0.04); }:root[data-appearance="dark"]:has(body.is-authenticated) .scope-toggle button { border: 1px solid transparent; background: transparent; color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .scope-toggle button.active { border-color: var(--dm-blueBorder); background: var(--dm-blueSoft); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-card-header h3 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-card-header p { color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .soft-count { background: var(--dm-redSoft); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .soft-link,
:root[data-appearance="dark"]:has(body.is-authenticated) .soft-select { border: 1px solid var(--line); background: var(--dm-mutedSurface); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .soft-link { border-color: transparent; background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) .soft-select { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-attention-item { border: 1px solid var(--line); background: var(--dm-surface); color: inherit; }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-attention-item.urgent { border-color: var(--dm-redBorder); background: linear-gradient(135deg, var(--dm-redSoft), var(--dm-surface)); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-attention-item:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-followup-row:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-site-health-card:hover { border-color: var(--dm-blueBorder); box-shadow: 0 12px 28px rgba(0,0,0,0.08); }:root[data-appearance="dark"]:has(body.is-authenticated) .attention-icon { background: var(--dm-orangeSoft); color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-attention-item.urgent .attention-icon { background: var(--dm-redSoft); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .attention-copy small { color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .attention-chevron { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-followup-table { border-top: 1px solid var(--line); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-mini-head { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-followup-row { border: 0; border-top: 1px solid var(--line); background: var(--dm-surface); color: inherit; }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-followup-row small,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-followup-row span:not(.status-badge) { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-followup-row > span:first-child { color: inherit; }:root[data-appearance="dark"]:has(body.is-authenticated) .followup-helper-panel { border: 1px solid var(--dm-purpleBorder); background: linear-gradient(135deg, var(--dm-surface), var(--dm-surface)); }:root[data-appearance="dark"]:has(body.is-authenticated) .helper-clipboard { border: 2px solid var(--dm-purpleBorder); background: var(--dm-purpleSoft); color: var(--dm-purple); }:root[data-appearance="dark"]:has(body.is-authenticated) .followup-helper-panel strong { color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .followup-helper-panel p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .segmented-mini { border: 1px solid var(--line); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .segmented-mini button { border: 0; background: transparent; color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .segmented-mini button.active { background: var(--dm-surface); color: var(--dm-blue); box-shadow: 0 1px 2px rgba(0,0,0,0.08); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-switch-panel,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-fade-panel { border: 1px solid var(--line); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .site-health-wip-panel strong,
:root[data-appearance="dark"]:has(body.is-authenticated) .leaderboard-heading span { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .site-health-wip-panel p,
:root[data-appearance="dark"]:has(body.is-authenticated) .leaderboard-heading small,
:root[data-appearance="dark"]:has(body.is-authenticated) .task-leaderboard-wip span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .wip-icon { background: var(--dm-blueSoft); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .leaderboard-filter select { border: 1px solid var(--dm-border); background: var(--dm-mutedSurface); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .leaderboard-subtitle { color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .leaderboard-row { border: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .leaderboard-row b { background: var(--dm-blueSoft); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .leaderboard-row small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .task-leaderboard-wip { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .task-leaderboard-wip strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-site-health-card { border: 1px solid var(--line); background: var(--dm-surface); color: inherit; }:root[data-appearance="dark"]:has(body.is-authenticated) .site-health-soft-metrics { border-block: 1px solid var(--line); }:root[data-appearance="dark"]:has(body.is-authenticated) .site-health-soft-metrics span { border-right: 1px solid var(--line); }:root[data-appearance="dark"]:has(body.is-authenticated) .site-health-soft-metrics span:last-child { border-right: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) .site-health-soft-metrics small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .encouragement-banner { border-color: var(--dm-blueBorder); background: linear-gradient(135deg, var(--dm-surface), var(--dm-blueSoft)); }:root[data-appearance="dark"]:has(body.is-authenticated) .encouragement-icon { border: 0; background: var(--dm-surface); color: var(--dm-purple); box-shadow: 0 10px 22px rgba(0,0,0,0.1); }:root[data-appearance="dark"]:has(body.is-authenticated) .encouragement-icon:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .encouragement-icon:focus-visible { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .floating-heart { color: var(--dm-red); text-shadow: 0 6px 14px rgba(0,0,0,0.18); }:root[data-appearance="dark"]:has(body.is-authenticated) .encouragement-banner strong { color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .encouragement-banner small,
:root[data-appearance="dark"]:has(body.is-authenticated) .encouragement-banner p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .banner-art::before,
:root[data-appearance="dark"]:has(body.is-authenticated) .banner-art::after { background: color-mix(in srgb, var(--dm-purpleFill) 14.000000000000002%, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) .banner-art::after { background: color-mix(in srgb, var(--dm-blueFill) 14.000000000000002%, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) .banner-sun { background: var(--dm-orangeFill); }:root[data-appearance="dark"]:has(body.is-authenticated) .banner-hill { border-left: 4px solid var(--dm-blueBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) .banner-hill::before,
:root[data-appearance="dark"]:has(body.is-authenticated) .banner-hill::after { background: var(--dm-blueSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .settings-panel { border: 1px solid var(--line); background: var(--surface); box-shadow: var(--shadow); }:root[data-appearance="dark"]:has(body.is-authenticated) .settings-panel-header { border-bottom: 1px solid var(--line); }:root[data-appearance="dark"]:has(body.is-authenticated) .settings-panel-header span { color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .settings-panel-header p { color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .settings-panel a { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .settings-panel a:hover { background: var(--blue-soft); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .platform-hero { border: 1px solid var(--line); background: linear-gradient(180deg, var(--dm-surface), var(--dm-surface)); box-shadow: var(--shadow); }:root[data-appearance="dark"]:has(body.is-authenticated) .platform-hero p { color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .platform-security-note { border: 1px solid var(--dm-greenBorder); background: var(--green-soft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .platform-create-card > .section-heading > svg { color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .owner-mode-option { border: 1px solid var(--line); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .owner-mode-option:has(input:checked) { border-color: var(--dm-blueBorder); background: var(--blue-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) .owner-mode-option strong { color: var(--ink); }:root[data-appearance="dark"]:has(body.is-authenticated) .owner-mode-option small { color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .platform-help.warning { border: 1px solid var(--dm-orangeBorder); background: var(--orange-soft); color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) .platform-table td span:not(.status-badge) { color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .signal-steps button { border: 1px solid var(--line); background: var(--dm-surface); color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .signal-steps button.active { border-color: var(--dm-greenBorder); color: var(--dm-green); background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .signal-day-grid label { border: 1px solid var(--line); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .signal-position-grid label { border: 1px solid var(--line); background: var(--dm-surface); color: var(--ink); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-signal-row { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-signal-row:last-child { border-bottom: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-signal-heading strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-signal-row p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .inline-admin-form { border: 1px solid var(--line); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .site-list-item { border: 1px solid var(--line); background: var(--dm-surface); color: inherit; }:root[data-appearance="dark"]:has(body.is-authenticated) .site-list-item:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .site-list-item.active { border-color: var(--dm-blueBorder); background: var(--blue-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) .site-list-item small { color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .profile-tab { border: 1px solid var(--line); background: var(--dm-surface); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .profile-tab.active { border-color: var(--dm-blueBorder); background: var(--blue-soft); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .selected-row { background: var(--blue-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) .profile-tabs { border-bottom: 1px solid var(--line); }:root[data-appearance="dark"]:has(body.is-authenticated) .profile-summary-grid div { border: 1px solid var(--line); background: var(--surface-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) .profile-summary-grid span { color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .profile-note { color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .permission-preview-item { border: 1px solid var(--line); background: var(--surface-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) .permission-preview-item span { color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .person-row { border: 1px solid transparent; background: transparent; color: inherit; }:root[data-appearance="dark"]:has(body.is-authenticated) .person-row:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .person-row.active { border-color: var(--dm-blueBorder); background: var(--blue-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) .person-row small,
:root[data-appearance="dark"]:has(body.is-authenticated) .person-row em { color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .person-avatar { background: var(--dm-blueSoft); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .person-avatar.large { background: var(--blue-soft); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .person-hero p { color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .profile-stats span,
:root[data-appearance="dark"]:has(body.is-authenticated) .access-pill { border: 1px solid var(--line); background: var(--dm-surface); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .account-summary { border: 1px solid var(--line); background: var(--surface-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) .account-summary span { color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .access-list p { color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .access-pill button { border: 0; background: transparent; color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-drawer { border: 1px solid var(--line); background: var(--surface); box-shadow: var(--shadow); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-drawer summary { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-drawer[open] summary { border-bottom: 1px solid var(--line); }:root[data-appearance="dark"]:has(body.is-authenticated) .card,
:root[data-appearance="dark"]:has(body.is-authenticated) .data-card,
:root[data-appearance="dark"]:has(body.is-authenticated) .metric-card { border: 1px solid var(--line); background: var(--surface); box-shadow: var(--shadow); }:root[data-appearance="dark"]:has(body.is-authenticated) .metric-icon,
:root[data-appearance="dark"]:has(body.is-authenticated) .empty-icon,
:root[data-appearance="dark"]:has(body.is-authenticated) .timeline-dot { background: var(--blue-soft); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .trend { background: var(--dm-raised); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .trend.up { background: var(--green-soft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .trend.down { background: var(--red-soft); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .form-card h3::before { background: var(--dm-blueFill); }:root[data-appearance="dark"]:has(body.is-authenticated) .workflow-command { border: 1px solid var(--line); background: var(--surface); box-shadow: var(--shadow); }:root[data-appearance="dark"]:has(body.is-authenticated) .workflow-command-copy p { color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .sort-header { border: 0; background: transparent; color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .sort-header svg { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .sort-header.active { color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .sort-header.active svg { color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .status-tab,
:root[data-appearance="dark"]:has(body.is-authenticated) .filter-check { border: 1px solid var(--line); background: var(--dm-surface); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .status-tab span { background: var(--dm-raised); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .status-tab.active { border-color: var(--dm-blueBorder); background: var(--blue-soft); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .status-tab.active span { background: var(--dm-surface); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .attention-item { border: 1px solid var(--line); background: var(--dm-surface); color: inherit; }:root[data-appearance="dark"]:has(body.is-authenticated) .attention-item:hover { border-color: var(--dm-blueBorder); background: var(--blue-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) .attention-item.urgent { border-color: var(--dm-redBorder); background: var(--red-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) .attention-item svg { background: var(--orange-soft); color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) .attention-item.urgent svg { background: var(--dm-surface); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .attention-item strong { color: var(--ink); }:root[data-appearance="dark"]:has(body.is-authenticated) .attention-item small { color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .secondary-metrics .metric-card { box-shadow: none; background: var(--surface-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) .workflow-card { border: 1px solid var(--line); background: var(--surface); box-shadow: var(--shadow); }:root[data-appearance="dark"]:has(body.is-authenticated) .workflow-card-header p { color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .workflow-icon { background: var(--dm-blueFill); color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) .workflow-card-green .workflow-icon,
:root[data-appearance="dark"]:has(body.is-authenticated) .green-action { border-color: var(--dm-greenBorder) !important; background: var(--dm-greenFill) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) .workflow-card-purple .workflow-icon,
:root[data-appearance="dark"]:has(body.is-authenticated) .purple-action { border-color: var(--dm-purpleBorder) !important; background: var(--dm-purpleFill) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) .step-badge { background: var(--blue-soft); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .workflow-card-green .step-badge { background: var(--green-soft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .workflow-card-purple .step-badge { background: var(--dm-purpleSoft); color: var(--dm-purple); }:root[data-appearance="dark"]:has(body.is-authenticated) .field.required span::after { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .priority-button { border: 1px solid var(--line); background: var(--surface-soft); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .priority-button.active { background: var(--blue-soft); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .priority-button.low.active { border-color: var(--line-strong); background: var(--dm-raised); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .priority-button.normal.active { border-color: var(--dm-blueBorder); background: var(--blue-soft); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .priority-button.high.active { border-color: var(--dm-orangeBorder); background: var(--orange-soft); color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) .priority-button.critical.active { border-color: var(--dm-redBorder); background: var(--red-soft); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .upload-zone { border: 1px dashed var(--line-strong); background: var(--dm-surface); color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .upload-zone:hover { border-color: var(--dm-blueBorder); background: var(--blue-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) .upload-zone svg { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .upload-zone strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .upload-zone span { color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .upload-zone em { background: var(--dm-raised); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .workflow-note { border: 1px solid var(--line); }:root[data-appearance="dark"]:has(body.is-authenticated) .workflow-note.success { border-color: var(--dm-greenBorder); background: var(--green-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) .assignment-mode-card { border: 1px solid var(--dm-blueBorder); background: var(--blue-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) .assignment-mode-card p { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .role-picker-summary { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .role-picker-summary strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .role-picker-summary span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .role-picker-list { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .role-picker-option { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .role-picker-option input { accent-color: var(--dm-blueFill); }:root[data-appearance="dark"]:has(body.is-authenticated) .role-picker-option small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .workflow-note svg { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .workflow-note p,
:root[data-appearance="dark"]:has(body.is-authenticated) .workflow-tip p { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .workflow-tip { border: 1px solid var(--dm-blueBorder); background: var(--dm-blueSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .workflow-tip svg { color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) .check { color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .check-grid { border: 1px solid var(--line); background: var(--surface-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) .permission-check { border: 1px solid var(--line); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .permission-check small { color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .button,
:root[data-appearance="dark"]:has(body.is-authenticated) .icon-button,
:root[data-appearance="dark"]:has(body.is-authenticated) .mini-button { border: 1px solid var(--line); background: var(--dm-surface); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .button.primary { border-color: var(--dm-blueBorder); background: var(--dm-blueFill); color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) .button.subtle { color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .button.quiet { color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .mini-button { color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .mini-button.danger { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .mini-button.danger-outline { border-color: var(--dm-redBorder); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .mini-button.danger-outline:hover { background: var(--dm-redSoft); border-color: var(--dm-redBorder); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .alert-toolbar { border-top: 1px solid var(--dm-border); border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .alert-filters select { border: 1px solid var(--dm-border); background: var(--dm-mutedSurface); }:root[data-appearance="dark"]:has(body.is-authenticated) .alert-group-card,
:root[data-appearance="dark"]:has(body.is-authenticated) .alert-detail-panel { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .alert-group-card.selected { background: var(--dm-greenSoft); box-shadow: inset 4px 0 0 #008a37; }:root[data-appearance="dark"]:has(body.is-authenticated) .alert-group-card.critical { border-left: 4px solid var(--dm-redBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) .alert-group-card.warning { border-left: 4px solid var(--dm-orangeBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) .alert-group-card.info { border-left: 4px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .alert-group-card h3,
:root[data-appearance="dark"]:has(body.is-authenticated) .alert-detail-header h3 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .alert-group-card p,
:root[data-appearance="dark"]:has(body.is-authenticated) .alert-detail-header p,
:root[data-appearance="dark"]:has(body.is-authenticated) .alert-card-last { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .alert-card-facts span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .alert-card-facts strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .alert-card-stats div,
:root[data-appearance="dark"]:has(body.is-authenticated) .alert-detail-stats div { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .alert-card-stats span,
:root[data-appearance="dark"]:has(body.is-authenticated) .alert-detail-stats span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .alert-card-stats strong,
:root[data-appearance="dark"]:has(body.is-authenticated) .alert-detail-stats strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .alert-detail-section { border-top: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .alert-chart { border: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .alert-chart-bar span { background: linear-gradient(180deg, var(--dm-greenFill) 0%, var(--dm-greenFill) 100%); }:root[data-appearance="dark"]:has(body.is-authenticated) .alert-chart-bar small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .alert-chart-bar b { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .alert-shift-person { border: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .alert-shift-person span,
:root[data-appearance="dark"]:has(body.is-authenticated) .alert-shift-person small,
:root[data-appearance="dark"]:has(body.is-authenticated) .alert-repeat-label { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .modal-inline-list { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .preset-modal-row { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .preset-modal-row:last-child { border-bottom: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) .preset-modal-row strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .preset-modal-row span,
:root[data-appearance="dark"]:has(body.is-authenticated) .preset-modal-row small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .collapse-button { border: 1px solid var(--line); background: var(--dm-surface); color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) th,
:root[data-appearance="dark"]:has(body.is-authenticated) td { border-bottom: 1px solid var(--line); }:root[data-appearance="dark"]:has(body.is-authenticated) th { background: var(--surface-soft); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) tbody tr:hover { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) td { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) td strong { color: var(--ink); }:root[data-appearance="dark"]:has(body.is-authenticated) td span { color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .badge,
:root[data-appearance="dark"]:has(body.is-authenticated) .status-badge.info,
:root[data-appearance="dark"]:has(body.is-authenticated) .status-badge.normal { background: var(--blue-soft); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .status-badge.success,
:root[data-appearance="dark"]:has(body.is-authenticated) .status-badge.active { background: var(--green-soft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .status-badge.danger,
:root[data-appearance="dark"]:has(body.is-authenticated) .status-badge.critical { background: var(--red-soft); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .status-badge.warning,
:root[data-appearance="dark"]:has(body.is-authenticated) .status-badge.high { background: var(--orange-soft); color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) .status-badge.indigo { background: var(--dm-blueSoft); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .status-badge.low,
:root[data-appearance="dark"]:has(body.is-authenticated) .status-badge.neutral { background: var(--dm-raised); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .timeline-item.recognition .timeline-dot { background: var(--green-soft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .timeline-preview { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .timeline-meta > span:not(.status-badge) { background: var(--dm-raised); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .observation-compact-item { border: 1px solid var(--line); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .observation-compact-item:hover { border-color: var(--dm-blueBorder); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .observation-compact-main strong { color: var(--ink); }:root[data-appearance="dark"]:has(body.is-authenticated) .observation-compact-meta span { color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .site-health-button,
:root[data-appearance="dark"]:has(body.is-authenticated) .stack-button { border: 1px solid var(--line); background: var(--dm-surface); color: inherit; }:root[data-appearance="dark"]:has(body.is-authenticated) .site-health-button:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .stack-button:hover { border-color: var(--dm-blueBorder); background: var(--blue-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) .site-health-reasons span { background: var(--surface-soft); color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .site-health-reasons strong { color: var(--ink); }:root[data-appearance="dark"]:has(body.is-authenticated) .progress-track { background: var(--dm-blueSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .progress-track div { background: var(--dm-blueFill); }:root[data-appearance="dark"]:has(body.is-authenticated) .stack-row { border: 1px solid var(--line); }:root[data-appearance="dark"]:has(body.is-authenticated) .site-score-card { border: 1px solid var(--line); background: var(--surface-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) .site-score-card span { color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .site-score-card p { color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .site-metric-strip .metric-card { box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) .stack-row.positive { border-color: var(--dm-greenBorder); background: var(--green-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) .empty-state { color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .empty-state strong { color: var(--ink); }:root[data-appearance="dark"]:has(body.is-authenticated) .toast { background: var(--dm-mutedSurface); color: var(--dm-onBrand); box-shadow: var(--shadow); }:root[data-appearance="dark"]:has(body.is-authenticated) .toast.error { background: var(--dm-redFill); }:root[data-appearance="dark"]:has(body.is-authenticated) .mobile-sheet-backdrop { background: rgba(15, 23, 42, 0.38); }:root[data-appearance="dark"]:has(body.is-authenticated) .mobile-sheet { border: 1px solid var(--line); background: var(--dm-raised); box-shadow: 0 -20px 70px rgba(0,0,0,0.22); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-shift-card,
:root[data-appearance="dark"]:has(body.is-authenticated) .request-item { border: 1px solid var(--line); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-grid { border: 1px solid var(--line); background: var(--line); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-grid-header,
:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-employee-cell,
:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-day-cell { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-grid-header { background: var(--dm-surface); color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-employee-cell span { color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-day-cell { border: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-day-cell:hover { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .shift-pill { background: var(--blue-soft); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .shift-pill small { color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .shift-pill.open_for_pickup,
:root[data-appearance="dark"]:has(body.is-authenticated) .shift-pill.pickup_requested,
:root[data-appearance="dark"]:has(body.is-authenticated) .shift-pill.dropped_requested { background: var(--dm-orangeSoft); color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) .shift-pill.cancelled { background: var(--dm-redSoft); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .cell-add { color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .availability-warning.cannot_work { background: var(--dm-redSoft); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .availability-warning.prefer_off { background: var(--dm-orangeSoft); color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) .mobile-sheet-handle { background: var(--dm-blueSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .mobile-sheet-header span { color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .sheet-action { border: 1px solid var(--line); background: var(--dm-raised); color: inherit; }:root[data-appearance="dark"]:has(body.is-authenticated) .sheet-action.primary { border-color: var(--dm-blueBorder); background: var(--blue-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) .sheet-action.danger { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .sheet-action svg { background: var(--surface-soft); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .sheet-action.danger svg { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .sheet-action small { color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .modal-backdrop { background: rgba(15, 23, 42, 0.42); }:root[data-appearance="dark"]:has(body.is-authenticated) .modal-card { border: 1px solid var(--line); background: var(--dm-raised); box-shadow: 0 24px 80px rgba(0,0,0,0.24); }:root[data-appearance="dark"]:has(body.is-authenticated) .review-grid div,
:root[data-appearance="dark"]:has(body.is-authenticated) .review-note { border: 1px solid var(--line); background: var(--surface-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) .review-grid span,
:root[data-appearance="dark"]:has(body.is-authenticated) .review-note span { color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .review-grid strong,
:root[data-appearance="dark"]:has(body.is-authenticated) .review-note p { color: var(--ink); }:root[data-appearance="dark"]:has(body.is-authenticated) .notification-setting-row { border: 1px solid var(--line); background: var(--surface-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) .notification-setting-row input { accent-color: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) .notification-setting-row strong { color: var(--ink); }:root[data-appearance="dark"]:has(body.is-authenticated) .notification-setting-row small { color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .followup-status-line strong { color: var(--ink); }:root[data-appearance="dark"]:has(body.is-authenticated) .mini-button.active-status { border-color: var(--dm-blueBorder); background: var(--blue-soft); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .comment-item { border: 1px solid var(--line); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .comment-item strong { color: var(--ink); }:root[data-appearance="dark"]:has(body.is-authenticated) .comment-item span { color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .page-header h2 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .page-subtitle { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .search-box,
:root[data-appearance="dark"]:has(body.is-authenticated) .button.subtle,
:root[data-appearance="dark"]:has(body.is-authenticated) .icon-button,
:root[data-appearance="dark"]:has(body.is-authenticated) .soft-select { border-color: color-mix(in srgb, var(--dm-border) 78%, transparent); background: color-mix(in srgb, var(--dm-mutedSurface) 88%, transparent); box-shadow: 0 10px 28px rgba(0,0,0,0.04); }:root[data-appearance="dark"]:has(body.is-authenticated) .button.primary { border-color: var(--dm-blueBorder); background: linear-gradient(135deg, var(--dm-blueFill), var(--dm-blueFill)); color: var(--dm-onBrand); box-shadow: 0 14px 30px rgba(0,0,0,0.18); }:root[data-appearance="dark"]:has(body.is-authenticated) .button.primary:hover { box-shadow: 0 18px 34px rgba(0,0,0,0.22); }:root[data-appearance="dark"]:has(body.is-authenticated) .button.subtle:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .icon-button:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .mini-button:hover { border-color: var(--dm-blueBorder); background: var(--dm-surface); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .card,
:root[data-appearance="dark"]:has(body.is-authenticated) .data-card,
:root[data-appearance="dark"]:has(body.is-authenticated) .admin-section,
:root[data-appearance="dark"]:has(body.is-authenticated) .admin-content,
:root[data-appearance="dark"]:has(body.is-authenticated) .platform-card,
:root[data-appearance="dark"]:has(body.is-authenticated) .platform-create-card,
:root[data-appearance="dark"]:has(body.is-authenticated) .settings-panel,
:root[data-appearance="dark"]:has(body.is-authenticated) .sites-list-panel,
:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-subsection,
:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-list,
:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-side,
:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-grid,
:root[data-appearance="dark"]:has(body.is-authenticated) .modal-card,
:root[data-appearance="dark"]:has(body.is-authenticated) .modal-card-wide,
:root[data-appearance="dark"]:has(body.is-authenticated) .side-drawer { border: 1px solid color-mix(in srgb, var(--dm-border) 86%, transparent); background: color-mix(in srgb, var(--dm-raised) 88%, transparent); box-shadow: 0 18px 48px rgba(0,0,0,0.065); }:root[data-appearance="dark"]:has(body.is-authenticated) .section-heading h3,
:root[data-appearance="dark"]:has(body.is-authenticated) .workflow-command h3,
:root[data-appearance="dark"]:has(body.is-authenticated) .platform-card h3,
:root[data-appearance="dark"]:has(body.is-authenticated) .admin-section h3 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .section-heading p,
:root[data-appearance="dark"]:has(body.is-authenticated) .workflow-command p,
:root[data-appearance="dark"]:has(body.is-authenticated) .platform-card p,
:root[data-appearance="dark"]:has(body.is-authenticated) .admin-section p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .metric-card { border-color: color-mix(in srgb, var(--dm-border) 86%, transparent); background: color-mix(in srgb, var(--dm-surface) 88%, transparent); box-shadow: 0 18px 46px rgba(0,0,0,0.06); }:root[data-appearance="dark"]:has(body.is-authenticated) .metric-card::before { background: linear-gradient(135deg, color-mix(in srgb, var(--dm-blueFill) 10%, transparent), transparent 68%); }:root[data-appearance="dark"]:has(body.is-authenticated) .metric-icon { background: var(--dm-blueSoft); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .metric-card p { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .metric-card small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .status-tabs { border: 1px solid color-mix(in srgb, var(--dm-border) 86%, transparent); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .status-tab { border: 1px solid transparent; background: transparent; color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .status-tab.active { border-color: var(--dm-blueBorder); background: var(--dm-surface); color: var(--dm-blue); box-shadow: 0 10px 24px rgba(0,0,0,0.08); }:root[data-appearance="dark"]:has(body.is-authenticated) .status-tab span { background: var(--dm-blueSoft); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .filter-bar { border: 1px solid color-mix(in srgb, var(--dm-border) 80%, transparent); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .filter-check { border: 1px solid color-mix(in srgb, var(--dm-border) 78%, transparent); background: var(--dm-surface); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .filter-check:has(input:checked) { border-color: var(--dm-blueBorder); background: var(--dm-blueSoft); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .table-scroll { border: 1px solid color-mix(in srgb, var(--dm-border) 84%, transparent); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) thead tr { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) th { border-bottom: 1px solid var(--dm-border); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) td { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) tbody tr:hover { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .mini-button { border-color: var(--dm-blueBorder); background: var(--dm-surface); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .status-badge { border: 1px solid transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) .status-badge.info,
:root[data-appearance="dark"]:has(body.is-authenticated) .status-badge.normal { border-color: var(--dm-blueBorder); background: var(--dm-blueSoft); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .status-badge.indigo { border-color: var(--dm-blueBorder); background: var(--dm-blueSoft); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .status-badge.warning,
:root[data-appearance="dark"]:has(body.is-authenticated) .status-badge.high { border-color: var(--dm-orangeBorder); background: var(--dm-orangeSoft); color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) .status-badge.danger,
:root[data-appearance="dark"]:has(body.is-authenticated) .status-badge.critical { border-color: var(--dm-redBorder); background: var(--dm-redSoft); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .status-badge.success,
:root[data-appearance="dark"]:has(body.is-authenticated) .status-badge.active { border-color: var(--dm-greenBorder); background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .status-badge.low,
:root[data-appearance="dark"]:has(body.is-authenticated) .status-badge.neutral { border-color: var(--dm-border); background: var(--dm-surface); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .attention-item,
:root[data-appearance="dark"]:has(body.is-authenticated) .timeline-item,
:root[data-appearance="dark"]:has(body.is-authenticated) .stack-row,
:root[data-appearance="dark"]:has(body.is-authenticated) .site-health-button,
:root[data-appearance="dark"]:has(body.is-authenticated) .site-list-item,
:root[data-appearance="dark"]:has(body.is-authenticated) .employee-list-item,
:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-shift-card,
:root[data-appearance="dark"]:has(body.is-authenticated) .request-item { border-color: color-mix(in srgb, var(--dm-border) 86%, transparent); background: var(--dm-surface); box-shadow: 0 8px 22px rgba(0,0,0,0.035); }:root[data-appearance="dark"]:has(body.is-authenticated) .attention-item:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .timeline-item:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .stack-row:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .site-health-button:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .site-list-item:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .employee-list-item:hover { border-color: var(--dm-blueBorder); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .attention-item.urgent { border-color: var(--dm-redBorder); background: linear-gradient(135deg, var(--dm-redSoft), var(--dm-surface)); }:root[data-appearance="dark"]:has(body.is-authenticated) .site-list-item.active,
:root[data-appearance="dark"]:has(body.is-authenticated) .employee-list-item.active { background: linear-gradient(135deg, var(--dm-blueSoft), var(--dm-purpleSoft)); }:root[data-appearance="dark"]:has(body.is-authenticated) .site-profile-hero,
:root[data-appearance="dark"]:has(body.is-authenticated) .person-hero,
:root[data-appearance="dark"]:has(body.is-authenticated) .platform-hero { background: linear-gradient(135deg, color-mix(in srgb, var(--dm-surface) 94%, transparent), color-mix(in srgb, var(--dm-surface) 86%, transparent)); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-drawer { border-color: var(--dm-border); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-drawer summary { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-day-cell { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-toolbar .kicker { color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-day-card { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-day-card.scheduled { border-color: var(--dm-blueBorder); background: linear-gradient(180deg, var(--dm-surface), var(--dm-blueSoft)); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-day-card strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-day-card small,
:root[data-appearance="dark"]:has(body.is-authenticated) .my-day-card em { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-day-card b { color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .shift-dot { background: var(--dm-blueFill); }:root[data-appearance="dark"]:has(body.is-authenticated) .no-shift { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-request-row { border: 1px solid var(--dm-border); background: var(--dm-surface); color: inherit; }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-request-row:hover { border-color: var(--dm-blueBorder); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .workspace-polished .data-card,
:root[data-appearance="dark"]:has(body.is-authenticated) .data-card,
:root[data-appearance="dark"]:has(body.is-authenticated) .workflow-command,
:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-toolbar,
:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-summary-card,
:root[data-appearance="dark"]:has(body.is-authenticated) .metric-card,
:root[data-appearance="dark"]:has(body.is-authenticated) .site-health-card,
:root[data-appearance="dark"]:has(body.is-authenticated) .encouragement-banner { border-color: var(--dm-border); box-shadow: 0 10px 28px rgba(0,0,0,0.06); }:root[data-appearance="dark"]:has(body.is-authenticated) .workspace-polished .data-card,
:root[data-appearance="dark"]:has(body.is-authenticated) .data-card,
:root[data-appearance="dark"]:has(body.is-authenticated) .workflow-command,
:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-toolbar { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .page-heading-row h2 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .page-heading-row p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .database-tabs { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .database-tabs button,
:root[data-appearance="dark"]:has(body.is-authenticated) .database-tabs .status-tab,
:root[data-appearance="dark"]:has(body.is-authenticated) .status-tabs .status-tab { border: 0; background: transparent; color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .database-tabs button.active,
:root[data-appearance="dark"]:has(body.is-authenticated) .database-tabs .status-tab.active,
:root[data-appearance="dark"]:has(body.is-authenticated) .status-tabs .status-tab.active { color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .database-tabs button.active::after,
:root[data-appearance="dark"]:has(body.is-authenticated) .database-tabs .status-tab.active::after,
:root[data-appearance="dark"]:has(body.is-authenticated) .status-tabs .status-tab.active::after { background: var(--dm-blueFill); }:root[data-appearance="dark"]:has(body.is-authenticated) .database-tabs span,
:root[data-appearance="dark"]:has(body.is-authenticated) .status-tabs span { background: var(--dm-blueSoft); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .database-table tbody tr,
:root[data-appearance="dark"]:has(body.is-authenticated) .workflow-queue tbody tr { border-left: 2px solid transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) .database-table tbody tr.selected-row,
:root[data-appearance="dark"]:has(body.is-authenticated) .workflow-queue tbody tr.selected-row { outline: 1px solid var(--dm-blueBorder); background: var(--dm-mutedSurface); }:root[data-appearance="dark"]:has(body.is-authenticated) .database-table tbody tr.bulk-selected-row { background: var(--dm-mutedSurface); }:root[data-appearance="dark"]:has(body.is-authenticated) .compact-checkbox { accent-color: var(--dm-blueFill); }:root[data-appearance="dark"]:has(body.is-authenticated) .bulk-action-bar { border: 1px solid var(--dm-blueBorder); background: var(--dm-blueSoft); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .bulk-action-bar strong { color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .row-action-menu { border: 1px solid var(--dm-border); background: var(--dm-raised); box-shadow: 0 16px 32px rgba(0,0,0,0.14); }:root[data-appearance="dark"]:has(body.is-authenticated) .row-action-menu button { border: 0; background: transparent; color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .row-action-menu button:hover { background: var(--dm-raised); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .row-icon,
:root[data-appearance="dark"]:has(body.is-authenticated) .avatar-mini { border: 1px solid var(--dm-border); background: var(--dm-mutedSurface); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .observation-type-chip { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .observation-type-chip.recognition { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .observation-type-chip.coaching { color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) .observation-type-chip.issue { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .detail-panel { border: 1px solid var(--dm-border); background: var(--dm-surface); box-shadow: 0 10px 28px rgba(0,0,0,0.06); }:root[data-appearance="dark"]:has(body.is-authenticated) .detail-panel-header h3 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .detail-field-list { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .detail-field-list span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .detail-field-list strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .detail-section { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .detail-section h4 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .detail-section p { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .panel-tabs { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .panel-tabs button { border: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .panel-tabs button.active { border-color: var(--dm-blueBorder); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .activity-item i { background: var(--dm-blueSoft); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .activity-item small,
:root[data-appearance="dark"]:has(body.is-authenticated) .activity-item time { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .detail-comment-box input { border: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .task-comment-item p { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .comment-meta { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .comment-meta time { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .task-photo-card { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .task-photo-card svg { color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .task-photo-card span { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .task-photo-card small,
:root[data-appearance="dark"]:has(body.is-authenticated) .compact-empty { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .task-side-comment-form textarea { border: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .summary-grid span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .summary-grid strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .button.warning-outline { border-color: var(--dm-orangeBorder); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .button.success-outline { border-color: var(--dm-greenBorder); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .database-footer { border-top: 1px solid var(--dm-border); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .pagination-lite select { border: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-request-row small,
:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-request-row em { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-row-icon.amber { background: var(--dm-orangeSoft); color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-row-icon.green { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-row-icon.red { background: var(--dm-redSoft); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-lower-row { border: 1px solid var(--dm-border); background: var(--dm-surface); box-shadow: 0 8px 22px rgba(0,0,0,0.035); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-lower-row:hover { border-color: var(--dm-blueBorder); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-lower-icon.amber { background: var(--dm-orangeSoft); color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-lower-icon.green { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-lower-icon.blue { background: var(--dm-blueSoft); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-lower-main strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-lower-main span,
:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-lower-main small,
:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-lower-main em { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .request-type-badge { border: 1px solid; }:root[data-appearance="dark"]:has(body.is-authenticated) .request-type-badge.drop { border-color: var(--dm-orangeBorder); background: var(--dm-orangeSoft); color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) .request-type-badge.pickup { border-color: var(--dm-greenBorder); background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .request-meta-grid dt { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .request-meta-grid dd { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-summary-card { border: 1px solid color-mix(in srgb, var(--dm-border) 86%, transparent); background: var(--dm-surface); box-shadow: 0 18px 48px rgba(0,0,0,0.055); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-summary-card div,
:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-summary-card button { border-right: 1px solid var(--dm-border); border-top: 0; border-bottom: 0; border-left: 0; background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-summary-card div:last-child,
:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-summary-card button:last-child { border-right: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-summary-card button:hover { background: var(--dm-orangeSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-summary-card span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-summary-card strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-summary-card .warning span,
:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-summary-card .warning strong { color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-legend { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .legend-dot.scheduled { background: var(--dm-blueFill); }:root[data-appearance="dark"]:has(body.is-authenticated) .legend-dot.open { background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) .legend-dot.pending { background: var(--dm-orangeFill); }:root[data-appearance="dark"]:has(body.is-authenticated) .legend-badge.needs-off { background: var(--dm-redSoft); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .legend-badge.prefer-off { background: var(--dm-orangeSoft); color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) .legend-dash { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-grid { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-grid-header,
:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-employee-cell,
:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-day-cell,
:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-total-cell,
:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-total-label { border-right: 1px solid var(--dm-border); border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-grid-header { background: var(--dm-surface); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-grid-header small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-employee-cell { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-day-cell { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-day-cell:hover { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-day-cell.drag-over { outline: 2px solid var(--dm-blueBorder); background: var(--dm-blueSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .shift-pill { border: 1px solid var(--dm-blueBorder); background: var(--dm-blueSoft); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .shift-pill.scheduled,
:root[data-appearance="dark"]:has(body.is-authenticated) .shift-pill.reassigned { border-color: var(--dm-blueBorder); background: var(--dm-blueSoft); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .shift-pill.open,
:root[data-appearance="dark"]:has(body.is-authenticated) .shift-pill.open_for_pickup { border-color: var(--dm-greenBorder); background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .shift-pill.pickup_requested { border-color: var(--dm-blueBorder); background: var(--dm-blueSoft); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .shift-pill.dropped_requested,
:root[data-appearance="dark"]:has(body.is-authenticated) .shift-pill.drop_requested { border-color: var(--dm-orangeBorder); background: var(--dm-orangeSoft); color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) .shift-pill.cancelled { border-color: var(--dm-border); background: var(--dm-surface); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .availability-corner { color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) .conflict-badge { border: 1px solid transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) .conflict-badge.needs-off::before { background: var(--dm-redFill); color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) .conflict-badge.prefer-off::before { background: var(--dm-orangeFill); color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) .conflict-badge.needs-off { border-color: var(--dm-redBorder); background: var(--dm-redSoft); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .conflict-badge.unavailable { border-color: var(--dm-redBorder); background: var(--dm-redSoft); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .conflict-badge.prefer-off { border-color: var(--dm-orangeBorder); background: var(--dm-orangeSoft); color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) .conflict-badge:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .conflict-badge:focus-visible { box-shadow: 0 0 0 3px rgba(0,0,0,0.12); }:root[data-appearance="dark"]:has(body.is-authenticated) .availability-warning-panel { border: 1px solid; }:root[data-appearance="dark"]:has(body.is-authenticated) .availability-warning-panel.needs-off { border-color: var(--dm-redBorder); background: var(--dm-redSoft); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .availability-warning-panel.prefer-off { border-color: var(--dm-orangeBorder); background: var(--dm-orangeSoft); color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) .warning-panel-icon { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .conflict-intro { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .conflict-detail-card { border: 1px solid; }:root[data-appearance="dark"]:has(body.is-authenticated) .conflict-detail-card.needs-off { border-color: var(--dm-redBorder); background: var(--dm-redSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .conflict-detail-card.prefer-off { border-color: var(--dm-orangeBorder); background: var(--dm-orangeSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .conflict-detail-card dt { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .conflict-detail-card dd { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-total-cell,
:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-total-label { background: var(--dm-surface); color: var(--dm-muted); }@media (max-width: 860px) {:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar { border-right: 0; border-bottom: 1px solid var(--line); }:root[data-appearance="dark"]:has(body.is-authenticated) .workflow-queue tr { border: 1px solid var(--line); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .workflow-queue td { border: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) .workflow-queue td::before { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-followup-row { border: 1px solid var(--line); }:root[data-appearance="dark"]:has(body.is-authenticated) tbody tr { border: 1px solid var(--line); background: var(--dm-surface); box-shadow: 0 6px 16px rgba(0,0,0,0.04); }:root[data-appearance="dark"]:has(body.is-authenticated) td { border-bottom: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) td::before { color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .modal-form > .button.primary,
:root[data-appearance="dark"]:has(body.is-authenticated) #reviewCloseForm .button.primary { box-shadow: 0 -8px 18px rgba(0,0,0,0.9); }:root[data-appearance="dark"]:has(body.is-authenticated) .mobile-bottom-nav { border-top: 1px solid var(--line); background: color-mix(in srgb, var(--dm-raised) 96%, transparent); box-shadow: 0 -10px 30px rgba(0,0,0,0.08); }:root[data-appearance="dark"]:has(body.is-authenticated) .mobile-bottom-nav button { border: 0; background: transparent; color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .mobile-bottom-nav button.active { background: var(--blue-soft); color: var(--dm-blue); } }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .workflow-task-empty-row .task-empty-state-full { border-top: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-assignment-cell small,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-date-cell small,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .followup-title-line small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .selected-row { outline: 0; background: var(--dm-greenSoft); box-shadow: inset 3px 0 0 #128a2e; }:root[data-appearance="dark"]:has(body.is-authenticated) .task-detail-number { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .task-status-dropdown { border: 1px solid var(--dm-border); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) .task-status-dropdown:hover { border-color: color-mix(in srgb, var(--dm-greenBorder) 45%, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) .task-status-menu { border: 1px solid var(--dm-border); background: var(--dm-raised); box-shadow: 0 14px 30px rgba(0,0,0,0.14); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowView.active .task-detail-panel { border: 1px solid var(--dm-border); background: radial-gradient(circle at top right, color-mix(in srgb, var(--dm-greenFill) 10%, transparent), transparent 36%),
    linear-gradient(180deg, var(--dm-surface) 0%, var(--dm-surface) 70%, var(--dm-surface) 100%); box-shadow: 0 14px 34px rgba(0,0,0,0.08); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowView.active .task-detail-panel::before { background: linear-gradient(90deg, var(--dm-greenFill), var(--dm-greenFill)); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowView.active .task-metric-card { border-color: var(--dm-border); box-shadow: 0 10px 24px rgba(0,0,0,0.06); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowView.active .pagination-ellipsis { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-status-dropdown { border: 1px solid var(--dm-border); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-status-menu button { border: 0; background: transparent; color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-status-menu button:hover { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .task-status-menu button { border: 0; background: transparent; color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .task-status-menu button:hover { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal .followup-fields { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal .button.primary[type="submit"] { box-shadow: 0 -8px 18px rgba(0,0,0,0.92); }:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-modal { background: color-mix(in srgb, var(--dm-raised) 57.99999999999999%, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-card { border: 1px solid var(--dm-border); background: var(--dm-surface); box-shadow: 0 24px 70px rgba(0,0,0,0.26); }:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-header h3 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-close { border: 0; background: transparent; box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-field > span { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-control { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-control:focus-within { border-color: var(--dm-blueBorder); box-shadow: 0 0 0 2px rgba(0,0,0,0.14); }:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-control svg { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-control input,
:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-control select,
:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-control textarea { border: 0; outline: 0; background: transparent; color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-control input::placeholder,
:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-control textarea::placeholder { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .textarea-control em { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .task-urgency-options,
:root[data-appearance="dark"]:has(body.is-authenticated) .task-assignment-tabs { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .task-urgency-option,
:root[data-appearance="dark"]:has(body.is-authenticated) .task-assignment-tabs button { border: 0; border-right: 1px solid var(--dm-border); background: var(--dm-surface); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .task-urgency-option:last-child,
:root[data-appearance="dark"]:has(body.is-authenticated) .task-assignment-tabs button:last-child { border-right: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) .task-urgency-option.low.active { background: var(--dm-surface); color: var(--dm-muted); box-shadow: inset 0 0 0 2px #cbd5e1; }:root[data-appearance="dark"]:has(body.is-authenticated) .task-urgency-option.normal.active { background: var(--dm-blueSoft); color: var(--dm-blue); box-shadow: inset 0 0 0 2px #4f7cff; }:root[data-appearance="dark"]:has(body.is-authenticated) .task-urgency-option.high { color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) .task-urgency-option.high.active { background: var(--dm-orangeSoft); color: var(--dm-orange); box-shadow: inset 0 0 0 2px #fdba74; }:root[data-appearance="dark"]:has(body.is-authenticated) .task-urgency-option.critical { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .task-urgency-option.critical.active { background: var(--dm-redSoft); color: var(--dm-red); box-shadow: inset 0 0 0 2px #f87171; }:root[data-appearance="dark"]:has(body.is-authenticated) .task-upload-box { border: 1px dashed var(--dm-border); background: var(--dm-surface); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .task-upload-box.drag-over,
:root[data-appearance="dark"]:has(body.is-authenticated) .task-upload-box:hover { border-color: var(--dm-greenBorder); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .task-upload-box svg { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .task-upload-box small,
:root[data-appearance="dark"]:has(body.is-authenticated) .task-upload-box em { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-header > div:first-child p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .task-source-attachments { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .task-source-attachments legend { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .task-source-attachments label { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .task-source-attachments small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-divider { background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .task-assigning-section h4 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .task-assignment-tabs button.active { background: var(--dm-greenSoft); color: var(--dm-green); box-shadow: inset 0 0 0 2px #16a34a; }:root[data-appearance="dark"]:has(body.is-authenticated) .task-assignment-message { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .task-assignment-message.success { border-color: var(--dm-greenBorder); background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .task-assignment-message p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .task-search-input { border: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .task-search-results { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .task-search-results button { border: 0; border-bottom: 1px solid var(--dm-border); background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) .task-search-results button.selected,
:root[data-appearance="dark"]:has(body.is-authenticated) .task-search-results button:hover { background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .task-search-results strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .task-search-results small,
:root[data-appearance="dark"]:has(body.is-authenticated) .task-search-results p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .task-chip-row button { border: 1px solid var(--dm-greenBorder); background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .field-error { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-footer { border-top: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-cancel { border: 1px solid var(--dm-border); background: var(--dm-surface); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-submit { border-color: var(--dm-greenBorder); background: linear-gradient(180deg, var(--dm-greenFill) 0%, var(--dm-greenFill) 100%); box-shadow: 0 10px 18px rgba(0,0,0,0.22); color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) input[type="date"],
:root[data-appearance="dark"]:has(body.is-authenticated) input[type="time"],
:root[data-appearance="dark"]:has(body.is-authenticated) input[type="datetime-local"] { border: 1px solid var(--dm-border); background-color: var(--dm-mutedSurface); color: var(--dm-text); color-scheme: dark; }:root[data-appearance="dark"]:has(body.is-authenticated) input[type="date"]:focus,
:root[data-appearance="dark"]:has(body.is-authenticated) input[type="time"]:focus,
:root[data-appearance="dark"]:has(body.is-authenticated) input[type="datetime-local"]:focus { border-color: var(--dm-greenBorder); box-shadow: 0 0 0 3px rgba(0,0,0,0.13); outline: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-control input[type="date"],
:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-control input[type="time"] { border: 0; background: transparent; box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-modal .create-task-footer { background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-modal .create-task-control:focus-within,
:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-modal .task-search-input:focus,
:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-modal .task-upload-box:focus-within { border-color: var(--dm-greenBorder); box-shadow: 0 0 0 1px #087a1e; }:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-modal input,
:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-modal select,
:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-modal textarea,
:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-modal button,
:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-modal [tabindex] { outline: none !important; }:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-modal input:focus,
:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-modal select:focus,
:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-modal textarea:focus,
:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-modal button:focus,
:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-modal [tabindex]:focus { outline: none !important; box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-modal input:focus-visible,
:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-modal select:focus-visible,
:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-modal textarea:focus-visible,
:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-modal button:focus-visible,
:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-modal [tabindex]:focus-visible { outline: none !important; box-shadow: 0 0 0 1px #087a1e; }:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-modal .create-task-control input:focus-visible,
:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-modal .create-task-control select:focus-visible,
:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-modal .create-task-control textarea:focus-visible { box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-modal .create-task-control select,
:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-modal .create-task-control input,
:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-modal .create-task-control textarea { border: 0 !important; background: transparent !important; box-shadow: none !important; }:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-modal .create-task-control select { background-image: linear-gradient(45deg, transparent 50%, var(--dm-raised) 50%), linear-gradient(135deg, var(--dm-raised) 50%, transparent 50%) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-modal .task-assignment-tabs { border: 0; background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-modal .task-assignment-tabs button { border: 1px solid var(--dm-border); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-modal .task-assignment-tabs button:last-child { border-right: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-modal .task-assignment-tabs button.active { background: var(--dm-greenSoft); border-color: var(--dm-greenBorder); color: var(--dm-green); box-shadow: inset 0 0 0 1px #087a1e; }:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-modal .create-task-select-wrap { border: 1px solid var(--dm-border); background: var(--dm-raised); box-shadow: 0 1px 0 rgba(0,0,0,0.03); }:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-modal .create-task-select-wrap:hover { border-color: var(--dm-border); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-modal .create-task-select-wrap:focus-within { border-color: var(--dm-greenBorder); box-shadow: 0 0 0 1px #087a1e; }:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-modal .create-task-select-icon { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-modal .create-task-select-caret { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-modal .create-task-control .create-task-select-control { color: var(--dm-text); background-image: none !important; }:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-modal .task-search-input { border: 1px solid var(--dm-border); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-modal .task-search-results { border: 1px solid var(--dm-border); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-modal .task-search-results button { border: 0; border-bottom: 1px solid var(--dm-border); background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-modal .task-search-results button:last-child { border-bottom: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-modal .task-search-results button:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-modal .task-search-results button.selected { background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-modal .task-search-results .create-task-user-result-main { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-modal .task-search-results .create-task-user-result-email { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) { --bg: var(--dm-background); --blue: var(--dm-greenFill); --blue-soft: var(--dm-greenSoft); --green: var(--dm-greenFill); --green-soft: var(--dm-greenSoft); --shadow-soft: 0 18px 38px rgba(0,0,0,0.05); }:root[data-appearance="dark"]:has(body.is-authenticated) body { background: var(--dm-background); }:root[data-appearance="dark"]:has(body.is-authenticated) button:focus-visible,
:root[data-appearance="dark"]:has(body.is-authenticated) a:focus-visible { outline-color: color-mix(in srgb, var(--dm-greenBorder) 28.000000000000004%, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar { border-right: 0; background: radial-gradient(circle at 55% 8%, color-mix(in srgb, var(--dm-greenFill) 36%, transparent), transparent 35%),
    linear-gradient(180deg, var(--dm-greenFill) 0%, var(--dm-greenFill) 42%, var(--dm-greenFill) 100%); color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) .brand-mark { background: transparent; box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) .flow-line,
:root[data-appearance="dark"]:has(body.is-authenticated) .flow-line.top,
:root[data-appearance="dark"]:has(body.is-authenticated) .flow-line.bottom { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .flow-dot { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .flow-dot.start { border-color: var(--dm-border); background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) .brand-row h1 { color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) .profile-card { border: 1px solid color-mix(in srgb, var(--dm-border) 22%, transparent); background: color-mix(in srgb, var(--dm-surface) 9%, transparent); color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) .profile-card span { color: color-mix(in srgb, var(--dm-onBrand) 82%, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) .profile-card strong { color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) .profile-card svg { color: color-mix(in srgb, var(--dm-onBrand) 86%, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) .profile-avatar { background: color-mix(in srgb, var(--dm-mutedSurface) 18%, transparent); color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) .nav-tab { border: 0; color: color-mix(in srgb, var(--dm-onBrand) 94%, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) .nav-tab:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .nav-tab.active { background: color-mix(in srgb, var(--dm-surface) 18%, transparent); color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) .help-card { border: 1px solid color-mix(in srgb, var(--dm-border) 22%, transparent); background: color-mix(in srgb, var(--dm-surface) 8%, transparent); color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) .help-card div { border: 2px solid color-mix(in srgb, var(--dm-border) 82%, transparent); background: transparent; color: var(--dm-onBrand); box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) .help-card strong { color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) .help-card small { color: color-mix(in srgb, var(--dm-onBrand) 80%, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) .help-card > svg { color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) .collapse-button { border: 0; border-top: 1px solid color-mix(in srgb, var(--dm-border) 20%, transparent); background: color-mix(in srgb, var(--dm-mutedSurface) 8%, transparent); color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) .main { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .page-header h2 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .page-subtitle { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .scope-toggle { border: 0; background: transparent; box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) .scope-toggle button { border: 1px solid var(--dm-border); background: var(--dm-surface); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .scope-toggle button.active { border-color: var(--dm-greenBorder); background: var(--dm-greenFill); color: var(--dm-onBrand); box-shadow: 0 10px 22px rgba(0,0,0,0.18); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-kpi-card,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-soft-card,
:root[data-appearance="dark"]:has(body.is-authenticated) .encouragement-banner { border: 1px solid var(--dm-border); background: var(--dm-surface); box-shadow: 0 10px 26px rgba(0,0,0,0.035); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-kpi-icon { background: var(--dm-greenSoft) !important; color: var(--dm-green) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-kpi-copy strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-kpi-copy span { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-kpi-copy small { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-kpi-arrow { border: 0; background: transparent; color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-card-header h3 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-card-header p { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .live-badge { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .live-badge i { background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-metric-row { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-metric-icon { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-metric-copy strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-metric-copy b { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-metric-copy small,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-metric-trend small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-metric-trend.up b { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-metric-trend.ok b { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-metric-trend.ok i { background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-metric-trend.muted b { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-metric-trend.muted i { background: var(--dm-mutedSurface); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-metric-trend.moderate b { color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-metric-trend.moderate i { background: var(--dm-orangeFill); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-card-action { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .followup-helper-panel { border-color: var(--dm-border); background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .helper-clipboard { border-color: var(--dm-greenBorder); background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .followup-helper-panel strong { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .segmented-mini { border: 0; background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) .segmented-mini button { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .segmented-mini button.active { background: transparent; color: var(--dm-green); box-shadow: inset 0 -3px 0 #137a0c; }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-switch-panel,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-fade-panel { border-color: var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .leaderboard-list .empty-icon { background: transparent; color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .encouragement-banner { border-color: var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .encouragement-icon { border: 2px solid var(--dm-greenBorder); background: var(--dm-surface); color: var(--dm-green); box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) .encouragement-banner strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .encouragement-banner p { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .banner-hill { border: 1px solid color-mix(in srgb, var(--dm-greenBorder) 45%, transparent); background: color-mix(in srgb, var(--dm-greenSoft) 55.00000000000001%, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) .banner-sun { background: var(--dm-orangeFill); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .main { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #openMyActivity { border-color: var(--dm-border); background: var(--dm-surface); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #headerPrimaryAction { background: var(--dm-greenFill); border-color: var(--dm-greenBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) .button.primary { border-color: var(--dm-greenBorder); background: var(--dm-greenFill); color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) .button.primary:hover { background: var(--dm-greenFill); border-color: var(--dm-greenBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) .task-metric-card { border: 1px solid var(--dm-border); background: var(--dm-surface); box-shadow: 0 10px 26px rgba(0,0,0,0.035); }:root[data-appearance="dark"]:has(body.is-authenticated) .task-metric-card.green .task-metric-icon { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .task-metric-card.blue .task-metric-icon { background: var(--dm-blueSoft); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .task-metric-card.red .task-metric-icon { background: var(--dm-redSoft); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .task-metric-card.purple .task-metric-icon { background: var(--dm-purpleSoft); color: var(--dm-purple); }:root[data-appearance="dark"]:has(body.is-authenticated) .task-metric-card div > span { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .task-metric-card strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .task-trend { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .task-trend.good b { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .task-trend.bad b { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .task-trend.neutral b { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .workflow-queue,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-detail-panel { border: 1px solid var(--dm-border); background: var(--dm-surface); box-shadow: 0 10px 26px rgba(0,0,0,0.035); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .database-tabs button.active,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .status-tabs .status-tab.active { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .database-tabs button.active::after,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .status-tabs .status-tab.active::after { background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .database-tabs span,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .status-tabs span { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .queue-controls { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .workflow-clear-filters { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .workflow-queue table th { color: var(--dm-text); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .workflow-queue tbody tr.selected-row { outline: 1px solid color-mix(in srgb, var(--dm-greenBorder) 45%, transparent); background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .followup-title-cell small,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] td small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .row-menu-button { border: 0; background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) .task-detail-top > span { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .detail-panel-header { border-bottom: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .detail-panel-header p { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .detail-field-list { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .detail-field-list div { border: 0; background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .detail-section { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-action-bar { border-top: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .main { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-toolbar,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .data-card,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-summary-card { border: 1px solid var(--dm-border); background: var(--dm-surface); box-shadow: 0 10px 26px rgba(0,0,0,0.035); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-toolbar .kicker { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-toolbar h3 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-toolbar p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #scheduleModeTabs { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #scheduleModeTabs .status-tab { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #scheduleModeTabs .status-tab.active { background: var(--dm-greenSoft); color: var(--dm-green); box-shadow: inset 0 0 0 1px rgba(0,0,0,0.18); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-content-heading h3 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-content-heading p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .section-heading h3 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .section-heading p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-day-card { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-day-card:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .my-day-card:focus-visible { border-color: color-mix(in srgb, var(--dm-greenBorder) 38%, transparent); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-day-card.active { border-color: color-mix(in srgb, var(--dm-greenBorder) 35%, transparent); background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-day-card strong,
:root[data-appearance="dark"]:has(body.is-authenticated) .my-day-card b { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-day-card small,
:root[data-appearance="dark"]:has(body.is-authenticated) .my-day-card em { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .selected-day-detail { border-top: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .selected-day-detail h4 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .shift-time-column { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .shift-time-column span { background: var(--dm-blueSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .selected-shift-card { border: 1px solid var(--dm-border); background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .selected-shift-card strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .selected-shift-card small,
:root[data-appearance="dark"]:has(body.is-authenticated) .selected-shift-card em { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .selected-shift-card p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-summary-card i,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-summary-card svg { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-summary-card span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-summary-card strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-summary-card .warning svg { background: var(--dm-orangeSoft); color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-grid { border: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-grid-header,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-employee-cell,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-day-cell,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-total-cell,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-total-label { border-color: var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-grid-header { background: var(--dm-surface); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .shift-pill { border: 1px solid var(--dm-blueBorder); background: var(--dm-blueSoft); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .shift-pill small { color: inherit; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .shift-pill.open,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .shift-pill.open_for_pickup { border-color: var(--dm-greenBorder); background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .conflict-badge.needs-off { border: 1px solid var(--dm-redBorder); background: var(--dm-redSoft); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .conflict-badge.unavailable { border: 1px solid var(--dm-redBorder); background: var(--dm-redSoft); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .conflict-badge.prefer-off { border: 1px solid var(--dm-orangeBorder); background: var(--dm-orangeSoft); color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-request-row { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] button.schedule-request-row:hover { border-color: color-mix(in srgb, var(--dm-greenBorder) 32%, transparent); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-row-icon.green,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-lower-icon.green { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-row-icon.amber,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-lower-icon.amber { background: var(--dm-orangeSoft); color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-row-icon.red,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-lower-icon.red { background: var(--dm-redSoft); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-lower-row { border: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .request-meta-grid dt { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .request-meta-grid dd { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .request-type-badge.drop { background: var(--dm-orangeSoft); color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .request-type-badge.pickup { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .legend-badge.cannot-work { border: 1px solid var(--dm-redBorder); background: var(--dm-redSoft); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-lower-row { box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .main { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .topbar p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #headerPrimaryAction { border-color: var(--dm-greenBorder); background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-metric-card { box-shadow: 0 8px 22px rgba(0,0,0,0.03); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .workflow-queue,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-detail-panel { border: 1px solid var(--dm-border); background: var(--dm-surface); box-shadow: 0 8px 22px rgba(0,0,0,0.03); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .database-tabs { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .database-tabs button { border: 0; background: transparent; color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .database-tabs button.active { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .database-tabs button.active::after { background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .database-tabs button span { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .queue-controls { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .filter-select select { border: 1px solid var(--dm-border); background: var(--dm-mutedSurface); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .workflow-clear-filters { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .workflow-sort-control { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .workflow-sort-control .soft-link { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .workflow-queue table th { background: var(--dm-surface); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .workflow-queue table td { border-bottom: 1px solid var(--dm-border); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .workflow-queue input[type="checkbox"] { accent-color: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .workflow-queue tbody tr:hover { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .workflow-queue tbody tr.selected-row { outline: 0; box-shadow: inset 3px 0 0 #137a0c; background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .followup-title-line strong,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-date-cell strong,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-assignment-cell strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .followup-title-cell small,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] td small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-assignment-cell svg,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-location-cell svg { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .row-menu-button { border: 0; background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-status-dropdown { border: 1px solid var(--dm-border); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-status-dropdown svg { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .detail-panel-header { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .detail-field-list { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .detail-field-list span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .detail-field-list strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .detail-field-list strong small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .detail-section { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .detail-section h4 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .detail-section p { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .comment-meta { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .comment-meta strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) #workflowView.active .workflow-queue,
:root[data-appearance="dark"]:has(body.is-authenticated) #workflowView.active .task-detail-panel { border: 1px solid var(--dm-border); background: var(--dm-surface); box-shadow: 0 8px 22px rgba(0,0,0,0.03); }:root[data-appearance="dark"]:has(body.is-authenticated) #workflowView.active .queue-controls { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) #workflowView.active .task-tabs-header { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) #workflowView.active .task-tabs-header .database-tabs { border-bottom: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) #workflowView.active .filter-bar { border: 0; background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) #workflowView.active .filter-select select { border: 1px solid var(--dm-border); background: var(--dm-mutedSurface); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) #workflowView.active .workflow-queue tbody tr.selected-row { outline: 0 !important; border: 0 !important; box-shadow: inset 3px 0 0 #137a0c !important; background: var(--dm-greenSoft) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) .workflow-table-footer { border-top: 1px solid var(--dm-border); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .page-button { border: 0; background: transparent; color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .page-button.active { border: 1px solid var(--dm-greenBorder); background: var(--dm-surface); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) #workflowView.active .workflow-table-footer .soft-link { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar { background: radial-gradient(circle at 54% 6%, color-mix(in srgb, var(--dm-greenFill) 28.000000000000004%, transparent), transparent 34%),
    linear-gradient(180deg, var(--dm-greenFill) 0%, var(--dm-greenFill) 48%, var(--dm-raised) 100%); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .main { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-dashboard-top h2 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-dashboard-top p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-header-avatar { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-notification-dot { background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-card { border: 1px solid var(--dm-border); background: var(--dm-surface); box-shadow: 0 12px 30px rgba(0,0,0,0.045); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-card-accent { background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-card h3,
:root[data-appearance="dark"]:has(body.is-authenticated) .employee-card-title h3 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-card-header p,
:root[data-appearance="dark"]:has(body.is-authenticated) .employee-card p,
:root[data-appearance="dark"]:has(body.is-authenticated) .employee-muted { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-icon-box { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-shift-time { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-shift-location { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-shift-location svg { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-shift-location small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-chip-row span { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-card-link { border: 0; background: transparent; color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .progress-ring { --progress: 0; background: radial-gradient(circle, var(--dm-surface) 58%, transparent 59%),
    conic-gradient(var(--dm-greenFill) calc(var(--dm-blueFill) * 1%), var(--dm-blueSoft) 0); }:root[data-appearance="dark"]:has(body.is-authenticated) .progress-ring span { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .progress-ring small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-trend { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .progress-stat-grid div { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .progress-stat-grid span,
:root[data-appearance="dark"]:has(body.is-authenticated) .progress-stat-grid small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .progress-stat-grid strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .progress-stat-grid small { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-leader-row.current,
:root[data-appearance="dark"]:has(body.is-authenticated) .employee-leader-row:hover { background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-leader-row b { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-leader-row small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-task-head { border-bottom: 1px solid var(--dm-border); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-task-row { border: 0; border-bottom: 1px solid var(--dm-border); background: transparent; color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-task-row:hover { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-card-footer-note { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .hours-value { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .hours-bars i { background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) .hours-bars small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .empty-dashboard-copy strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .empty-dashboard-copy span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-dashboard-footer { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .workflow-bulk-actions { border-bottom: 1px solid var(--dm-border); background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .workflow-bulk-actions span { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .workflow-bulk-actions span strong { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .workflow-bulk-actions .button.success-outline { border-color: color-mix(in srgb, var(--dm-greenBorder) 32%, transparent); background: var(--dm-surface); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .workflow-bulk-actions .button.success-outline:hover { background: var(--dm-greenFill); color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) { --bg: var(--dm-background); --surface: var(--dm-surface); --surface-soft: var(--dm-surface); --ink: var(--dm-text); --muted: var(--dm-muted); --line: var(--dm-border); --line-strong: var(--dm-border); --blue: var(--dm-blueFill); --blue-soft: var(--dm-blueSoft); --green: var(--dm-greenFill); --green-soft: var(--dm-greenSoft); --orange: var(--dm-orangeFill); --orange-soft: var(--dm-orangeSoft); --red: var(--dm-redFill); --red-soft: var(--dm-redSoft); --shadow: 0 2px 8px rgba(0,0,0,0.04); --shadow-soft: 0 6px 18px rgba(0,0,0,0.055); --text-page-title: 32px; --text-section-title: 16px; --text-body: 14px; --text-small: 12px; --text-table: 13px; --text-badge: 11px; }:root[data-appearance="dark"]:has(body.is-authenticated) body { background: var(--dm-background); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar { border-right: 0; background: radial-gradient(circle at 52% 9%, color-mix(in srgb, var(--dm-greenFill) 28.000000000000004%, transparent), transparent 38%),
    linear-gradient(180deg, var(--dm-greenFill) 0%, var(--dm-greenFill) 42%, var(--dm-greenFill) 100%); color: var(--dm-onBrand); box-shadow: inset -1px 0 0 rgba(0,0,0,0.08); }:root[data-appearance="dark"]:has(body.is-authenticated) .brand-mark { background: transparent; box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) .brand-row h1 { color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) .flow-line { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .flow-dot { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .flow-dot.start { border-color: var(--dm-border); background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) .profile-card { border: 1px solid color-mix(in srgb, var(--dm-border) 20%, transparent); background: color-mix(in srgb, var(--dm-surface) 12%, transparent); color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) .profile-card:hover { background: color-mix(in srgb, var(--dm-surface) 17%, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) .profile-avatar { background: color-mix(in srgb, var(--dm-mutedSurface) 18%, transparent); color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) .profile-card strong,
:root[data-appearance="dark"]:has(body.is-authenticated) .profile-card span { color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) .nav-tab { color: color-mix(in srgb, var(--dm-onBrand) 92%, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) .nav-tab:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .nav-tab.active { background: color-mix(in srgb, var(--dm-surface) 18%, transparent); color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) .help-card { border: 1px solid color-mix(in srgb, var(--dm-border) 22%, transparent); background: color-mix(in srgb, var(--dm-surface) 10%, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) .help-card,
:root[data-appearance="dark"]:has(body.is-authenticated) .help-card strong,
:root[data-appearance="dark"]:has(body.is-authenticated) .help-card small { color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) .collapse-button { border-top: 1px solid color-mix(in srgb, var(--dm-border) 18%, transparent); color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) .main,
:root[data-appearance="dark"]:has(body.is-authenticated) .workspace { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .button,
:root[data-appearance="dark"]:has(body.is-authenticated) .icon-button,
:root[data-appearance="dark"]:has(body.is-authenticated) .soft-select,
:root[data-appearance="dark"]:has(body.is-authenticated) select,
:root[data-appearance="dark"]:has(body.is-authenticated) input,
:root[data-appearance="dark"]:has(body.is-authenticated) textarea { border-color: var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .button.primary,
:root[data-appearance="dark"]:has(body.is-authenticated) .button.success,
:root[data-appearance="dark"]:has(body.is-authenticated) #headerPrimaryAction { border-color: var(--dm-greenBorder); background: var(--dm-greenFill); color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) .button.primary:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .button.success:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) #headerPrimaryAction:hover { background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) .card,
:root[data-appearance="dark"]:has(body.is-authenticated) .data-card,
:root[data-appearance="dark"]:has(body.is-authenticated) .database-card,
:root[data-appearance="dark"]:has(body.is-authenticated) .workflow-queue,
:root[data-appearance="dark"]:has(body.is-authenticated) .task-detail-panel,
:root[data-appearance="dark"]:has(body.is-authenticated) .employee-card { border: 1px solid var(--dm-border); background: var(--dm-surface); box-shadow: 0 2px 8px rgba(0,0,0,0.04); }:root[data-appearance="dark"]:has(body.is-authenticated) table th { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) table td { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .main { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-dashboard-top h2 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-dashboard-top p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-dashboard-actions .button,
:root[data-appearance="dark"]:has(body.is-authenticated) .employee-dashboard-actions .icon-button { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-header-avatar { border: 1px solid var(--dm-border); background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-card { box-shadow: 0 2px 9px rgba(0,0,0,0.045); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-icon-box { border: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-status-pill { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-card-link { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .progress-ring { background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) .progress-ring-track,
:root[data-appearance="dark"]:has(body.is-authenticated) .progress-ring-value { fill: none; }:root[data-appearance="dark"]:has(body.is-authenticated) .progress-ring-track { stroke: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .progress-ring span { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .progress-ring small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-trend { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .spark-grid line { stroke: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .spark-grid text,
:root[data-appearance="dark"]:has(body.is-authenticated) .spark-labels text { fill: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-leader-row b { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-leader-row strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-announcement-row { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-announcement-row:last-child { border-bottom: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-announcement-row strong,
:root[data-appearance="dark"]:has(body.is-authenticated) .shift-note-card span { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-announcement-row p,
:root[data-appearance="dark"]:has(body.is-authenticated) .shift-note-card p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-announcement-row small,
:root[data-appearance="dark"]:has(body.is-authenticated) .shift-note-card small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .shift-note-card { border-left: 3px solid var(--dm-greenBorder); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-dashboard-footer { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .main { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .page-header h2 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .page-subtitle { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .search-box { border-color: var(--dm-border); box-shadow: 0 8px 18px rgba(0,0,0,0.04); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .button.subtle,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .icon-button { border-color: var(--dm-border); background: var(--dm-surface); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #headerPrimaryAction { border-color: var(--dm-greenBorder); background: linear-gradient(180deg, var(--dm-greenFill) 0%, var(--dm-greenFill) 100%); box-shadow: 0 10px 18px rgba(0,0,0,0.22); color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #headerPrimaryAction:hover { border-color: var(--dm-greenBorder); background: linear-gradient(180deg, var(--dm-greenFill) 0%, var(--dm-greenFill) 100%); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-metric-card { border-color: var(--dm-border); box-shadow: 0 12px 24px rgba(0,0,0,0.04); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-metric-card span:not(.task-metric-icon) { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-metric-card strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-trend { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .workflow-queue,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-detail-panel { border-color: var(--dm-border); background: var(--dm-surface); box-shadow: 0 14px 28px rgba(0,0,0,0.045); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .database-tabs { border-bottom-color: var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-tabs-header { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-tabs-header .database-tabs { border-bottom: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .database-tabs button { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .database-tabs button.active { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .database-tabs button.active::after { background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .database-tabs button span { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .queue-controls { border-bottom-color: var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .filter-select select { border-color: var(--dm-border); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .workflow-clear-filters { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .workflow-sort-control { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .workflow-queue table th { border-bottom: 1px solid var(--dm-border); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .workflow-queue table td { border-bottom-color: var(--dm-border); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .workflow-queue tbody tr.selected-row { background: var(--dm-greenSoft) !important; box-shadow: inset 3px 0 0 #16a34a !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-detail-number { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .detail-panel-header { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .detail-panel-header h3 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .detail-panel-header p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .detail-field-list { border-bottom-color: var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .detail-field-list span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .detail-field-list strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .detail-section { border-bottom-color: var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-side-comment-form.compact::before { background: var(--dm-greenFill); color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) .task-status-menu { border: 1px solid var(--dm-border); background: var(--dm-raised); box-shadow: 0 14px 30px rgba(0,0,0,0.14); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowView.active .task-detail-panel { border: 1px solid var(--dm-border); background: radial-gradient(circle at top right, color-mix(in srgb, var(--dm-greenFill) 10%, transparent), transparent 36%),
    linear-gradient(180deg, var(--dm-surface) 0%, var(--dm-surface) 70%, var(--dm-surface) 100%); box-shadow: 0 14px 34px rgba(0,0,0,0.08); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowView.active .task-detail-panel::before { background: linear-gradient(90deg, var(--dm-greenFill), var(--dm-greenFill)); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowView.active .task-metric-card { border-color: var(--dm-border); box-shadow: 0 8px 18px rgba(0,0,0,0.045); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowView.active .pagination-ellipsis { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .status-badge.success,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .status-badge.active,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-status-dropdown.success,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-status-dropdown.active { border: 1px solid var(--dm-greenBorder); background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .status-badge.info,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .status-badge.normal,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-status-dropdown.info,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-status-dropdown.normal { border: 1px solid var(--dm-blueBorder); background: var(--dm-blueSoft); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .status-badge.indigo,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-status-dropdown.indigo { border: 1px solid var(--dm-blueBorder); background: var(--dm-blueSoft); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .status-badge.warning,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-status-dropdown.warning { border: 1px solid var(--dm-redBorder); background: var(--dm-redSoft); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .status-badge.danger,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .status-badge.critical,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-status-dropdown.danger,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-status-dropdown.critical { border: 1px solid var(--dm-redBorder); background: var(--dm-redSoft); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .status-badge.low,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .status-badge.neutral,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-status-dropdown.low,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-status-dropdown.neutral { border: 1px solid var(--dm-border); background: var(--dm-blueSoft); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-status-dropdown { box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-status-dropdown svg { color: currentColor; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-status-menu button.active,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-status-menu button:disabled { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-sort-icon-button { border: 1px solid var(--dm-border); background: var(--dm-surface); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-sort-menu { border: 1px solid var(--dm-border); background: var(--dm-raised); box-shadow: 0 14px 28px rgba(0,0,0,0.12); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-sort-menu button { border: 0; background: transparent; color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-sort-menu button:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-sort-menu button.active { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-edit-action { border: 1px solid var(--dm-greenBorder); background: var(--dm-surface); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-edit-heading { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-edit-heading strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-edit-heading span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-edit-field > span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-edit-field input,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-edit-field select,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-edit-field textarea,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-detail-edit-form .task-search-input { border: 1px solid var(--dm-border); background: var(--dm-mutedSurface); color: var(--dm-text); outline: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-edit-field input:focus,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-edit-field select:focus,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-edit-field textarea:focus,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-detail-edit-form .task-search-input:focus { border-color: var(--dm-greenBorder); box-shadow: 0 0 0 1px #087a1e; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-edit-assignment-tabs { border: 0; background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-edit-assignment-tabs button { border: 1px solid var(--dm-border); background: var(--dm-surface); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-edit-assignment-tabs button:last-child { border-right: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-edit-assignment-tabs button.active { border-color: var(--dm-greenBorder); background: var(--dm-greenSoft); color: var(--dm-green); box-shadow: inset 0 0 0 1px #087a1e; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-edit-footer { border-top: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-view-toggle button { border: 1px solid var(--dm-border); background: var(--dm-surface); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-view-toggle button.active { border-color: var(--dm-greenBorder); background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-view { border-top: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-filter-row span,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-filter-row label span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-filter-row select,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-clear { border: 1px solid var(--dm-border); background: var(--dm-mutedSurface); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-empty-state { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-section h3 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-section h3 span { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card { border: 1px solid var(--dm-border); background: var(--dm-surface); box-shadow: 0 8px 18px rgba(0,0,0,0.045); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.selected { border-color: var(--dm-greenBorder); background: var(--dm-greenSoft); box-shadow: inset 3px 0 0 #0a8a24, 0 10px 20px rgba(0,0,0,0.06); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.overdue { border-color: var(--dm-redBorder); background: var(--dm-surface); box-shadow: inset 4px 0 0 #ef4444, 0 8px 18px rgba(0,0,0,0.12); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.overdue.selected { border-color: var(--dm-greenBorder); background: var(--dm-greenSoft); box-shadow: inset 3px 0 0 #0a8a24, 0 10px 20px rgba(0,0,0,0.06); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-top > span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-icon,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-expand { border: 1px solid transparent; background: transparent; color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-icon.pinned { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-icon:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-expand { border-color: var(--dm-greenBorder); background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card h4 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-details span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-details strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-details small,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-footer { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-footer { border-top: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-action-menu { border: 1px solid var(--dm-border); background: var(--dm-raised); box-shadow: 0 16px 32px rgba(0,0,0,0.16); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-action-menu button { border: 0; background: transparent; color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-action-menu button:hover { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-load-state { border-top: 1px solid var(--dm-border); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .button.create-action-button,
:root[data-appearance="dark"]:has(body.is-authenticated) #headerPrimaryAction.create-action-button { border: 1px solid var(--dm-greenBorder); background: linear-gradient(180deg, var(--dm-greenFill) 0%, var(--dm-greenFill) 52%, var(--dm-greenFill) 100%); color: var(--dm-onBrand); box-shadow: 0 8px 18px rgba(0,0,0,0.18); }:root[data-appearance="dark"]:has(body.is-authenticated) .button.create-action-button:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) #headerPrimaryAction.create-action-button:hover { border-color: var(--dm-greenBorder); background: linear-gradient(180deg, var(--dm-greenFill) 0%, var(--dm-greenFill) 52%, var(--dm-greenFill) 100%); box-shadow: 0 10px 20px rgba(0,0,0,0.22); color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) .button.create-action-button:focus-visible,
:root[data-appearance="dark"]:has(body.is-authenticated) #headerPrimaryAction.create-action-button:focus-visible { outline: none; box-shadow: 0 0 0 2px rgba(0,0,0,0.28), 0 8px 18px rgba(0,0,0,0.18); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-info-banner { border: 1px solid var(--dm-blueBorder); background: var(--dm-blueSoft); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-info-banner svg { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-kpi-card { border: 1px solid var(--dm-border); background: var(--dm-surface); box-shadow: 0 12px 26px rgba(0,0,0,0.06); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-kpi-card.green .observation-kpi-icon { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-kpi-card.red .observation-kpi-icon { background: var(--dm-redSoft); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-kpi-card.purple .observation-kpi-icon { background: var(--dm-purpleSoft); color: var(--dm-purple); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-kpi-card.orange .observation-kpi-icon { background: var(--dm-orangeSoft); color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-kpi-card p { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-kpi-card strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-kpi-card small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .database-filter-row select,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .database-filter-row input { border-color: var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .database-filter-row select:focus,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .database-filter-row input:focus,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .database-filter-row select:focus-visible,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .database-filter-row input:focus-visible,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-detail-panel input:focus,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-detail-panel input:focus-visible { outline: none; border-color: var(--dm-greenBorder); box-shadow: 0 0 0 1px #087a1e; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .database-tabs { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .database-tabs button { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .database-tabs button.active { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .database-tabs button.active::after { background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observations-table th { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observations-table tbody tr.selected-row { border-left: 3px solid var(--dm-greenBorder); background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-employee-cell strong,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-summary-cell strong,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-date-cell strong,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-issued-cell strong,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-next-cell strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-employee-cell small,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-summary-cell small,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-date-cell small,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-issued-cell small,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-next-cell small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-badge { border: 1px solid var(--dm-border); background: var(--dm-surface); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-table tr { border-left: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-table th { border-bottom: 1px solid var(--dm-border); background: var(--dm-surface); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-table td { border-bottom: 1px solid var(--dm-border); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-table tr:hover { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-table tr.selected-log-row,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-table tr.is-selected { background: var(--dm-greenSoft); box-shadow: inset 4px 0 0 #008a37; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-avatar { border: 1px solid var(--dm-border); background: var(--dm-mutedSurface); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-employee-name,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-title { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-employee-meta,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-title-preview { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-badge { border: 1px solid var(--dm-border); background: var(--dm-surface); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-badge.pending { border-color: var(--dm-border); background: var(--dm-surface); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-badge.acknowledged { border-color: var(--dm-greenBorder); background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-badge.not-requested { border-color: var(--dm-border); background: var(--dm-surface); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-badge.type-color,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-badge.action-color { border-color: var(--badge-border, var(--dm-border)); background: var(--badge-bg, var(--dm-surface)); color: color-mix(in srgb, var(--badge-color, #64748b) 55%, var(--dm-text)); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-table .logs-action-button { border: 1px solid var(--dm-greenBorder); background: var(--dm-surface); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-table .logs-action-button:hover { border-color: var(--dm-greenBorder); background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .status-open,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .status-complete,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .status-acknowledged,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .level-recognition,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .category-recognition,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .severity-low,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .severity-normal { border-color: var(--dm-greenBorder); background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .status-follow-up-needed,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .status-pending-acknowledgement,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .status-in-progress,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .level-pip,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .level-written-warning,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .level-verbal-warning,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .level-attendance-note,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .severity-medium,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .severity-high,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .category-attendance,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .category-coaching,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .category-performance { border-color: var(--dm-orangeBorder); background: var(--dm-orangeSoft); color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .level-final-warning,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .severity-critical,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .category-policy,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .category-safety,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .category-conduct { border-color: var(--dm-redBorder); background: var(--dm-redSoft); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .status-archived,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .status-no-follow-up { border-color: var(--dm-border); background: var(--dm-surface); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-detail-panel { border: 1px solid var(--dm-border); background: var(--dm-surface); box-shadow: 0 16px 34px rgba(0,0,0,0.08); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-record-header span,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-record-header small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-record-header h3 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-record-fields div,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-record-section,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-next-step { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-record-fields span,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-record-section h4,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-next-step h4 { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-record-fields strong,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-record-section strong,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-next-step strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-record-fields small,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-record-section p,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-next-step span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-attachment-list p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-attachment-row { border: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-attachment-row svg { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-attachment-row strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-attachment-row small,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-attachment-row time { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observations-table th,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observations-table td { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observations-table tbody tr.selected-row { border-left: 3px solid var(--dm-greenBorder); background: var(--dm-greenSoft); outline: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-detail-panel { border: 1px solid var(--dm-border); background: var(--dm-surface); box-shadow: 0 12px 28px rgba(0,0,0,0.08); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-detail-panel::before { background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-detail-inner { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-detail-header { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-detail-topline > span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-detail-header h3 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-detail-header small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-detail-field-row span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-detail-field-row strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-detail-section { border-top: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-detail-section h4 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-detail-section p { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-create-followup-btn { border-color: var(--dm-greenBorder); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-record-tabs { border-top: 1px solid var(--dm-border); border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-record-tabs button { border: 0; border-bottom: 2px solid transparent; background: var(--dm-surface); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-record-tabs button.active { border-bottom-color: var(--dm-greenBorder); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-timeline-item { border-left: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-timeline-item::before { border: 2px solid var(--dm-greenBorder); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-timeline-item.filled::before { background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-timeline-item:last-child { border-left-color: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-timeline-item time { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-timeline-item strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-timeline-item small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .detail-comment-box { border-top: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .detail-comment-box input { border: 1px solid var(--dm-border); border-right: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .detail-comment-box .button { border-color: var(--dm-greenBorder); background: var(--dm-greenFill); color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .level-coaching-note { border-color: var(--dm-blueBorder); background: var(--dm-blueSoft); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .level-pip { border-color: var(--dm-purpleBorder); background: var(--dm-purpleSoft); color: var(--dm-purple); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .category-performance { border-color: var(--dm-border); background: var(--dm-surface); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal.new-observation-modal { background: color-mix(in srgb, var(--dm-raised) 57.99999999999999%, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal .new-observation-card { border: 1px solid var(--dm-border); background: var(--dm-surface); box-shadow: 0 24px 70px rgba(0,0,0,0.26); }:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal .new-observation-header h3 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal .new-observation-header .kicker { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal #closeObservationModal { border: 0; background: transparent; box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal .new-observation-field > span,
:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal .new-observation-field > label,
:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal .new-observation-severity > span { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal .new-observation-field small,
:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal .role-picker + small,
:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal #assignmentRoleHelp { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal .new-observation-field input,
:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal .new-observation-field select,
:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal .new-observation-field textarea { border: 1px solid var(--dm-border); background: var(--dm-mutedSurface); color: var(--dm-text); box-shadow: 0 1px 0 rgba(0,0,0,0.03); }:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal .new-observation-field select { background-image: linear-gradient(45deg, transparent 50%, var(--dm-mutedSurface) 50%), linear-gradient(135deg, var(--dm-mutedSurface) 50%, transparent 50%); }:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal input,
:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal select,
:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal textarea,
:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal button,
:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal [tabindex] { outline: none !important; }:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal input:focus,
:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal select:focus,
:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal textarea:focus,
:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal button:focus,
:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal [tabindex]:focus { outline: none !important; box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal .new-observation-field input:focus-visible,
:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal .new-observation-field select:focus-visible,
:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal .new-observation-field textarea:focus-visible,
:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal .upload-zone:focus-within,
:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal .role-picker:focus-within,
:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal button:focus-visible { border-color: var(--dm-greenBorder); outline: none !important; box-shadow: 0 0 0 1px #087a1e; }:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal .priority-options { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal .priority-button { border: 0; border-right: 1px solid var(--dm-border); background: var(--dm-surface); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal .priority-button:last-child { border-right: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal .priority-button.low.active { background: var(--dm-surface); color: var(--dm-muted); box-shadow: inset 0 0 0 1px #94a3b8; }:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal .priority-button.normal.active { background: var(--dm-blueSoft); color: var(--dm-blue); box-shadow: inset 0 0 0 1px #3b82f6; }:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal .priority-button.high.active { background: var(--dm-orangeSoft); color: var(--dm-orange); box-shadow: inset 0 0 0 1px #f97316; }:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal .priority-button.critical.active { background: var(--dm-redSoft); color: var(--dm-red); box-shadow: inset 0 0 0 1px #ef4444; }:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal .new-observation-upload { border: 1px dashed var(--dm-border); background: var(--dm-surface); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal .new-observation-upload:hover { border-color: var(--dm-greenBorder); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal .new-observation-upload svg { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal .new-observation-upload strong { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal .new-observation-upload span,
:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal .new-observation-upload em { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal .new-observation-followup-section { border-top: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal .new-observation-check,
:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal .assignment-mode-card .check { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal input[type="checkbox"] { accent-color: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal .followup-fields { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal .assignment-mode-card { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal .assignment-mode-card p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal .role-picker { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal .role-picker-summary { border: 0; background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal .role-picker-list { border-top: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal .new-observation-footer { border-top: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal .new-observation-cancel { border: 1px solid var(--dm-border); background: var(--dm-surface); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal .new-observation-submit,
:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal .button.primary.new-observation-submit[type="submit"] { border: 1px solid var(--dm-greenBorder); background: linear-gradient(180deg, var(--dm-greenFill) 0%, var(--dm-greenFill) 52%, var(--dm-greenFill) 100%); color: var(--dm-onBrand); box-shadow: 0 8px 18px rgba(0,0,0,0.18); }@media (max-width: 1700px) {:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] #refreshButton { color: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] #refreshButton svg { color: var(--dm-blue); } }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observations-table td.observation-employee-cell strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observations-table td.observation-employee-cell small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .content { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-header h3 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-header p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #scheduleModeTabs { border: 0; background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #scheduleModeTabs .status-tab { border: 0; background: transparent; color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #scheduleModeTabs .status-tab.active { background: transparent; color: var(--dm-green); box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #scheduleModeTabs .status-tab.active::after { background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-options-button { border: 1px solid var(--dm-border); background: var(--dm-surface); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-options-button:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-options-button[aria-expanded="true"] { border-color: var(--dm-greenBorder); background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-options-menu { border: 1px solid var(--dm-border); background: var(--dm-raised); box-shadow: 0 16px 34px rgba(0,0,0,0.14); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-options-menu-item { border: 0; background: transparent; color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-options-menu-item:hover { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-options-menu-item.danger { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-options-menu-item.danger:hover { background: var(--dm-redSoft); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-print-menu { border: 1px solid var(--dm-border); background: var(--dm-raised); box-shadow: 0 16px 34px rgba(0,0,0,0.14); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-print-menu-title { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-print-menu-label { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-print-mode-toggle { border: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-print-mode-toggle button,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-print-toggle-request,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-print-download-toggle,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-print-download-menu button,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-print-menu-action { border: 0; background: var(--dm-raised); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-print-mode-toggle button + button { border-left: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-print-mode-toggle button.active,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-print-toggle-request.active,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-print-download-toggle.active { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-print-mode-toggle button:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-print-toggle-request:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-print-download-toggle:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-print-download-menu button:hover { background: var(--dm-raised); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-print-toggle-request,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-print-download-toggle { border: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-print-download-menu { border: 1px solid var(--dm-border); border-top: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-print-download-menu button + button { border-left: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-print-menu-action { border: 1px solid var(--dm-greenBorder); background: var(--dm-greenFill); color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-print-menu-action:hover { background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-preview-backdrop { background: rgba(15, 23, 42, 0.58); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-preview-dialog { border: 1px solid var(--dm-border); background: var(--dm-surface); box-shadow: 0 28px 90px rgba(0,0,0,0.28); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-preview-header,
:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-preview-footer { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-preview-header h3 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-preview-header p:last-child { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-preview-footer { border-top: 1px solid var(--dm-border); border-bottom: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-preview-body { background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-preview-canvas { background: var(--dm-background); box-shadow: 0 4px 22px rgba(0,0,0,0.14); }@media (max-width: 720px) {:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-preview-dialog { border: 0; } }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-print-theme-button,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-print-theme-menu button { border: 1px solid var(--dm-border); background: var(--dm-raised); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-print-theme-button:focus-visible,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-print-theme-menu button:focus-visible { outline: 2px solid var(--dm-greenBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-print-theme-button:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-print-theme-menu button:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-print-theme-menu button.active { background: var(--dm-raised); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-print-theme-menu { border: 1px solid var(--dm-border); border-top: 0; background: var(--dm-raised); box-shadow: 0 12px 22px rgba(0,0,0,0.12); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-print-theme-menu button { border: 0; border-top: 1px solid var(--dm-border); box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-options-divider { background: var(--dm-blueSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-week-label { border: 1px solid var(--dm-border); background: var(--dm-surface); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-week-label svg { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-week-menu { border: 1px solid var(--dm-border); background: var(--dm-raised); box-shadow: 0 12px 24px rgba(0,0,0,0.12); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-week-menu button { border: 0; border-bottom: 1px solid var(--dm-border); background: var(--dm-raised); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-week-menu button:last-child { border-bottom: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-week-menu button:hover { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-kpi { border: 1px solid var(--dm-border); background: var(--dm-surface); box-shadow: 0 10px 24px rgba(0,0,0,0.04); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-icon { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-kpi.orange .schedule-v2-icon { background: var(--dm-orangeSoft); color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-kpi p { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-kpi strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-kpi small,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-kpi em { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-kpi-badges span { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-week-strip { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-day { border: 0; border-right: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-day:last-child { border-right: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-day.active { outline: 2px solid var(--dm-greenBorder); background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-day > span strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-day > span small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-day > b { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-shift-card { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-shift-card strong { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-shift-card small,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-shift-card em { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-shift-badges em { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-no-shift { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-detail-heading h3 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-detail-grid p,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-detail-grid h4 { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-time { color: var(--dm-text) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-time span { color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-reminder { border: 1px solid var(--dm-border); background: var(--dm-greenSoft); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-coworker strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-coworker small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-action-card { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-action-card span:first-child { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-action-card.danger span:first-child { background: var(--dm-redSoft); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-action-card strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-action-card small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-grid { border: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-grid-header,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-employee-cell,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-day-cell,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-total-cell,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-total-label { border-right: 1px solid var(--dm-border); border-bottom: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-grid-header { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-grid-header small,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-employee-cell span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-employee-cell strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-day-cell { border-top: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .shift-pill,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-availability { border: 1px solid var(--dm-blueBorder); background: var(--dm-blueSoft); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .shift-pill small,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-availability small { color: inherit; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .shift-pill.open,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .shift-pill.open_for_pickup { border-color: var(--dm-greenBorder); background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-availability.cannot-work,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-availability.unavailable,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-availability.needs-off { border-color: var(--dm-redBorder); background: var(--dm-redSoft); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-availability.prefer-off { border-color: var(--dm-purpleBorder); background: var(--dm-purpleSoft); color: var(--dm-purple); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-availability.available { border-color: var(--dm-greenBorder); background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .availability-panel-backdrop { background: rgba(15, 23, 42, 0.28); }:root[data-appearance="dark"]:has(body.is-authenticated) .availability-panel { border-left: 1px solid var(--dm-border); background: var(--dm-surface); box-shadow: -16px 0 36px rgba(0,0,0,0.14); }:root[data-appearance="dark"]:has(body.is-authenticated) .availability-panel-header h3 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .availability-panel-header > div > p:not(.kicker) { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .availability-management-card { border: 1px solid var(--dm-border); border-left: 3px solid var(--dm-greenBorder); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .availability-management-card.needs-off,
:root[data-appearance="dark"]:has(body.is-authenticated) .availability-management-card.unavailable { border-left-color: var(--dm-redBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) .availability-management-card.prefer-off { border-left-color: var(--dm-purpleBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) .availability-management-card.available { border-left-color: var(--dm-greenBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) .availability-management-card h4 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .availability-management-card p,
:root[data-appearance="dark"]:has(body.is-authenticated) .availability-management-card small,
:root[data-appearance="dark"]:has(body.is-authenticated) .availability-management-card em { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .mini-button.danger { border-color: var(--dm-redBorder); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .manage-availability-modal { background: color-mix(in srgb, var(--dm-raised) 57.99999999999999%, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #availabilityModal .manage-availability-card,
:root[data-appearance="dark"]:has(body.is-authenticated) .manage-availability-card { border: 1px solid var(--dm-border); background: var(--dm-surface); box-shadow: 0 24px 70px rgba(0,0,0,0.26); }:root[data-appearance="dark"]:has(body.is-authenticated) .manage-availability-header { border-bottom: 1px solid var(--dm-border); background: linear-gradient(180deg, var(--dm-surface) 0%, var(--dm-surface) 100%); }:root[data-appearance="dark"]:has(body.is-authenticated) .manage-availability-header h3 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .manage-availability-header p:not(.kicker) { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .manage-availability-close { border: 0; background: transparent; box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) #availabilityContextSection { border: 1px solid var(--dm-border); border-left: 4px solid var(--dm-greenBorder); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .manage-availability-section h4,
:root[data-appearance="dark"]:has(body.is-authenticated) .manage-availability-section-heading h4 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .manage-availability-section-heading span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .current-availability-section,
:root[data-appearance="dark"]:has(body.is-authenticated) .availability-form-section { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .availability-form-section { border-top: 3px solid var(--dm-greenBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) .current-availability-section { border-top: 3px solid var(--dm-greenBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) .manage-availability-card .create-task-field > span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .manage-availability-card .create-task-control { border-color: var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .manage-availability-card .create-task-control:focus-within { border-color: var(--dm-greenBorder); box-shadow: 0 0 0 1px rgba(0,0,0,0.22); }:root[data-appearance="dark"]:has(body.is-authenticated) .manage-availability-card .create-task-control svg { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .manage-availability-card .create-task-select-caret { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .manage-availability-card .create-task-control input,
:root[data-appearance="dark"]:has(body.is-authenticated) .manage-availability-card .create-task-control select,
:root[data-appearance="dark"]:has(body.is-authenticated) .manage-availability-card .create-task-control textarea { border: 0 !important; background: transparent !important; box-shadow: none !important; }:root[data-appearance="dark"]:has(body.is-authenticated) .manage-availability-card .availability-time-control { border-color: var(--dm-border); background: linear-gradient(180deg, var(--dm-surface) 0%, var(--dm-surface) 100%); }:root[data-appearance="dark"]:has(body.is-authenticated) .manage-availability-card .availability-time-control .availability-time-input { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .manage-availability-card .availability-time-control .availability-time-input:invalid,
:root[data-appearance="dark"]:has(body.is-authenticated) .manage-availability-card .availability-time-control .availability-time-input:placeholder-shown { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .manage-availability-card .availability-time-control:focus-within { border-color: var(--dm-greenBorder); background: var(--dm-surface); box-shadow: 0 0 0 3px rgba(0,0,0,0.12); }:root[data-appearance="dark"]:has(body.is-authenticated) .manage-availability-card .availability-week-control > svg { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .manage-availability-card .availability-week-arrow { border: 1px solid var(--dm-border); background: var(--dm-surface); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .manage-availability-card .availability-week-arrow:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .manage-availability-card .availability-week-arrow:focus-visible { border-color: var(--dm-greenBorder); background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .manage-availability-card .textarea-control textarea { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .manage-availability-card .textarea-control textarea::placeholder { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .manage-availability-entry { border: 1px solid var(--dm-border); border-left: 4px solid var(--dm-greenBorder); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .manage-availability-entry.cannot-work,
:root[data-appearance="dark"]:has(body.is-authenticated) .manage-availability-entry.needs-off,
:root[data-appearance="dark"]:has(body.is-authenticated) .manage-availability-entry.unavailable { border-left-color: var(--dm-redBorder); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .manage-availability-entry.prefer-off { border-left-color: var(--dm-purpleBorder); background: var(--dm-purpleSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .manage-availability-entry.available { border-left-color: var(--dm-greenBorder); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .availability-range-pill { border: 1px solid var(--dm-redBorder); background: var(--dm-redSoft); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .manage-availability-entry h5 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .manage-availability-entry p,
:root[data-appearance="dark"]:has(body.is-authenticated) .manage-availability-entry small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .manage-availability-check-row .check { border: 1px solid var(--dm-border); background: var(--dm-surface); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .manage-availability-check-row .check input { accent-color: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) .manage-availability-footer { border-top: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .availability-context-menu .schedule-context-menu-item svg { color: currentColor; }:root[data-appearance="dark"]:has(body.is-authenticated) .availability-context-menu .schedule-context-menu-item[data-context-edit-availability],
:root[data-appearance="dark"]:has(body.is-authenticated) .availability-context-menu .schedule-context-menu-item[data-context-manage-availability] { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .availability-context-menu .schedule-context-menu-item[data-context-edit-availability]:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .availability-context-menu .schedule-context-menu-item[data-context-manage-availability]:hover { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-total-cell,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-total-label { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-legend { border-top: 1px solid var(--dm-border); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .legend-dot.scheduled { background: var(--dm-blueFill); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .legend-dot.open { background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .legend-dot.pending { background: var(--dm-orangeFill); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .legend-badge.cannot-work { background: var(--dm-redFill); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .legend-badge.prefer-off { background: var(--dm-purpleFill); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #myShiftRequestsCard.schedule-v2-request-panel { border: 1px solid var(--dm-border); background: var(--dm-surface); box-shadow: 0 10px 24px rgba(0,0,0,0.04); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #myShiftRequestsCard .schedule-request-panel-heading { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #myShiftRequestsCard .schedule-request-panel-heading p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #myShiftRequestsCard.schedule-v2-request-panel:focus { outline: 2px solid var(--dm-greenBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #myShiftRequestsCard.schedule-v2-request-panel > p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] #peopleView { --people-green: var(--dm-greenFill); --people-green-dark: var(--dm-greenFill); --people-green-soft: var(--ops-green-100); --people-blue: var(--dm-blueFill); --people-orange: var(--dm-orangeFill); --people-border: var(--dm-border); --people-border-strong: var(--dm-border); --people-surface: var(--dm-surface); --people-surface-soft: var(--dm-surface); --people-text: var(--dm-text); --people-muted: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] #workspace { background: var(--bg); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-module { border: 0; background: transparent; box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .data-card,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-kpi-card,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-profile-card,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .person-hero.people-detail-hero,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] #peopleRoleDetail > .data-card { border: 1px solid var(--people-border); background: var(--people-surface); box-shadow: 0 14px 30px rgba(0,0,0,0.045); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-kpi-card { border-left: 4px solid var(--dm-greenBorder); color: inherit; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-kpi-card:nth-child(3) { border-left-color: var(--dm-blueBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-kpi-card:nth-child(4) { border-left-color: var(--dm-orangeBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-kpi-icon { border: 0; background: transparent; color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-kpi-card:nth-child(3) .people-kpi-icon { color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-kpi-card:nth-child(4) .people-kpi-icon { color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-kpi-copy > span { color: var(--people-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-kpi-copy > strong { color: var(--people-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-kpi-copy > small { color: var(--people-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-kpi-card.is-clickable:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-kpi-card.is-clickable:focus-visible { border-color: var(--dm-orangeBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-tabs { border: 0; border-bottom: 2px solid var(--people-border); background: transparent; box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-tab,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .profile-tab { border: 0; border-bottom: 3px solid transparent; background: transparent; box-shadow: none; color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-tab.active,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .profile-tab.active { border-color: var(--dm-greenBorder); background: transparent; box-shadow: none; color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-tab:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .profile-tab:hover { background: transparent; color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-tab-count { border: 1px solid var(--dm-greenBorder); background: var(--people-green-soft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-toolbar { border: 1px solid var(--people-border); background: var(--people-surface); box-shadow: 0 10px 22px rgba(0,0,0,0.035); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-toolbar select,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-filter-button { border: 1px solid var(--people-border-strong); background: var(--dm-mutedSurface); color: var(--people-text); box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-toolbar .field span { color: var(--people-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-filter-button { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-filter-button:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-filter-button:focus-visible { border-color: var(--dm-greenBorder); background: var(--people-green-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-chip { border: 1px solid var(--people-border-strong); background: var(--dm-surface); color: var(--people-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-chip:hover { border-color: var(--dm-orangeBorder); color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-chip.active { border-color: var(--dm-orangeBorder); background: var(--dm-orangeSoft); color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-chip.active .people-tab-count { border-color: var(--dm-orangeBorder); background: var(--dm-orangeSoft); color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .section-heading.compact,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .section-heading { border-bottom: 1px solid var(--people-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .section-heading h3 { color: var(--people-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .section-heading p { color: var(--people-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .create-action-button,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-add-caret,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .button.primary { border-color: var(--people-green, var(--brand, var(--dm-greenBorder))); background: var(--people-green, var(--brand, var(--dm-greenFill))); color: var(--dm-onBrand); box-shadow: 0 10px 20px rgba(0,0,0,0.16); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .create-action-button:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-add-caret:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .button.primary:hover { border-color: var(--people-green-dark, var(--brand-strong, var(--dm-greenBorder))); background: var(--people-green-dark, var(--brand-strong, var(--dm-greenFill))); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-add-menu-wrap { border: 1px solid var(--dm-greenBorder); background: linear-gradient(90deg, var(--dm-greenFill) 0%, var(--dm-greenFill) 55%, var(--dm-greenFill) 100%); box-shadow: 0 8px 16px rgba(0,0,0,0.16); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-add-menu-wrap:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-add-menu-wrap:focus-within { border-color: var(--dm-greenBorder); box-shadow: 0 10px 20px rgba(0,0,0,0.22); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-add-menu-wrap .create-action-button,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-add-menu-wrap .people-add-caret { border: 0; background: transparent; box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-add-menu-wrap .create-action-button { border-right: 1px solid color-mix(in srgb, var(--dm-border) 28.000000000000004%, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-add-menu-wrap .create-action-button:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-add-menu-wrap .create-action-button:focus-visible,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-add-menu-wrap .people-add-caret:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-add-menu-wrap .people-add-caret:focus-visible { background: color-mix(in srgb, var(--dm-raised) 8%, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-add-menu { border: 1px solid var(--people-border-strong); background: var(--dm-raised); box-shadow: 0 18px 36px rgba(0,0,0,0.14); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-add-menu button { border: 0; border-left: 2px solid transparent; background: transparent; color: var(--people-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-add-menu button svg { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-row-menu { border: 1px solid var(--people-border-strong); background: var(--dm-raised); box-shadow: 0 18px 36px rgba(0,0,0,0.14); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-row-menu button { border: 0; border-left: 2px solid transparent; background: transparent; color: var(--people-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-row-menu button svg { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-add-menu button:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-add-menu button:focus-visible,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-row-menu button:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-row-menu button:focus-visible { border-left-color: var(--dm-greenBorder); background: var(--people-green-soft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-row-menu button.danger { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-row-menu button.danger svg { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-row-menu button.danger:hover { border-left-color: var(--dm-redBorder); background: var(--dm-redSoft); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-table th { border-bottom: 1px solid var(--people-border); background: var(--dm-surface); color: var(--people-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-table td { border-bottom: 1px solid var(--people-border); color: var(--people-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-table tbody tr:focus-within { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-table tbody tr:hover { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-table tbody tr.selected-row { background: var(--dm-greenSoft); box-shadow: inset 4px 0 0 var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-row-avatar,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-profile-avatar,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .person-avatar { border: 1px solid var(--dm-greenBorder); background: var(--people-green-soft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-row-avatar.position-avatar { border-color: var(--dm-border); background: var(--dm-mutedSurface); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-table .people-person-copy > strong,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-table td > strong { color: var(--people-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-table .people-person-copy > span,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-table td > span { color: var(--people-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-location-cell { color: var(--people-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .text-link { border: 0; background: transparent; color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-access-badge.enabled,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-access-badge.active,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .status-badge.is-active,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .status-badge.access-active { border-color: var(--dm-greenBorder); background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-access-badge.no-access,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-access-badge.not_enabled,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .status-badge.no-login { border-color: var(--dm-orangeBorder); background: var(--dm-orangeSoft); color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-access-badge.pending,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-access-badge.pending_setup,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-access-badge.invite_failed { border-color: var(--dm-orangeBorder); background: var(--dm-orangeSoft); color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-access-badge.disabled,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-access-badge.locked { border-color: var(--dm-border); background: var(--dm-blueSoft); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-row-menu-button,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .mini-button,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .admin-action-button { border: 1px solid var(--people-border-strong); background: var(--dm-raised); color: var(--people-text); box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-row-menu-button:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-row-menu-button[aria-expanded="true"],
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .mini-button:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .admin-action-button:hover { border-color: var(--dm-greenBorder); background: var(--people-green-soft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-profile-card { border: 1px solid var(--people-border); background: var(--dm-surface); box-shadow: 0 12px 30px rgba(0,0,0,0.07); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-profile-header,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-role-hero,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-detail-hero { border-top: 3px solid var(--dm-greenBorder); border-bottom: 1px solid var(--people-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-profile-header { background: linear-gradient(135deg, var(--dm-surface) 0%, var(--dm-surface) 100%); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-profile-eyebrow,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .kicker { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-profile-header h2,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .person-hero h3 { color: var(--people-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-profile-header p,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .person-hero p { color: var(--people-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-profile-meta span { color: var(--people-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-profile-meta svg { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .profile-tabs { border-bottom: 1px solid var(--people-border); background: var(--dm-surface); scrollbar-color: var(--dm-blueSoft) transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .profile-tab { border: 0; background: transparent; color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .profile-tab:hover { background: var(--dm-raised); color: var(--people-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .profile-tab.active { border: 0; background: var(--people-green-soft); color: var(--dm-green); box-shadow: inset 0 0 0 1px #cce8d3; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .profile-summary-grid div,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .linked-account-card,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .account-summary { border-color: var(--people-border); background: var(--dm-surface); box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .profile-summary-grid span,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .account-summary > span:first-child { color: var(--people-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .profile-summary-grid strong { color: var(--people-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-detail-section { border-bottom: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-detail-section:last-child { border-bottom: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-detail-section-icon,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-compact-list-icon,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-account-summary-icon { border: 1px solid var(--dm-border); background: var(--people-green-soft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-detail-section-heading h3 { color: var(--people-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-detail-section-heading p { color: var(--people-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-detail-section > h4 { color: var(--people-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-section-description { color: var(--people-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-detail-fields { border: 1px solid var(--people-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-detail-fields > div { border-right: 1px solid var(--people-border); border-bottom: 1px solid var(--people-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-detail-fields > div:nth-child(2n),
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-detail-fields > div:last-child { border-right: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-detail-fields > div:nth-last-child(-n + 2) { border-bottom: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-detail-fields span { color: var(--people-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-detail-fields strong { color: var(--people-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .linked-account-card span { color: var(--people-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-detail-actions { border-top: 1px solid var(--people-border); background: color-mix(in srgb, var(--dm-surface) 96%, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-helper-note { border: 1px solid var(--dm-border); background: var(--people-green-soft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-account-summary { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-account-summary.is-disabled { border-color: var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-account-summary.is-disabled .people-account-summary-icon { border-color: var(--dm-border); background: var(--dm-blueSoft); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-account-summary strong { color: var(--people-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-account-summary small { color: var(--people-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-access-locations > span { color: var(--people-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-access-locations .access-pill { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-compact-list { border: 1px solid var(--people-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-compact-list-row { border-bottom: 1px solid var(--people-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-compact-list-row:last-child { border-bottom: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-compact-list-copy strong { color: var(--people-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-compact-list-copy small,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-compact-list-row time { color: var(--people-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-detail-section > .empty-state { border: 1px dashed var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-reference-card { border-left: 4px solid var(--dm-greenBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-reference-icon { border: 1px solid var(--dm-greenBorder); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-reference-copy > h3 { color: var(--people-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-reference-copy > p { color: var(--people-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-reference-summary { border: 1px solid var(--people-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-reference-summary > div { border-bottom: 1px solid var(--people-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-reference-summary > div:last-child { border-bottom: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-reference-summary small { color: var(--people-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-drawer-backdrop { background: rgba(15, 23, 42, 0.46); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-drawer { border-left: 1px solid var(--people-border); background: var(--dm-raised); box-shadow: -18px 0 40px rgba(0,0,0,0.18); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-drawer-head { border-bottom: 1px solid var(--people-border); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-drawer-head strong { color: var(--people-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .person-modal-header { border-bottom: 1px solid var(--people-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .person-modal-header > svg { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .person-modal-header p { color: var(--people-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .employee-modal-section { border: 1px solid var(--people-border); border-left: 3px solid var(--dm-blueBorder); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .employee-modal-section:nth-of-type(2) { border-left-color: var(--dm-greenBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .employee-modal-section:nth-of-type(3),
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] #employeeLoginFields { border-left-color: var(--dm-orangeBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .employee-modal-section h4 { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .person-login-choice span { border: 1px solid var(--dm-border); border-left: 4px solid var(--dm-border); background: var(--dm-surface); color: var(--people-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .person-login-choice span svg { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .person-login-choice span strong { color: inherit; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .person-login-choice span small { color: var(--people-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .person-login-choice input[value="enabled"] + span { border-left-color: var(--dm-greenBorder); background: var(--dm-mutedSurface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .person-login-choice input[value="enabled"] + span svg { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .person-login-choice label:hover span { border-color: var(--dm-greenBorder); box-shadow: 0 8px 16px rgba(0,0,0,0.06); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .person-login-choice input:checked + span { border-color: var(--dm-greenBorder); border-left-color: var(--dm-greenBorder); background: var(--people-green-soft); color: var(--dm-green); box-shadow: inset 0 0 0 1px rgba(0,0,0,0.12); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .person-login-choice input:checked + span svg { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .person-login-choice input:checked + span small { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .person-form-section .field > small { color: var(--people-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .person-location-access-field { border: 1px solid var(--people-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .person-location-access-field legend { color: var(--people-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .person-location-access-option { border: 1px solid var(--people-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .person-location-access-option:has(input:checked) { border-color: var(--dm-greenBorder); background: var(--people-green-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .person-location-access-option strong { color: var(--people-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .person-location-access-option small { color: var(--people-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .person-form-summary { border: 1px solid var(--dm-greenBorder); border-left: 4px solid var(--dm-greenBorder); background: var(--people-green-soft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .person-modal-footer { border-top: 1px solid var(--people-border); background: var(--dm-raised); box-shadow: 0 -8px 20px rgba(0,0,0,0.04); }:root[data-appearance="dark"]:has(body.is-authenticated) .transfer-person-summary { border: 1px solid var(--border); background: var(--surface-soft, var(--dm-surface)); }:root[data-appearance="dark"]:has(body.is-authenticated) .transfer-person-summary span { color: var(--muted-text, var(--dm-muted)); }:root[data-appearance="dark"]:has(body.is-authenticated) .transfer-shift-warning { border: 1px solid var(--dm-orangeBorder); background: var(--dm-orangeSoft); color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) .location-history-row { border: 1px solid var(--border); background: var(--surface-soft, var(--dm-surface)); }:root[data-appearance="dark"]:has(body.is-authenticated) .location-history-row small { color: var(--muted-text, var(--dm-muted)); }:root[data-appearance="dark"]:has(body.is-authenticated) .platform-feature-row { border: 1px solid var(--border); background: var(--surface-soft, var(--dm-surface)); }:root[data-appearance="dark"]:has(body.is-authenticated) .platform-feature-row small { color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .platform-feature-row em { color: var(--brand, var(--dm-green)); }:root[data-appearance="dark"]:has(body.is-authenticated) .platform-feature-row input[role="switch"] { accent-color: var(--brand, var(--dm-greenFill)); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .person-modal-footer .person-submit-button { border-color: var(--dm-greenBorder); background: var(--dm-greenFill); color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .person-modal-footer .person-submit-button:hover { border-color: var(--dm-greenBorder); background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .person-modal-footer .person-submit-button span { color: inherit; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .person-invite-delivery-note { border: 1px solid var(--dm-greenBorder); background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .employee-linked-login-card { border-left: 4px solid var(--dm-greenBorder); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .employee-linked-login-card.no-access { border-left-color: var(--dm-orangeBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .employee-linked-login-card strong { color: var(--people-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .employee-linked-login-card small,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-access-label { color: var(--people-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] :is(button, input, select, textarea):focus-visible { outline: 2px solid var(--dm-greenBorder); }@media (max-width: 760px) {:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-detail-fields > div { border-right: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-detail-fields > div:not(:last-child) { border-bottom: 1px solid var(--people-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-table tbody tr { border: 1px solid var(--people-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-table td::before { color: var(--people-muted); } }:root[data-appearance="dark"]:has(body.is-authenticated) .auth-brand-logo { background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) .auth-copy { border: 1px solid color-mix(in srgb, var(--dm-border) 18%, transparent); background: radial-gradient(circle at 42% 48%, color-mix(in srgb, var(--dm-surface) 32%, transparent), transparent 18%),
    linear-gradient(110deg, var(--dm-greenFill) 0%, var(--dm-greenFill) 42%, var(--dm-greenFill) 100%); box-shadow: 0 18px 48px rgba(0,0,0,0.18); }:root[data-appearance="dark"]:has(body.is-authenticated) .auth-copy::before { background: linear-gradient(90deg, color-mix(in srgb, var(--dm-surface) 12%, transparent), transparent 42%, color-mix(in srgb, var(--dm-surface) 10%, transparent)); }:root[data-appearance="dark"]:has(body.is-authenticated) .auth-copy .kicker,
:root[data-appearance="dark"]:has(body.is-authenticated) .auth-copy h2,
:root[data-appearance="dark"]:has(body.is-authenticated) .auth-copy p { color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) .auth-copy p { color: color-mix(in srgb, var(--dm-onBrand) 86%, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) .brand-row,
:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-brand { color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) .brand-mark-ring,
:root[data-appearance="dark"]:has(body.is-authenticated) .brand-mark-line,
:root[data-appearance="dark"]:has(body.is-authenticated) .brand-mark-arrow { fill: none; stroke: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-brand-text { color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar { border-right: 0; background: var(--dm-raised); color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-rail { background: linear-gradient(180deg, var(--dm-greenFill) 0%, var(--dm-raised) 100%); border-right: 1px solid color-mix(in srgb, var(--dm-border) 8%, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-main { background: radial-gradient(circle at 55% 7%, color-mix(in srgb, var(--dm-greenFill) 18%, transparent), transparent 36%),
    linear-gradient(180deg, var(--dm-greenFill) 0%, var(--dm-greenFill) 45%, var(--dm-raised) 100%); }:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-rail-brand { color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-rail .nav-tab { border: 0; background: transparent; color: color-mix(in srgb, var(--dm-onBrand) 88%, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-rail .nav-tab:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-rail .nav-tab.active { background: color-mix(in srgb, var(--dm-greenFill) 26%, transparent); color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-rail-collapse { border: 0; background: transparent; color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-brand { color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-brand-text { color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) .brand-mark-ring,
:root[data-appearance="dark"]:has(body.is-authenticated) .brand-mark-line,
:root[data-appearance="dark"]:has(body.is-authenticated) .brand-mark-arrow { fill: none; stroke: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-main .profile-card { border: 1px solid color-mix(in srgb, var(--dm-border) 18%, transparent); background: color-mix(in srgb, var(--dm-raised) 8%, transparent); color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-main .profile-card strong,
:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-main .profile-card span,
:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-main .profile-card svg { color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-main .profile-avatar { background: color-mix(in srgb, var(--dm-greenFill) 45%, transparent); color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-section-label { color: color-mix(in srgb, var(--dm-onBrand) 65%, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-main .nav-tab { border: 0; background: transparent; color: color-mix(in srgb, var(--dm-onBrand) 90%, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-main .nav-tab:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-main .nav-tab.active { background: color-mix(in srgb, var(--dm-raised) 16%, transparent); color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-main .help-card { border: 1px solid color-mix(in srgb, var(--dm-border) 18%, transparent); background: color-mix(in srgb, var(--dm-raised) 8%, transparent); color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-main .help-card div { border: 2px solid color-mix(in srgb, var(--dm-border) 82%, transparent); background: transparent; color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-main .help-card strong,
:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-main .help-card small,
:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-main .help-card svg { color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-main .collapse-button { border: 0; border-top: 1px solid color-mix(in srgb, var(--dm-border) 12%, transparent); background: color-mix(in srgb, var(--dm-raised) 8%, transparent); color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar { background: radial-gradient(circle at 55% 7%, color-mix(in srgb, var(--dm-greenFill) 18%, transparent), transparent 36%),
    linear-gradient(180deg, var(--dm-greenFill) 0%, var(--dm-greenFill) 45%, var(--dm-raised) 100%); }:root[data-appearance="dark"]:has(body.is-authenticated) .app-frame.sidebar-collapsed .sidebar { background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) .custom-page-toolbar { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .custom-page-toolbar strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .custom-page-toolbar span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .custom-page-frame-card { border: 1px solid var(--dm-border); background: var(--dm-surface); box-shadow: 0 12px 28px rgba(0,0,0,0.06); }:root[data-appearance="dark"]:has(body.is-authenticated) .custom-page-frame-card iframe { border: 0; background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .custom-page-loading { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .custom-page-spinner { border: 3px solid var(--dm-border); border-top-color: var(--dm-greenBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-brand { border: 1px solid color-mix(in srgb, var(--dm-border) 78%, transparent); background: var(--dm-raised); color: var(--dm-green); box-shadow: 0 10px 22px rgba(0,0,0,0.16); }:root[data-appearance="dark"]:has(body.is-authenticated) .brand-mark-ring,
:root[data-appearance="dark"]:has(body.is-authenticated) .brand-mark-line,
:root[data-appearance="dark"]:has(body.is-authenticated) .brand-mark-arrow { fill: none; stroke: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-brand-text { color: var(--dm-green); text-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-brand-text .brand-text-dark { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-brand-text .brand-text-bright { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .app-frame.sidebar-collapsed .sidebar-rail-brand { border: 1px solid color-mix(in srgb, var(--dm-border) 70%, transparent); background: var(--dm-raised); box-shadow: 0 8px 18px rgba(0,0,0,0.18); }:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar,
:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-main,
:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-rail { background: var(--dm-raised) !important; color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar { border-right: 1px solid var(--dm-border); box-shadow: 10px 0 28px rgba(0,0,0,0.05); }:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-main { border-right: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-rail { border-right: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-brand { border: 0; background: transparent; box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-section-label { color: var(--dm-green) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-main .profile-card,
:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-main .help-card { border-color: var(--dm-border); background: var(--dm-raised); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-main .profile-card strong,
:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-main .help-card strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-main .profile-card span,
:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-main .help-card small,
:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-main .profile-card svg,
:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-main .help-card svg { color: var(--dm-text); stroke: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-main .profile-avatar,
:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-main .help-card div { background: linear-gradient(135deg, var(--dm-greenFill) 0%, var(--dm-greenFill) 52%, var(--dm-greenFill) 100%); color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-main .nav-tab,
:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-main .collapse-button,
:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-rail .nav-tab,
:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-rail-collapse { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-main .nav-tab svg,
:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-main .collapse-button svg,
:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-rail .nav-tab svg,
:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-rail-collapse svg { stroke: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-main .nav-tab:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-main .nav-tab.active,
:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-rail .nav-tab:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-rail .nav-tab.active { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-main .nav-tab:hover svg,
:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-main .nav-tab.active svg,
:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-rail .nav-tab:hover svg,
:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-rail .nav-tab.active svg { stroke: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-main .sidebar-footer { border-top-color: var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .app-frame.sidebar-collapsed .sidebar-rail-brand,
:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-rail-brand { border: 0; background: transparent; box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) .log-employee-control { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .log-employee-control:focus-within { border-color: var(--dm-greenBorder); box-shadow: 0 0 0 1px #087a1e; }:root[data-appearance="dark"]:has(body.is-authenticated) .log-employee-control > svg { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal .log-employee-control #logEmployeeSearch { border: 0; background: transparent; box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal .log-employee-control #logEmployeeSearch:focus,
:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal .log-employee-control #logEmployeeSearch:focus-visible { border: 0; outline: 0; box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal .log-employee-control #logEmployeeSearch:disabled { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .log-employee-clear { border: 0; background: transparent; color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .log-employee-clear:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .log-employee-clear:focus-visible { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .log-employee-results { border: 1px solid var(--dm-border); border-top: 0; background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .log-employee-result { border: 0; border-bottom: 1px solid var(--dm-border); background: transparent; color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .log-employee-result:last-child { border-bottom: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) .log-employee-result:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .log-employee-result:focus-visible,
:root[data-appearance="dark"]:has(body.is-authenticated) .log-employee-result.selected { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .log-employee-result small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .log-employee-empty { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .create-log-form-column .field select,
:root[data-appearance="dark"]:has(body.is-authenticated) .create-log-form-column .field input,
:root[data-appearance="dark"]:has(body.is-authenticated) .create-log-form-column .field textarea { border: 1px solid var(--dm-border); box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) .create-log-form-column .field select:focus,
:root[data-appearance="dark"]:has(body.is-authenticated) .create-log-form-column .field input:focus,
:root[data-appearance="dark"]:has(body.is-authenticated) .create-log-form-column .field textarea:focus,
:root[data-appearance="dark"]:has(body.is-authenticated) .create-log-form-column .field select:focus-visible,
:root[data-appearance="dark"]:has(body.is-authenticated) .create-log-form-column .field input:focus-visible,
:root[data-appearance="dark"]:has(body.is-authenticated) .create-log-form-column .field textarea:focus-visible { outline: none; border-color: var(--dm-greenBorder); box-shadow: 0 0 0 1px #087a1e; }:root[data-appearance="dark"]:has(body.is-authenticated) .create-log-form-column input[readonly] { color: var(--dm-green); background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .create-log-ack-check { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .create-log-ack-check small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .log-history-panel { border: 1px solid var(--dm-border); background: var(--dm-surface); box-shadow: 0 12px 28px rgba(0,0,0,0.06); }:root[data-appearance="dark"]:has(body.is-authenticated) .log-history-panel h4 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .log-history-panel > p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .log-history-empty { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .log-history-empty strong,
:root[data-appearance="dark"]:has(body.is-authenticated) .log-history-card strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .log-history-empty span,
:root[data-appearance="dark"]:has(body.is-authenticated) .log-history-card small,
:root[data-appearance="dark"]:has(body.is-authenticated) .log-history-card p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .log-history-card { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .log-history-card > span { border: 1px solid var(--dm-greenBorder); background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .content { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #scheduleView.workspace-polished { background: var(--dm-surface); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-header h3 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-header p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-header-actions .button,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-admin-actions .button { border: 1px solid var(--dm-border); background: var(--dm-surface); color: var(--dm-text); box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #openManagerAvailabilityButton,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #openPresetModalButton,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #schedulePublishButton.publish-schedule-button,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #openShiftModalButton,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #scheduleFullscreenButton,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #schedulePrintButton,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #scheduleExitFullscreenButton { background: linear-gradient(135deg, var(--dm-greenFill) 0%, var(--dm-greenFill) 48%, var(--dm-greenFill) 100%); border-color: var(--dm-greenBorder); color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #openManagerAvailabilityButton svg,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #openPresetModalButton svg,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #schedulePublishButton.publish-schedule-button svg,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #openShiftModalButton svg,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #scheduleFullscreenButton svg,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #schedulePrintButton svg,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #scheduleExitFullscreenButton svg { color: var(--dm-onBrand); stroke: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #openManagerAvailabilityButton:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #openPresetModalButton:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #schedulePublishButton.publish-schedule-button:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #openShiftModalButton:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #scheduleFullscreenButton:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #schedulePrintButton:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #scheduleExitFullscreenButton:hover { background: linear-gradient(135deg, var(--dm-mutedSurface) 0%, var(--dm-greenFill) 45%, var(--dm-greenFill) 100%); border-color: var(--dm-greenBorder); color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #openManagerAvailabilityButton:hover svg,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #openPresetModalButton:hover svg,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #schedulePublishButton.publish-schedule-button:hover svg,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #openShiftModalButton:hover svg,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #scheduleFullscreenButton:hover svg,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #schedulePrintButton:hover svg,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #scheduleExitFullscreenButton:hover svg { color: var(--dm-onBrand); stroke: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #openManagerAvailabilityButton:active,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #openPresetModalButton:active,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #schedulePublishButton.publish-schedule-button:active,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #openShiftModalButton:active,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #scheduleFullscreenButton:active,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #schedulePrintButton:active,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #scheduleExitFullscreenButton:active { background: linear-gradient(135deg, var(--dm-mutedSurface) 0%, var(--dm-greenFill) 50%, var(--dm-greenFill) 100%); border-color: var(--dm-greenBorder); color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #openManagerAvailabilityButton:focus-visible,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #openPresetModalButton:focus-visible,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #schedulePublishButton.publish-schedule-button:focus-visible,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #openShiftModalButton:focus-visible,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #scheduleFullscreenButton:focus-visible,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #schedulePrintButton:focus-visible,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #scheduleExitFullscreenButton:focus-visible { outline: 2px solid var(--dm-greenBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #openManagerAvailabilityButton:disabled,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #openPresetModalButton:disabled,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #schedulePublishButton.publish-schedule-button:disabled,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #openShiftModalButton:disabled,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #scheduleFullscreenButton:disabled,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #schedulePrintButton:disabled,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #scheduleExitFullscreenButton:disabled { background: linear-gradient(135deg, var(--dm-mutedSurface) 0%, var(--dm-blueSoft) 100%); border-color: var(--dm-border); color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #openManagerAvailabilityButton:disabled svg,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #openPresetModalButton:disabled svg,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #schedulePublishButton.publish-schedule-button:disabled svg,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #openShiftModalButton:disabled svg,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #scheduleFullscreenButton:disabled svg,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #schedulePrintButton:disabled svg,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #scheduleExitFullscreenButton:disabled svg { color: var(--dm-onBrand); stroke: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #scheduleModeTabs { border: 0; background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #scheduleModeTabs .status-tab { border: 0; border-bottom: 1px solid var(--dm-border); background: transparent; color: var(--dm-muted); box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #scheduleModeTabs .status-tab.active { border-bottom: 2px solid var(--dm-greenBorder); background: transparent; color: var(--dm-green); box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #schedulePrevWeek,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #scheduleNextWeek { border: 1px solid var(--dm-border); background: var(--dm-surface); color: var(--dm-text); box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-week-label { border: 1px solid var(--dm-border); border-right: 0; border-left: 0; background: var(--dm-surface); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-week-label svg { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #scheduleCurrentWeek { border: 1px solid var(--dm-border); background: var(--dm-surface); color: var(--dm-text); box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #scheduleLocationField span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #scheduleLocationSelect { border: 1px solid var(--dm-border); background: var(--dm-surface); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #locationScheduleSummary .schedule-v2-kpi { border: 1px solid var(--dm-border); background: var(--dm-surface); box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #locationScheduleSummary .schedule-v2-kpi::before { background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #locationScheduleSummary .schedule-v2-kpi.red::before { background: var(--dm-redFill); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #locationScheduleSummary .schedule-v2-icon { background: transparent; color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #locationScheduleSummary .schedule-v2-kpi.red .schedule-v2-icon { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #locationScheduleSummary .schedule-v2-kpi p { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #locationScheduleSummary .schedule-v2-kpi strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #locationScheduleSummary .schedule-v2-kpi small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-team-card { border: 1px solid var(--dm-border); background: var(--dm-surface); box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-grid { border: 0; background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-grid-header { border-right: 1px solid color-mix(in srgb, var(--dm-border) 35%, transparent); border-bottom: 1px solid var(--dm-greenBorder); background: var(--dm-greenFill); color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-grid-header strong { color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-grid-header small { color: color-mix(in srgb, var(--dm-onBrand) 95%, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-employee-cell,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-day-cell,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-total-cell,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-total-label { border-right: 1px solid var(--dm-border); border-bottom: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-employee-cell.employee-move-source { border-left: 4px solid var(--dm-greenBorder); background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-employee-cell.employee-move-source::after { border: 1px solid var(--dm-greenBorder); background: var(--dm-surface); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-employee-cell.employee-move-target-before,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-employee-cell.employee-move-target-after { background: var(--dm-greenSoft); outline: 2px solid var(--dm-greenBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-employee-cell.employee-move-target-before::before,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-employee-cell.employee-move-target-after::before { background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-employee-cell strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-employee-cell span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-employee-order-button { border: 1px solid var(--dm-border); background: var(--dm-surface); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-employee-order-button:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-employee-order-button:focus-visible { border-color: var(--dm-greenBorder); background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-day-cell { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-cell-action { border: 0; background: transparent; color: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-cell-action:focus-visible { outline: 2px solid var(--dm-greenBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .shift-pill,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-availability { border: 1px solid transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-off-marker,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-print-off-fallback { border: 1px solid var(--dm-border); border-left: 3px solid var(--dm-border); background: var(--dm-surface); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-availability.has-time small { color: inherit; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .shift-pill.scheduled { border-color: color-mix(in srgb, var(--shift-color, #237A50) 45%, var(--dm-border)); border-left-color: var(--shift-color, var(--dm-greenBorder)); background: color-mix(in srgb, var(--shift-color, #237A50) 15%, var(--dm-surface)); color: var(--shift-text-color, var(--dm-green)); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .shift-pill.has-conflict { border: 1px solid var(--dm-redBorder) !important; border-left: 4px solid var(--dm-redBorder) !important; background: var(--dm-redSoft) !important; color: var(--dm-red) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .shift-pill.has-conflict:hover { outline: 2px solid var(--dm-redBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .shift-pill.has-conflict small { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .shift-conflict-time { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .shift-conflict-label { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-conflict-icon { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .shift-pill.open { border-color: var(--dm-blueBorder); border-left-color: var(--dm-blueBorder); background: var(--dm-blueSoft); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .shift-pill.pending { border-color: var(--dm-orangeBorder); border-left-color: var(--dm-orangeBorder); background: var(--dm-orangeSoft); color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .shift-pill.cannot-work,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-availability.cannot-work,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-availability.unavailable { border-color: var(--dm-redBorder); border-left-color: var(--dm-redBorder); background: var(--dm-redSoft); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-availability.prefer-off { border-color: var(--dm-purpleBorder); border-left-color: var(--dm-purpleBorder); background: var(--dm-purpleSoft); color: var(--dm-purple); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-availability.unavailable small { color: inherit; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .no-shift { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-total-cell,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-total-label { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-total-label { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-total-cell small { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-total-cell strong { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-legend { border-top: 1px solid var(--dm-border); background: var(--dm-surface); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #scheduleView.schedule-fullscreen-shell { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #scheduleView.schedule-fullscreen-shell .schedule-v2-header h3 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #scheduleView.schedule-fullscreen-shell .schedule-v2-header p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #scheduleView.schedule-fullscreen-shell .schedule-v2-team-card { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .legend-dot.scheduled { background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .legend-dot.open { background: var(--dm-blueFill); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .legend-dot.pending { background: var(--dm-orangeFill); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .legend-badge.cannot-work { background: var(--dm-redFill); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .legend-badge.prefer-off { background: var(--dm-purpleFill); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .legend-badge.off { background: var(--dm-mutedSurface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .legend-dash { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .native-progress { border: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) .native-progress::-webkit-progress-bar { background: color-mix(in srgb, var(--dm-mutedSurface) 8%, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) .native-progress::-webkit-progress-value,
:root[data-appearance="dark"]:has(body.is-authenticated) .native-progress::-moz-progress-bar { background: var(--onespotops-green, var(--dm-greenFill)); }:root[data-appearance="dark"]:has(body.is-authenticated) .hours-bar-native { border: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) .active-preset-banner { background: var(--dm-greenSoft); border: 1px solid var(--dm-greenBorder); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .active-preset-banner button { background: var(--dm-surface); border: 1px solid var(--dm-greenBorder); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-context-menu { background: var(--dm-raised); border: 1px solid var(--dm-border); box-shadow: 0 12px 24px rgba(0,0,0,0.12); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-context-menu-item { color: var(--dm-text); border: 0; background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-context-menu-item > svg { color: currentColor; }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-context-menu-item:hover { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-context-menu-item.danger { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-context-menu-item.danger:hover { background: var(--dm-redSoft); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-context-menu .schedule-context-menu-item[data-context-edit-availability],
:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-context-menu .schedule-context-menu-item[data-context-manage-availability] { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-context-menu .schedule-context-menu-item[data-context-edit-availability]:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-context-menu .schedule-context-menu-item[data-context-manage-availability]:hover { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-context-menu-divider { background: var(--dm-blueSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-context-menu-item small,
:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-context-menu-label span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-context-menu-label,
:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-context-menu-empty { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-context-menu-empty { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-day-cell.preset-placement-active:hover { background: var(--dm-greenSoft); outline: 2px solid var(--dm-greenBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) .shift-pill.preset-shift { background: var(--dm-greenSoft); border: 1px solid var(--dm-greenBorder); border-left: 4px solid var(--dm-greenBorder); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] table.logs-table tr { border-left: 0 !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] table.logs-table th { border-bottom: 1px solid var(--dm-border) !important; background: var(--dm-surface) !important; color: var(--dm-muted) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] table.logs-table td { border-bottom: 1px solid var(--dm-border) !important; color: var(--dm-text) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] table.logs-table tr.selected-log-row,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] table.logs-table tr.is-selected { background: var(--dm-greenSoft) !important; box-shadow: inset 4px 0 0 #008a37 !important; }:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-main .profile-card { border: 0 !important; background: transparent !important; box-shadow: none !important; }:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-main .profile-card:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-main .profile-card:focus-visible { background: color-mix(in srgb, var(--dm-greenFill) 6%, transparent) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-main .profile-card strong { color: var(--dm-text) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-main .profile-card span { color: var(--dm-muted) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-main .profile-card > svg { color: var(--dm-muted) !important; stroke: var(--dm-muted) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-summary-value strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-summary-value span,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-stat-list span,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-alert-preview { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-stat-list span { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-activity-item strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-activity-item p,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-activity-item small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-drawer-backdrop { background: rgba(15, 23, 42, 0.32); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-customize-drawer { border-left: 1px solid var(--dm-border); background: var(--dm-raised); box-shadow: -24px 0 60px rgba(0,0,0,0.16); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-drawer-header,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-drawer-actions { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-drawer-header h3 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-drawer-header p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-widget-row { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-widget-row.is-hidden { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-widget-row strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-widget-row p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-drag-handle,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-row-order button { border: 1px solid var(--dm-border); background: var(--dm-surface); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-row-badge { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-switch { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-drawer-actions { border-top: 1px solid var(--dm-border); border-bottom: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) .public-homepage { --public-green: var(--dm-greenFill); --public-green-dark: var(--dm-greenFill); --public-green-soft: var(--dm-greenSoft); --public-ink: var(--dm-text); --public-muted: var(--dm-muted); --public-line: var(--dm-border); background: radial-gradient(circle at 68% 7%, color-mix(in srgb, var(--dm-greenFill) 8%, transparent), transparent 28%),
    linear-gradient(180deg, var(--dm-surface) 0%, var(--dm-surface) 72%, var(--dm-surface) 100%); color: var(--public-ink); }:root[data-appearance="dark"]:has(body.is-authenticated) .public-homepage a { color: inherit; }:root[data-appearance="dark"]:has(body.is-authenticated) .public-header { border-bottom: 1px solid var(--dm-border); background: color-mix(in srgb, var(--dm-surface) 92%, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) .public-nav { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .public-nav a::after { border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; }:root[data-appearance="dark"]:has(body.is-authenticated) .public-link-button { border: 0; background: transparent; color: var(--public-ink); }:root[data-appearance="dark"]:has(body.is-authenticated) .public-button { border: 1px solid var(--dm-greenBorder); box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) .public-button.primary { background: linear-gradient(135deg, var(--dm-greenFill) 0%, var(--dm-greenFill) 48%, var(--dm-greenFill) 100%); color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) .public-button.secondary { background: var(--dm-surface); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .public-pill { background: var(--public-green-soft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .public-hero h1 { color: var(--public-ink); }:root[data-appearance="dark"]:has(body.is-authenticated) .public-hero h1 span { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .public-hero-copy p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .public-trust-points { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .public-trust-points svg { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .desktop-mockup { border: 12px solid var(--dm-border); background: var(--dm-mutedSurface); box-shadow: 0 34px 70px rgba(0,0,0,0.22); }:root[data-appearance="dark"]:has(body.is-authenticated) .mockup-topbar { background: var(--dm-mutedSurface); }:root[data-appearance="dark"]:has(body.is-authenticated) .mockup-screen { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .mockup-sidebar { border-right: 1px solid var(--dm-border); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) .mockup-person b { background: var(--dm-greenFill); color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) .mockup-person small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .mockup-nav { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .mockup-nav.active { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .mockup-main p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .mockup-card { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .mockup-card small,
:root[data-appearance="dark"]:has(body.is-authenticated) .mockup-card span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .mockup-card strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .mockup-table { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .mockup-table div { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .mockup-table div:last-child { border-bottom: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) .mockup-table span { border: 1px solid var(--dm-greenBorder); background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .mobile-mockup { border: 9px solid var(--dm-border); background: var(--dm-surface); box-shadow: 0 26px 50px rgba(0,0,0,0.25); }:root[data-appearance="dark"]:has(body.is-authenticated) .phone-speaker { background: var(--dm-mutedSurface); }:root[data-appearance="dark"]:has(body.is-authenticated) .mobile-mockup small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .phone-card { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .phone-card span { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .phone-card.compact span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .phone-tabs { border-top: 1px solid var(--dm-border); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .public-review-grid article,
:root[data-appearance="dark"]:has(body.is-authenticated) .public-panel,
:root[data-appearance="dark"]:has(body.is-authenticated) .public-login-card { border: 1px solid var(--public-line); background: var(--dm-surface); box-shadow: 0 18px 44px rgba(0,0,0,0.05); }:root[data-appearance="dark"]:has(body.is-authenticated) .public-review-grid div { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .public-review-grid p { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .public-review-grid strong,
:root[data-appearance="dark"]:has(body.is-authenticated) .public-review-grid span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .public-panel li > svg,
:root[data-appearance="dark"]:has(body.is-authenticated) .setup-panel li > i,
:root[data-appearance="dark"]:has(body.is-authenticated) .feature-panel li > i { border: 1px solid var(--dm-greenBorder); background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .public-panel b { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .public-panel small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .public-panel > a { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .pricing-panel > p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .pricing-cards section { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .pricing-cards section.featured { border: 2px solid var(--dm-greenBorder); box-shadow: 0 20px 38px rgba(0,0,0,0.12); }:root[data-appearance="dark"]:has(body.is-authenticated) .pricing-cards em { background: var(--dm-greenFill); color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) .pricing-cards li { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .pricing-cards li::before { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .public-cta-band p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .public-login-backdrop { background: rgba(15, 23, 42, 0.5); }:root[data-appearance="dark"]:has(body.is-authenticated) .public-login-remember { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .public-login-remember input { accent-color: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) .public-login-remember small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .auth-action-page { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .auth-action-page .public-login-card { border-color: var(--dm-border); box-shadow: 0 24px 70px rgba(0,0,0,.12); }:root[data-appearance="dark"]:has(body.is-authenticated) .auth-action-page .public-login-card::before { background: linear-gradient(90deg, var(--dm-greenFill), var(--dm-greenFill)); }:root[data-appearance="dark"]:has(body.is-authenticated) .auth-action-icon { border: 1px solid var(--dm-greenBorder); background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .auth-action-copy { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .auth-password-hint { border: 1px solid var(--dm-border); background: var(--dm-surface); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .auth-password-hint svg { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .auth-forgot-link,
:root[data-appearance="dark"]:has(body.is-authenticated) .auth-back-login { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .page-subtitle { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #globalSearch::placeholder,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowSearch::placeholder { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #openMyActivity { background: var(--dm-surface); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowView.active .task-metric-card { border: 1px solid var(--dm-border); background: var(--dm-surface); box-shadow: 0 12px 28px rgba(0,0,0,0.04); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowView.active .workflow-queue { border: 1px solid var(--dm-border); background: var(--dm-surface); box-shadow: 0 16px 34px rgba(0,0,0,0.04); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-tabs-header { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #taskContextTabs button { border: 0; border-bottom: 3px solid transparent; background: transparent; color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #taskContextTabs button.active { border-bottom-color: var(--dm-greenBorder); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #taskContextTabs span { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-filter-row { border: 0; background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-filter-row label span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-filter-row select,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-clear { border: 1px solid var(--dm-border); background: var(--dm-mutedSurface); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-clear { border-color: transparent; color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-count { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card { border: 1px solid var(--dm-border); background: var(--dm-surface); box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.overdue { border-color: var(--dm-border); background: var(--dm-surface); box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.selected,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.overdue.selected { border-color: var(--dm-greenBorder); background: var(--dm-greenSoft); box-shadow: 0 10px 24px rgba(0,0,0,0.08); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-top > span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card h4 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-footer { border-top: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-footer-label { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-footer-value { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-details span,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-details strong { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-details .task-card-due span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-load-state { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowView.active .task-detail-panel { border: 1px solid var(--dm-border); border-top: 4px solid var(--dm-greenBorder); background: var(--dm-surface); box-shadow: 0 18px 44px rgba(0,0,0,0.08); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .detail-panel-header { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .detail-panel-header h3 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .detail-panel-header p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .button.danger-outline { border: 1px solid var(--dm-redBorder); background: var(--dm-surface); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .detail-field-list { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .detail-field-list span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .detail-field-list strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .detail-section { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .detail-section h4 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .detail-section p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .send-update-button { border-color: var(--dm-greenBorder); background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-edit-action { background: var(--dm-surface); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .detail-panel-header .task-icon-action { border: 1px solid var(--dm-border); background: var(--dm-surface); color: var(--dm-text); box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .detail-panel-header .task-icon-action:hover { border-color: var(--dm-greenBorder); background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-side-comment-form.compact { border: 0; background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-side-comment-form.compact textarea { border: 1px solid var(--dm-border); background: var(--dm-mutedSurface); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-side-comment-form.compact .icon-button { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-side-comment-form.compact .send-update-button { border-color: var(--dm-greenBorder); background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-details { border-top: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.selected,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.overdue.selected { border-color: var(--dm-greenBorder); background: var(--dm-greenSoft); box-shadow: 0 8px 18px rgba(0,0,0,0.06); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-detail-status-row .task-status-dropdown { border: 1px solid var(--dm-border); background: var(--dm-raised); box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-status-menu { border: 1px solid var(--dm-border); background: var(--dm-raised); box-shadow: 0 12px 24px rgba(0,0,0,0.10); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-status-menu-item,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-status-menu button,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-sort-menu button { border: 0; background: transparent; color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-status-menu-item:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-status-menu button:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-sort-menu button:hover { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-status-menu-item.active,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-status-menu button.active,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-sort-menu button.active { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-footer { border-top: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-footer-label { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-footer-value { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .detail-section h4 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .tasks-sort-label { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .tasks-sort-value { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-thread .empty-state .empty-icon { border: 1px solid var(--dm-greenBorder); background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-activity-item { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-activity-item:last-child { border-bottom: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-activity-author { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-activity-time { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-activity-item p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-attachment-card { border: 1px solid var(--dm-border); background: var(--dm-surface); color: inherit; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-attachment-card:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-attachment-card:focus-visible { border-color: var(--dm-greenBorder); background: var(--dm-greenSoft); outline: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-attachment-card svg { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-attachment-name { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-attachment-meta { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .page-header h2 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .page-subtitle { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-info-banner { border: 1px solid var(--dm-greenBorder); background: var(--dm-greenSoft); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-info-banner svg { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-kpi-card { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-kpi-card p { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-kpi-card strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-kpi-card small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-record-card { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .database-filter-row select,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .database-filter-row button { border: 1px solid var(--dm-border); background: var(--dm-mutedSurface); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-reset-button { border-color: var(--dm-blueBorder); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-reset-button:hover { background: var(--dm-blueSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-table-wrap { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] table.logs-table th { border-bottom: 1px solid var(--dm-border); background: var(--dm-surface); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] table.logs-table td { border-bottom: 1px solid var(--dm-border); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] table.logs-table tbody tr:hover { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] table.logs-table tbody tr.selected-log-row,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] table.logs-table tbody tr.is-selected { background: var(--dm-greenSoft); box-shadow: inset 4px 0 0 #008a37; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-avatar { border: 1px solid var(--dm-border); background: var(--dm-mutedSurface); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-employee-name,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-title { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-employee-meta,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-title-preview,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-cell-truncate { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-badge,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-badge { border: 1px solid var(--dm-border); background: var(--dm-surface); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-badge.pending,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .status-pending { border-color: var(--dm-border); background: var(--dm-surface); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-badge.acknowledged,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .status-acknowledged { border-color: var(--dm-greenBorder); background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-badge.not-requested,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .status-not-requested { border-color: var(--dm-border); background: var(--dm-surface); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-action-button { border: 1px solid var(--dm-greenBorder); background: var(--dm-surface); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-action-button:hover { border-color: var(--dm-greenBorder); background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .pagination-lite button,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .pagination-lite select { border: 1px solid var(--dm-border); background: var(--dm-mutedSurface); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-detail-panel { border: 0; border-left: 1px solid var(--dm-border); border-top: 4px solid var(--dm-greenBorder); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-detail-header { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-detail-header h3 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-detail-topline .icon-button { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-detail-fields { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-detail-field-row span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-detail-field-row strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-detail-section { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-detail-section h4 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-timeline-item { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-timeline-item:last-child { border-bottom: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .detail-comment-box input { border: 1px solid var(--dm-border); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .detail-comment-box .button { border: 1px solid var(--dm-greenBorder); background: var(--dm-greenFill); color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .detail-comment-box .button:hover { background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .log-detail-id { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .log-detail-meta-line,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .log-detail-person-line { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .log-detail-person-line { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .log-detail-actions { border-bottom: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .log-action-primary,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .log-action-secondary { border: 1px solid var(--dm-greenBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .log-action-primary { background: var(--dm-greenFill); color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .log-action-secondary { background: var(--dm-surface); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .log-action-primary:hover { background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .log-action-secondary:hover { background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-detail-comment-footer { border-top: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) { --text-page-title: 32px; --text-section-title: 16px; --text-body: 14px; --text-small: 12px; --text-table: 13px; --text-badge: 11px; }:root[data-appearance="dark"]:has(body.is-authenticated) body { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .page-title,
:root[data-appearance="dark"]:has(body.is-authenticated) .page-header h2,
:root[data-appearance="dark"]:has(body.is-authenticated) .public-panel h3,
:root[data-appearance="dark"]:has(body.is-authenticated) .signals-header h2,
:root[data-appearance="dark"]:has(body.is-authenticated) .announcements-header h2,
:root[data-appearance="dark"]:has(body.is-authenticated) .platform-hero h3 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .page-subtitle,
:root[data-appearance="dark"]:has(body.is-authenticated) .page-header p,
:root[data-appearance="dark"]:has(body.is-authenticated) .signals-header p,
:root[data-appearance="dark"]:has(body.is-authenticated) .announcements-header p,
:root[data-appearance="dark"]:has(body.is-authenticated) .employee-dashboard-top p,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-subtitle,
:root[data-appearance="dark"]:has(body.is-authenticated) .page-description { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .card-title,
:root[data-appearance="dark"]:has(body.is-authenticated) .section-title,
:root[data-appearance="dark"]:has(body.is-authenticated) .section-heading h3,
:root[data-appearance="dark"]:has(body.is-authenticated) .data-card h3,
:root[data-appearance="dark"]:has(body.is-authenticated) .employee-card-title h3,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-card-title,
:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-detail h3,
:root[data-appearance="dark"]:has(body.is-authenticated) .modal-header h3 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .card-copy,
:root[data-appearance="dark"]:has(body.is-authenticated) .body-copy,
:root[data-appearance="dark"]:has(body.is-authenticated) .data-card p,
:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-body,
:root[data-appearance="dark"]:has(body.is-authenticated) .employee-card-footer-note,
:root[data-appearance="dark"]:has(body.is-authenticated) .empty-state p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .meta-text,
:root[data-appearance="dark"]:has(body.is-authenticated) .helper-text,
:root[data-appearance="dark"]:has(body.is-authenticated) .field small,
:root[data-appearance="dark"]:has(body.is-authenticated) .form-help,
:root[data-appearance="dark"]:has(body.is-authenticated) .kicker,
:root[data-appearance="dark"]:has(body.is-authenticated) .employee-task-head,
:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-card-top,
:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-card-meta,
:root[data-appearance="dark"]:has(body.is-authenticated) .timeline-meta,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-row-badge { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-dashboard-top h2,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-greeting,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-title { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-summary-card h3,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-card-title { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-summary-card strong,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-metric-value,
:root[data-appearance="dark"]:has(body.is-authenticated) .metric-value { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-card-link,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-card-link { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) table th,
:root[data-appearance="dark"]:has(body.is-authenticated) .table th,
:root[data-appearance="dark"]:has(body.is-authenticated) .data-table th,
:root[data-appearance="dark"]:has(body.is-authenticated) .database-table th,
:root[data-appearance="dark"]:has(body.is-authenticated) .logs-table th,
:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-table th,
:root[data-appearance="dark"]:has(body.is-authenticated) .workflow-queue table th,
:root[data-appearance="dark"]:has(body.is-authenticated) .platform-table th,
:root[data-appearance="dark"]:has(body.is-authenticated) .signals-table-header { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) table td,
:root[data-appearance="dark"]:has(body.is-authenticated) .table td,
:root[data-appearance="dark"]:has(body.is-authenticated) .data-table td,
:root[data-appearance="dark"]:has(body.is-authenticated) .database-table td,
:root[data-appearance="dark"]:has(body.is-authenticated) .logs-table td,
:root[data-appearance="dark"]:has(body.is-authenticated) .workflow-queue table td,
:root[data-appearance="dark"]:has(body.is-authenticated) .platform-table td { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) input,
:root[data-appearance="dark"]:has(body.is-authenticated) select,
:root[data-appearance="dark"]:has(body.is-authenticated) textarea { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) input::placeholder,
:root[data-appearance="dark"]:has(body.is-authenticated) textarea::placeholder { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) label,
:root[data-appearance="dark"]:has(body.is-authenticated) .form-label,
:root[data-appearance="dark"]:has(body.is-authenticated) .field > span,
:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-field > span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-color-control input[type="color"] { border: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-color-control span { border: 1px solid var(--dm-border); background: var(--swatch-color, var(--dm-greenFill)); }:root[data-appearance="dark"]:has(body.is-authenticated) .company-admin-header h2 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .company-admin-header p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .company-admin-menu { border: 0; border-bottom: 1px solid var(--dm-border); background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-menu-item { border: 0; border-bottom: 3px solid transparent; background: transparent; color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-menu-item:hover { color: var(--dm-green); background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-menu-item.is-active { border-bottom-color: var(--dm-greenBorder); background: transparent; box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-menu-label { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-toolbar { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-search-field { border: 1px solid var(--dm-border); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-search-field:focus-within { border-color: var(--dm-greenBorder); box-shadow: 0 0 0 2px rgba(0,0,0,0.1); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-search-field input { border: 0; outline: 0; background: transparent; color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-section-header h3,
:root[data-appearance="dark"]:has(body.is-authenticated) .admin-detail-header h4,
:root[data-appearance="dark"]:has(body.is-authenticated) .admin-panel-heading h4 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-section-header p,
:root[data-appearance="dark"]:has(body.is-authenticated) .admin-detail-header p,
:root[data-appearance="dark"]:has(body.is-authenticated) .admin-panel-heading p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-panel { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-summary-card { border: 1px solid var(--dm-border); background: var(--dm-surface); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-summary-card:hover { border-color: var(--dm-greenBorder); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-summary-card svg { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-summary-card span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-summary-card small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-navigation-card { border: 1px solid var(--dm-border); background: var(--dm-surface); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-navigation-card:hover { border-color: var(--dm-greenBorder); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-navigation-card > svg:first-child { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-navigation-card:focus-visible { outline: 2px solid var(--dm-greenBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-navigation-card small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-toggle-row { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-toggle-row:hover { border-color: var(--dm-greenBorder); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-toggle-row strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-toggle-row small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-toggle-row i { border: 1px solid var(--dm-border); background: var(--dm-blueSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-toggle-row i::after { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-toggle-row input:checked + i { border-color: var(--dm-greenBorder); background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-brand-preview { border: 1px solid var(--dm-border); border-left: 4px solid var(--company-accent, var(--dm-greenBorder)); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-brand-preview > span { color: var(--company-accent, var(--dm-green)); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-brand-preview h4 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-brand-preview p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-brand-preview b { border: 1px solid color-mix(in srgb, var(--company-accent, var(--dm-greenBorder)) 35%, var(--dm-border)); background: color-mix(in srgb, var(--company-accent, var(--dm-greenFill)) 10%, var(--dm-surface)); color: var(--company-accent, var(--dm-green)); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-checklist-row { border: 1px solid var(--dm-border); background: var(--dm-surface); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-checklist-row svg { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-checklist-row small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-permission-matrix-card { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-permission-matrix { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-permission-matrix th,
:root[data-appearance="dark"]:has(body.is-authenticated) .admin-permission-matrix td { border-right: 1px solid var(--dm-border); border-bottom: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-permission-matrix thead th { background: var(--dm-surface); box-shadow: 0 1px 0 #cbd5d1; }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-permission-matrix .admin-matrix-corner { color: var(--dm-muted); box-shadow: 1px 1px 0 #cbd5d1; }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-matrix-role button { border: 0; background: transparent; color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-matrix-role button:not(:disabled):hover { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-matrix-role small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-permission-matrix tbody .admin-matrix-permission { box-shadow: 1px 0 0 #d9e2de; }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-matrix-permission small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-permission-metadata { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-permission-matrix tbody tr:not(.admin-matrix-group-row):hover th,
:root[data-appearance="dark"]:has(body.is-authenticated) .admin-permission-matrix tbody tr:not(.admin-matrix-group-row):hover td { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-matrix-group-row th { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-matrix-checkbox { accent-color: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-matrix-footer { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-matrix-toolbar { border-bottom: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-matrix-toolbar > span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-matrix-toolbar button { border: 1px solid var(--dm-border); background: var(--dm-surface); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-matrix-toolbar button:not(:disabled):hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .admin-matrix-toolbar button:not(:disabled):focus-visible { border-color: var(--dm-greenBorder); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-matrix-toolbar button:disabled { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-permission-matrix thead th { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-permission-matrix .admin-matrix-corner { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-matrix-role { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-matrix-role .admin-matrix-role-details { border: 0; background: transparent; color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) button.admin-matrix-role-details:not(:disabled):hover,
:root[data-appearance="dark"]:has(body.is-authenticated) button.admin-matrix-role-details:not(:disabled):focus-visible { background: var(--dm-surface); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-matrix-role .admin-matrix-role-details strong { color: currentColor; }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-matrix-role .admin-matrix-role-details small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-matrix-role .admin-matrix-role-toggle { border: 0; border-left: 1px solid var(--dm-border); background: var(--dm-surface); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-matrix-role .admin-matrix-role-toggle:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .admin-matrix-role .admin-matrix-role-toggle:focus-visible { background: var(--dm-surface); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-matrix-role.is-collapsed .admin-matrix-role-toggle { border-top: 1px solid var(--dm-border); border-left: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-matrix-role-abbreviation { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-permission-matrix td.admin-matrix-collapsed-cell { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-permission-matrix tbody .admin-matrix-permission { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-matrix-group-row th { background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-matrix-group-toggle { border: 0; background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-matrix-group-toggle:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .admin-matrix-group-toggle:focus-visible { background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-matrix-group-toggle small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] button.schedule-v2-availability:focus-visible { outline: 2px solid currentColor; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-day-cell.is-read-only:hover { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-matrix-legend { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-matrix-legend i { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-matrix-legend i.is-allowed { border-color: var(--dm-greenBorder); background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-matrix-legend i.is-allowed::after { color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-role-list-item { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-role-list-item.is-active { border-color: var(--dm-greenBorder); background: var(--dm-greenSoft); box-shadow: inset 4px 0 0 #008a37; }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-role-list-item strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-role-list-item small,
:root[data-appearance="dark"]:has(body.is-authenticated) .admin-role-list-item em { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-detail-grid > div { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-detail-grid span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-detail-grid strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-permission-summary { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .permission-group { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .permission-group-header { border-bottom: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .permission-group-actions button { border: 0; background: transparent; color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .permission-group-actions button:hover { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .permission-row { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .permission-row:last-child { border-bottom: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) .permission-row strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .permission-row small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-table-shell { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-table th { background: var(--dm-surface); border-bottom: 1px solid var(--dm-border); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-table td { border-bottom: 1px solid var(--dm-border); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-table tr:hover { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-subsection-header { border-top: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-subsection-header h4 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-subsection-header p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-action-button { border: 1px solid var(--dm-border); background: var(--dm-surface); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-action-button:hover { border-color: var(--dm-greenBorder); background: var(--dm-surface); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-action-button.danger { border-color: var(--dm-redBorder); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-action-button.danger:hover { border-color: var(--dm-redBorder); background: var(--dm-redSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-modal { border: 1px solid var(--dm-border); background: var(--dm-raised); box-shadow: 0 24px 70px rgba(0,0,0,0.22); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-modal-header { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-modal-header h3 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-modal-header p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-modal-footer { border-top: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .role-editor-modal .admin-modal-body { background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) .role-editor-modal .field > span:first-child { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .role-editor-modal .field input:not([type="color"]) { border-color: var(--dm-border); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) .role-editor-modal .field small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .role-editor-active { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .role-editor-active-copy strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .role-editor-active-copy small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .role-editor-toggle { border: 1px solid var(--dm-border); background: var(--dm-blueSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .role-editor-toggle::after { background: var(--dm-surface); box-shadow: 0 1px 2px rgba(0,0,0,0.18); }:root[data-appearance="dark"]:has(body.is-authenticated) .role-editor-active input:checked ~ .role-editor-toggle { border-color: var(--dm-greenBorder); background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) .role-editor-active input:focus-visible ~ .role-editor-toggle { outline: 2px solid var(--dm-blueBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) .role-editor-reassign { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .role-editor-reassign strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .role-editor-reassign small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .role-editor-reassign-controls select { border: 1px solid var(--dm-border); background-color: var(--dm-mutedSurface); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcements-header h2 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcements-header p,
:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-detail-header p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-kpi { border: 1px solid var(--dm-border); border-left: 4px solid var(--dm-greenBorder); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-kpi i { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-kpi span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-kpi strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-list-panel,
:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-detail-panel { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-card,
:root[data-appearance="dark"]:has(body.is-authenticated) .employee-announcement-item { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-card.active,
:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-card:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .employee-announcement-item:hover { border-color: var(--dm-greenBorder); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-card-top,
:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-card-meta { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-card strong,
:root[data-appearance="dark"]:has(body.is-authenticated) .employee-announcement-item strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-card-preview,
:root[data-appearance="dark"]:has(body.is-authenticated) .employee-announcement-item small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-priority { border: 1px solid var(--dm-border); color: var(--dm-muted); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-priority.important { border-color: var(--dm-orangeBorder); background: var(--dm-orangeSoft); color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-priority.urgent { border-color: var(--dm-redBorder); background: var(--dm-redSoft); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-detail h3 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-body { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-body blockquote { border-left: 4px solid var(--dm-greenBorder); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-ack-panel,
:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-ack-card { border: 1px solid var(--dm-greenBorder); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-ack-state { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-editor-toolbar { border: 1px solid var(--dm-border); border-bottom: 0; background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-editor-toolbar button { border: 1px solid var(--dm-border); background: var(--dm-surface); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-editor { border: 1px solid var(--dm-border); outline: none; }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-editor:empty::before { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-audience-picker section { border: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .page-header h2,
:root[data-appearance="dark"]:has(body.is-authenticated) .employee-dashboard-top h2,
:root[data-appearance="dark"]:has(body.is-authenticated) .signals-header h2,
:root[data-appearance="dark"]:has(body.is-authenticated) .announcements-header h2,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-greeting,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-title { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .section-heading h3,
:root[data-appearance="dark"]:has(body.is-authenticated) .data-card h3,
:root[data-appearance="dark"]:has(body.is-authenticated) .employee-card-title h3,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-card-title,
:root[data-appearance="dark"]:has(body.is-authenticated) .modal-header h3 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) { --ops-green-900: var(--dm-greenFill); --ops-green-800: var(--dm-greenFill); --ops-green-700: var(--dm-greenFill); --ops-green-600: var(--dm-greenFill); --ops-green-500: var(--dm-greenFill); --ops-green-100: var(--dm-greenSoft); --ops-green-50: var(--dm-greenSoft); --ops-blue-700: var(--dm-blueFill); --ops-blue-600: var(--dm-blueFill); --ops-blue-100: var(--dm-blueSoft); --ops-blue-50: var(--dm-blueSoft); --ops-red-700: var(--dm-redFill); --ops-red-600: var(--dm-redFill); --ops-red-500: var(--dm-redFill); --ops-red-100: var(--dm-redSoft); --ops-red-50: var(--dm-redSoft); --ops-orange-700: var(--dm-orangeFill); --ops-orange-600: var(--dm-orangeFill); --ops-orange-100: var(--dm-orangeSoft); --ops-orange-50: var(--dm-orangeSoft); --ops-purple-700: var(--dm-purpleFill); --ops-purple-100: var(--dm-purpleSoft); --ops-purple-50: var(--dm-purpleSoft); --ops-slate-900: var(--dm-text); --ops-slate-600: var(--dm-muted); --ops-border: var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-card { border-color: var(--ops-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-card::before { background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-card.is-schedule::before,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-card.is-health.healthy::before { background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-card.is-tasks::before { background: linear-gradient(90deg, var(--dm-greenFill), var(--dm-blueFill)); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-card.is-alerts.has-alerts::before { background: var(--dm-redFill); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-card.is-alerts.no-alerts::before { background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-card.is-health.needs-review::before { background: var(--dm-orangeFill); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-pill,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-stat-list span { border: 1px solid var(--ops-border); background: var(--dm-surface); color: var(--ops-slate-600); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-pill.is-overdue,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-pill.is-critical,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-pill.is-high { border-color: var(--dm-redBorder); background: var(--ops-red-50); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-pill.is-due-today,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-pill.is-warning { border-color: var(--dm-orangeBorder); background: var(--ops-orange-50); color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-pill.is-info { border-color: var(--dm-blueBorder); background: var(--ops-blue-50); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-pill.is-success { border-color: var(--dm-greenBorder); background: var(--ops-green-50); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-preview-card,
:root[data-appearance="dark"]:has(body.is-authenticated) .employee-announcement-item.announcement-preview-card { border: 1px solid var(--ops-border); border-left: 4px solid var(--dm-greenBorder); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-preview-card.is-important { border-left-color: var(--dm-orangeBorder); background: var(--ops-orange-50); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-preview-card.is-urgent { border-left-color: var(--dm-redBorder); background: var(--ops-red-50); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-priority-badge.is-normal { border: 1px solid var(--dm-greenBorder); background: var(--ops-green-100); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-priority-badge.is-important { border: 1px solid var(--dm-orangeBorder); background: var(--ops-orange-100); color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-priority-badge.is-urgent { border: 1px solid var(--dm-redBorder); background: var(--ops-red-100); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-footer-due.task-due-meta,
:root[data-appearance="dark"]:has(body.is-authenticated) .task-due-meta { color: var(--ops-slate-600); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-footer-due .task-due-value,
:root[data-appearance="dark"]:has(body.is-authenticated) .task-due-value { color: var(--ops-slate-900); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-footer-due svg,
:root[data-appearance="dark"]:has(body.is-authenticated) .task-due-meta svg { color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.is-due-today .task-card-footer-due,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.is-due-today .task-card-footer-due svg,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.is-due-today .task-card-footer-due .task-due-value { color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.is-overdue,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.overdue { border-left: 4px solid var(--dm-redBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.is-overdue .task-card-footer-due,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.is-overdue .task-card-footer-due svg,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.is-overdue .task-card-footer-due .task-due-value { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .task-tab-count,
:root[data-appearance="dark"]:has(body.is-authenticated) #taskContextTabs .task-tab-count { background: var(--ops-green-100); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .task-tab.is-overdue .task-tab-count { background: var(--ops-red-100); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .task-tab.is-site .task-tab-count,
:root[data-appearance="dark"]:has(body.is-authenticated) .task-tab.is-my .task-tab-count { background: var(--ops-blue-50); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .task-tab.is-completed .task-tab-count { background: var(--ops-green-50); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.is-selected,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.selected,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.overdue.selected { border-color: var(--dm-greenBorder); background: linear-gradient(180deg, var(--dm-greenSoft) 0%, var(--dm-mutedSurface) 100%); box-shadow: inset 4px 0 0 var(--dm-greenFill), 0 8px 18px rgba(0,0,0,0.06); }:root[data-appearance="dark"]:has(body.is-authenticated) .alert-detail-row { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .alert-detail-row.is-critical { border-left: 3px solid var(--dm-redBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) .alert-severity-badge.is-critical,
:root[data-appearance="dark"]:has(body.is-authenticated) .status-badge.alert-severity-badge.is-critical { border: 1px solid var(--dm-redBorder); background: var(--ops-red-50); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .empty-icon,
:root[data-appearance="dark"]:has(body.is-authenticated) .empty-state-icon { border: 1px solid var(--dm-greenBorder); background: var(--ops-green-50); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .empty-icon.is-info,
:root[data-appearance="dark"]:has(body.is-authenticated) .empty-state-icon.is-info { border-color: var(--dm-blueBorder); background: var(--ops-blue-50); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .logs-badge.pending,
:root[data-appearance="dark"]:has(body.is-authenticated) .status-badge.warning,
:root[data-appearance="dark"]:has(body.is-authenticated) .status-badge.high { border-color: var(--dm-orangeBorder); background: var(--ops-orange-50); color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) .logs-badge.acknowledged,
:root[data-appearance="dark"]:has(body.is-authenticated) .status-badge.success,
:root[data-appearance="dark"]:has(body.is-authenticated) .status-badge.active { border-color: var(--dm-greenBorder); background: var(--ops-green-50); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .status-badge.danger,
:root[data-appearance="dark"]:has(body.is-authenticated) .status-badge.critical { border-color: var(--dm-redBorder); background: var(--ops-red-50); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .button.primary,
:root[data-appearance="dark"]:has(body.is-authenticated) .button.success,
:root[data-appearance="dark"]:has(body.is-authenticated) .btn-primary,
:root[data-appearance="dark"]:has(body.is-authenticated) .primary-action,
:root[data-appearance="dark"]:has(body.is-authenticated) .task-detail-primary-action,
:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-green-action-button,
:root[data-appearance="dark"]:has(body.is-authenticated) .logs-comment-send,
:root[data-appearance="dark"]:has(body.is-authenticated) .task-comment-send,
:root[data-appearance="dark"]:has(body.is-authenticated) #headerPrimaryAction,
:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal .button.primary[type="submit"],
:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal .button.primary.new-observation-submit[type="submit"],
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-primary-actions .button.primary,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-edit-save,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .log-action-primary,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .detail-comment-box .button,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-header-actions .button.primary { border: 1px solid var(--dm-greenBorder); background: linear-gradient(135deg, var(--dm-greenFill) 0%, var(--dm-greenFill) 48%, var(--dm-greenFill) 100%); box-shadow: 0 10px 18px rgba(0,0,0,0.16); color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) .button.primary:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .button.success:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .btn-primary:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .primary-action:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .task-detail-primary-action:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-green-action-button:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .logs-comment-send:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .task-comment-send:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) #headerPrimaryAction:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal .button.primary[type="submit"]:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal .button.primary.new-observation-submit[type="submit"]:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-primary-actions .button.primary:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-edit-save:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .log-action-primary:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .detail-comment-box .button:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-header-actions .button.primary:hover { border-color: var(--dm-greenBorder); background: linear-gradient(135deg, var(--dm-mutedSurface) 0%, var(--dm-greenFill) 45%, var(--dm-greenFill) 100%); color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) .button.primary:active,
:root[data-appearance="dark"]:has(body.is-authenticated) .button.success:active,
:root[data-appearance="dark"]:has(body.is-authenticated) .btn-primary:active,
:root[data-appearance="dark"]:has(body.is-authenticated) .primary-action:active,
:root[data-appearance="dark"]:has(body.is-authenticated) .task-detail-primary-action:active,
:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-green-action-button:active,
:root[data-appearance="dark"]:has(body.is-authenticated) .logs-comment-send:active,
:root[data-appearance="dark"]:has(body.is-authenticated) .task-comment-send:active,
:root[data-appearance="dark"]:has(body.is-authenticated) #headerPrimaryAction:active,
:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal .button.primary[type="submit"]:active,
:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal .button.primary.new-observation-submit[type="submit"]:active,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-primary-actions .button.primary:active,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-edit-save:active,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .log-action-primary:active,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .detail-comment-box .button:active,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-header-actions .button.primary:active { border-color: var(--dm-greenBorder); background: linear-gradient(135deg, var(--dm-mutedSurface) 0%, var(--dm-greenFill) 50%, var(--dm-greenFill) 100%); box-shadow: none; color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) .button.danger-outline,
:root[data-appearance="dark"]:has(body.is-authenticated) .btn-danger,
:root[data-appearance="dark"]:has(body.is-authenticated) .destructive-action,
:root[data-appearance="dark"]:has(body.is-authenticated) .task-detail-block-button,
:root[data-appearance="dark"]:has(body.is-authenticated) .task-action-block,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-primary-actions .button.danger-outline,
:root[data-appearance="dark"]:has(body.is-authenticated) .mini-button.danger,
:root[data-appearance="dark"]:has(body.is-authenticated) .mini-button.danger-outline { border: 1px solid var(--dm-redBorder); background: linear-gradient(135deg, var(--ops-red-50) 0%, var(--ops-red-100) 100%); box-shadow: none; color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .button.danger-outline:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .btn-danger:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .destructive-action:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .task-detail-block-button:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .task-action-block:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-primary-actions .button.danger-outline:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .mini-button.danger:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .mini-button.danger-outline:hover { border-color: var(--dm-redBorder); background: linear-gradient(135deg, var(--ops-red-100) 0%, var(--dm-redSoft) 100%); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .btn-danger-filled,
:root[data-appearance="dark"]:has(body.is-authenticated) .task-danger-filled { border: 1px solid var(--dm-redBorder); background: linear-gradient(135deg, var(--dm-redFill) 0%, var(--dm-redFill) 100%); box-shadow: 0 10px 18px rgba(0,0,0,0.16); color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) .btn-danger-filled:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .task-danger-filled:hover { border-color: var(--dm-redBorder); background: linear-gradient(135deg, var(--dm-redFill) 0%, var(--dm-redFill) 100%); color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) .status-badge.open,
:root[data-appearance="dark"]:has(body.is-authenticated) .task-status-dropdown.open,
:root[data-appearance="dark"]:has(body.is-authenticated) .task-status-badge.open { border: 1px solid var(--dm-greenBorder); background: linear-gradient(135deg, var(--ops-green-50) 0%, var(--ops-green-100) 100%); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .status-badge.in-progress,
:root[data-appearance="dark"]:has(body.is-authenticated) .status-badge.info,
:root[data-appearance="dark"]:has(body.is-authenticated) .status-badge.normal,
:root[data-appearance="dark"]:has(body.is-authenticated) .task-status-dropdown.in-progress,
:root[data-appearance="dark"]:has(body.is-authenticated) .task-status-dropdown.info,
:root[data-appearance="dark"]:has(body.is-authenticated) .task-status-dropdown.normal,
:root[data-appearance="dark"]:has(body.is-authenticated) .task-status-badge.in-progress,
:root[data-appearance="dark"]:has(body.is-authenticated) .priority-badge.normal,
:root[data-appearance="dark"]:has(body.is-authenticated) .task-priority-badge.normal { border: 1px solid var(--dm-blueBorder); background: linear-gradient(135deg, var(--ops-blue-50) 0%, var(--ops-blue-100) 100%); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .status-badge.blocked,
:root[data-appearance="dark"]:has(body.is-authenticated) .status-badge.overdue,
:root[data-appearance="dark"]:has(body.is-authenticated) .status-badge.danger,
:root[data-appearance="dark"]:has(body.is-authenticated) .status-badge.critical,
:root[data-appearance="dark"]:has(body.is-authenticated) .task-status-dropdown.blocked,
:root[data-appearance="dark"]:has(body.is-authenticated) .task-status-dropdown.overdue,
:root[data-appearance="dark"]:has(body.is-authenticated) .task-status-dropdown.danger,
:root[data-appearance="dark"]:has(body.is-authenticated) .task-status-dropdown.critical,
:root[data-appearance="dark"]:has(body.is-authenticated) .task-status-badge.blocked,
:root[data-appearance="dark"]:has(body.is-authenticated) .task-status-badge.overdue,
:root[data-appearance="dark"]:has(body.is-authenticated) .task-status-badge.critical,
:root[data-appearance="dark"]:has(body.is-authenticated) .priority-badge.high,
:root[data-appearance="dark"]:has(body.is-authenticated) .priority-badge.urgent,
:root[data-appearance="dark"]:has(body.is-authenticated) .priority-badge.critical,
:root[data-appearance="dark"]:has(body.is-authenticated) .task-priority-badge.high,
:root[data-appearance="dark"]:has(body.is-authenticated) .task-priority-badge.urgent,
:root[data-appearance="dark"]:has(body.is-authenticated) .task-priority-badge.critical,
:root[data-appearance="dark"]:has(body.is-authenticated) .logs-badge.pending,
:root[data-appearance="dark"]:has(body.is-authenticated) .alert-severity-badge.is-critical,
:root[data-appearance="dark"]:has(body.is-authenticated) .status-badge.alert-severity-badge.is-critical,
:root[data-appearance="dark"]:has(body.is-authenticated) .alert-detail-badge.critical { border: 1px solid var(--dm-redBorder); background: linear-gradient(135deg, var(--ops-red-50) 0%, var(--ops-red-100) 100%); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .status-badge.completed,
:root[data-appearance="dark"]:has(body.is-authenticated) .status-badge.resolved,
:root[data-appearance="dark"]:has(body.is-authenticated) .status-badge.success,
:root[data-appearance="dark"]:has(body.is-authenticated) .status-badge.active,
:root[data-appearance="dark"]:has(body.is-authenticated) .task-status-dropdown.completed,
:root[data-appearance="dark"]:has(body.is-authenticated) .task-status-dropdown.resolved,
:root[data-appearance="dark"]:has(body.is-authenticated) .task-status-dropdown.success,
:root[data-appearance="dark"]:has(body.is-authenticated) .task-status-dropdown.active,
:root[data-appearance="dark"]:has(body.is-authenticated) .task-status-badge.completed,
:root[data-appearance="dark"]:has(body.is-authenticated) .task-status-badge.resolved,
:root[data-appearance="dark"]:has(body.is-authenticated) .logs-badge.acknowledged { border: 1px solid var(--dm-greenBorder); background: linear-gradient(135deg, var(--ops-green-50) 0%, var(--dm-greenSoft) 100%); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .status-badge.warning,
:root[data-appearance="dark"]:has(body.is-authenticated) .status-badge.high,
:root[data-appearance="dark"]:has(body.is-authenticated) .task-status-dropdown.warning,
:root[data-appearance="dark"]:has(body.is-authenticated) .task-status-dropdown.high { border: 1px solid var(--dm-orangeBorder); background: linear-gradient(135deg, var(--ops-orange-50) 0%, var(--ops-orange-100) 100%); color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .status-badge.high,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .status-badge.blocked,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .status-badge.overdue,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .status-badge.critical,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .status-badge.danger,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-status-dropdown.high,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-status-dropdown.blocked,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-status-dropdown.overdue,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-status-dropdown.critical,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-status-dropdown.danger { border-color: var(--dm-redBorder); background: linear-gradient(135deg, var(--ops-red-50) 0%, var(--ops-red-100) 100%); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.is-overdue,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.overdue { border-left: 4px solid var(--dm-redBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.is-overdue .task-card-footer-due,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.is-overdue .task-card-footer-due svg,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.is-overdue .task-card-footer-due .task-due-value,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.overdue .task-card-footer-due,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.overdue .task-card-footer-due svg,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.overdue .task-card-footer-due .task-due-value { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.is-selected,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.selected { border-color: var(--dm-greenBorder); background: linear-gradient(180deg, var(--dm-greenSoft) 0%, var(--dm-mutedSurface) 100%); box-shadow: inset 4px 0 0 var(--dm-greenFill), 0 8px 18px rgba(0,0,0,0.06); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.is-overdue.is-selected,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.overdue.selected { border-left-color: var(--dm-redBorder); box-shadow: inset 4px 0 0 var(--dm-redFill), 0 8px 18px rgba(0,0,0,0.06); }:root[data-appearance="dark"]:has(body.is-authenticated) .task-tab.is-overdue .task-tab-count { border: 0; background: var(--ops-green-100); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-tab.is-overdue .task-tab-count { border: 0; background: var(--ops-green-100); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-pill.is-overdue,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-pill.is-critical,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-pill.is-high { border: 1px solid var(--dm-redBorder); background: linear-gradient(135deg, var(--ops-red-50) 0%, var(--ops-red-100) 100%); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-pill.is-due-today,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-pill.is-warning { border: 1px solid var(--dm-orangeBorder); background: linear-gradient(135deg, var(--ops-orange-50) 0%, var(--ops-orange-100) 100%); color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-pill.is-info { border: 1px solid var(--dm-blueBorder); background: linear-gradient(135deg, var(--ops-blue-50) 0%, var(--ops-blue-100) 100%); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-pill.is-success { border: 1px solid var(--dm-greenBorder); background: linear-gradient(135deg, var(--ops-green-50) 0%, var(--ops-green-100) 100%); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .alert-detail-row.is-critical { border-left: 4px solid var(--dm-redBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card { border: 1px solid var(--ops-border); background: var(--dm-surface); box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card:hover { border-color: var(--dm-greenBorder); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.is-selected,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.selected { border-color: var(--dm-greenBorder); background: var(--dm-greenSoft); box-shadow: inset 4px 0 0 var(--dm-greenFill), 0 8px 18px rgba(0,0,0,0.06); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.is-overdue,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.overdue { border-left: 4px solid var(--dm-redBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.overdue.selected,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.is-overdue.is-selected { border-left-color: var(--dm-redBorder); background: var(--dm-greenSoft); box-shadow: inset 4px 0 0 var(--dm-redFill), 0 8px 18px rgba(0,0,0,0.06); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.is-overdue .task-card-footer-due,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.is-overdue .task-card-footer-due .task-due-value,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.overdue .task-card-footer-due,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.overdue .task-card-footer-due .task-due-value { color: var(--ops-slate-600); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.is-overdue .task-card-footer-due svg,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.overdue .task-card-footer-due svg { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card:not(.is-overdue):not(.overdue) .task-card-footer-due,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card:not(.is-overdue):not(.overdue) .task-card-footer-due svg,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card:not(.is-overdue):not(.overdue) .task-card-footer-due .task-due-value { color: var(--ops-slate-600); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .status-badge,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-status-dropdown,
:root[data-appearance="dark"]:has(body.is-authenticated) .task-status-badge,
:root[data-appearance="dark"]:has(body.is-authenticated) .task-priority-badge { box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .status-badge.normal,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-priority-badge.normal { border: 1px solid var(--dm-blueBorder); background: var(--dm-blueSoft); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .status-badge.high,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .status-badge.critical,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-priority-badge.high,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-priority-badge.critical { border: 1px solid var(--dm-redBorder); background: var(--ops-red-50); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .status-badge.open,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .status-badge.success,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .status-badge.active,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-status-dropdown.open,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-status-dropdown.success,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-status-dropdown.active,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-status-badge.open { border: 1px solid var(--dm-greenBorder); background: var(--ops-green-100); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .status-badge.in-progress,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .status-badge.indigo,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-status-dropdown.in-progress,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-status-dropdown.indigo,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-status-badge.in-progress { border: 1px solid var(--dm-blueBorder); background: var(--ops-blue-50); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .status-badge.blocked,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .status-badge.overdue,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .status-badge.danger,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-status-dropdown.blocked,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-status-dropdown.overdue,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-status-dropdown.danger,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-status-badge.blocked,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-status-badge.overdue { border: 1px solid var(--dm-redBorder); background: var(--ops-red-50); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .status-badge.completed,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .status-badge.resolved,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-status-dropdown.completed,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-status-dropdown.resolved,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-status-badge.completed,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-status-badge.resolved { border: 1px solid var(--dm-greenBorder); background: var(--ops-green-100); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .button.danger-outline,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-detail-block-button,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-action-block,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-primary-actions .button.danger-outline { border: 1px solid var(--dm-redBorder); background: var(--dm-surface); box-shadow: none; color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .button.danger-outline:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-detail-block-button:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-action-block:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-primary-actions .button.danger-outline:hover { background: var(--ops-red-50); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-card { border: 1px solid var(--ops-border); background: var(--dm-surface); box-shadow: 0 10px 24px rgba(0,0,0,0.04); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-card::before,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-card.is-tasks::before,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-card.is-alerts.has-alerts::before,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-card.is-alerts.no-alerts::before,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-card.is-health.needs-review::before,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-card.is-health.healthy::before { background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-card.is-schedule { border-top: 4px solid var(--dm-greenBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-card.is-tasks,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-card.is-alerts,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-card.is-health { border-top: 1px solid var(--ops-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-pill,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-stat-list span { border: 1px solid var(--ops-border); background: linear-gradient(180deg, var(--dm-surface) 0%, var(--dm-surface) 100%); color: var(--ops-slate-600); box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-pill.is-overdue,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-pill.is-critical,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-pill.is-high { border-color: var(--dm-redBorder); background: linear-gradient(180deg, var(--dm-surface) 0%, var(--ops-red-50) 100%); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-pill.is-due-today,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-pill.is-warning { border-color: var(--dm-orangeBorder); background: linear-gradient(180deg, var(--dm-surface) 0%, var(--ops-orange-50) 100%); color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-pill.is-info { border-color: var(--dm-blueBorder); background: linear-gradient(180deg, var(--dm-surface) 0%, var(--ops-blue-50) 100%); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-pill.is-success { border-color: var(--dm-greenBorder); background: linear-gradient(180deg, var(--dm-surface) 0%, var(--ops-green-100) 100%); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-status-badge.schedule,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-status-badge.open { border: 1px solid var(--dm-greenBorder); background: linear-gradient(180deg, var(--dm-surface) 0%, var(--ops-green-100) 100%); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-status-badge.critical { border: 1px solid var(--dm-redBorder); background: linear-gradient(180deg, var(--dm-surface) 0%, var(--ops-red-50) 100%); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-status-badge.important { border: 1px solid var(--dm-orangeBorder); background: linear-gradient(180deg, var(--dm-surface) 0%, var(--ops-orange-50) 100%); color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) .alert-detail-row { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .alert-detail-row.is-critical { border-left: 2px solid var(--dm-redBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) .alert-severity-badge.is-critical,
:root[data-appearance="dark"]:has(body.is-authenticated) .status-badge.alert-severity-badge.is-critical,
:root[data-appearance="dark"]:has(body.is-authenticated) .alert-detail-badge.critical { border: 1px solid var(--dm-redBorder); background: linear-gradient(180deg, var(--dm-surface) 0%, var(--ops-red-50) 100%); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-preview-card.is-important { border: 1px solid var(--dm-orangeBorder); border-left: 4px solid var(--dm-orangeBorder); background: linear-gradient(180deg, var(--dm-surface) 0%, var(--ops-orange-50) 100%); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-priority-badge.is-important { border: 1px solid var(--dm-orangeBorder); background: linear-gradient(180deg, var(--dm-surface) 0%, var(--ops-orange-100) 100%); color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) .empty-icon,
:root[data-appearance="dark"]:has(body.is-authenticated) .empty-state-icon { border: 1px solid var(--dm-greenBorder); background: linear-gradient(180deg, var(--dm-surface) 0%, var(--ops-green-100) 100%); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observations-table-card,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-content-card { border: 1px solid var(--ops-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-table-wrap,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-table-shell { border: 1px solid var(--ops-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-cell-primary { color: var(--ops-slate-900); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-cell-secondary { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-table tbody tr.selected-log-row,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-table tbody tr.is-selected { background: var(--dm-greenSoft); box-shadow: inset 4px 0 0 #008a37; }@media (max-width: 1120px) {:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-detail-panel,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-detail-panel { box-shadow: -18px 0 40px rgba(0,0,0,0.18); } }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-kpi { border: 1px solid var(--ops-border); border-left: 0; background: var(--dm-surface); box-shadow: 0 10px 24px rgba(0,0,0,0.04); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-kpi i { border: 1px solid var(--dm-greenBorder); background: var(--ops-green-50); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-kpi.is-needs-ack i { border-color: var(--dm-orangeBorder); background: var(--ops-orange-50); color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-kpi.is-urgent i { border-color: var(--dm-redBorder); background: var(--ops-red-50); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-kpi.is-drafts i { border-color: var(--dm-blueBorder); background: var(--ops-blue-50); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-kpi strong { color: var(--ops-slate-900); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-kpi span { color: var(--ops-slate-900); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-kpi small { color: var(--ops-slate-600); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-list-panel,
:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-detail-panel { border: 1px solid var(--ops-border); background: var(--dm-surface); box-shadow: 0 10px 24px rgba(0,0,0,0.04); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-list-card,
:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-card { border: 1px solid var(--ops-border); border-left: 4px solid transparent; background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-list-card:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-card:hover { border-color: var(--dm-greenBorder); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-list-card.is-selected,
:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-card.active { border-color: var(--dm-greenBorder); border-left-color: var(--dm-greenBorder); background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-list-card.is-important { border-left-color: var(--dm-orangeBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-list-card.is-urgent { border-left-color: var(--dm-redBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-list-card.is-archived { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-archived-label { color: var(--ops-slate-600); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-card-top,
:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-card-meta { color: var(--ops-slate-600); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-detail-header { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-detail-meta span { color: var(--ops-slate-600); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-detail-meta svg { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-body h2,
:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-body h3 { color: var(--ops-slate-900); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-body p,
:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-body li,
:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-body blockquote { color: var(--ops-slate-700); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-body a { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-ack-panel { border: 1px solid var(--dm-greenBorder); background: linear-gradient(180deg, var(--dm-surface) 0%, var(--ops-green-50) 100%); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-ack-panel-header strong { color: var(--ops-slate-900); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-ack-panel-header span,
:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-ack-panel p { color: var(--ops-slate-600); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-ack-summary span,
:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-ack-summary-cards article { border: 1px solid var(--ops-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-ack-summary strong,
:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-ack-summary-cards strong { color: var(--ops-slate-900); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-ack-summary-cards span { color: var(--ops-slate-600); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-ack-note { color: var(--ops-slate-600); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-ack-table th,
:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-ack-table td { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-ack-table th { color: var(--ops-slate-600); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-ack-table td { color: var(--ops-slate-900); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-ack-table td span { color: var(--ops-slate-600); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-modal { border: 1px solid var(--ops-border); background: var(--dm-raised); box-shadow: 0 24px 70px rgba(0,0,0,0.22); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-modal-header { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-modal-header p:not(.kicker) { color: var(--ops-slate-600); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-editor-toolbar { border: 1px solid var(--ops-border); border-bottom: 0; background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-editor-toolbar .announcement-editor-button,
:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-editor-button { border: 1px solid var(--dm-border); background: var(--dm-surface); color: var(--ops-slate-900); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-editor-button:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-editor-button.is-active { border-color: var(--dm-greenBorder); background: var(--ops-green-100); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-editor { border: 1px solid var(--ops-border); background: var(--dm-surface); color: var(--ops-slate-900); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-editor:empty::before { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-audience-picker section,
:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-ack-card { border: 1px solid var(--ops-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-audience-picker strong { color: var(--ops-slate-900); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-audience-preview { background: var(--ops-green-50) !important; border-color: var(--dm-greenBorder) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-audience-preview p { color: var(--ops-slate-700); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-check-grid label { border: 1px solid var(--ops-border); background: var(--dm-surface); color: var(--ops-slate-900); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-check-grid label:has(input:checked) { border-color: var(--dm-greenBorder); background: var(--ops-green-50); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-ack-toggle small,
:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-ack-options small,
:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-form-grid small { color: var(--ops-slate-600); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-modal-footer { border-top: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.is-overdue,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.overdue { border-left: 1px solid var(--ops-border) !important; box-shadow: inset 4px 0 0 var(--dm-redFill), 0 8px 18px rgba(0,0,0,0.06) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.is-overdue.is-selected,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.overdue.selected { border-left: 1px solid var(--dm-greenBorder) !important; box-shadow: inset 4px 0 0 var(--dm-redFill), 0 8px 18px rgba(0,0,0,0.06) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-section-pinned { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-section-pinned h3 { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-section-pinned h3 svg { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-section-pinned h3 span { background: var(--ops-green-100); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #taskContextTabs { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #taskContextTabs .task-tab { border: 0; border-bottom: 3px solid transparent; background: transparent; color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #taskContextTabs .task-tab.active { color: var(--dm-green); border-bottom-color: var(--dm-greenBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #taskContextTabs .task-tab-count { border: 1px solid var(--dm-greenBorder); background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #taskContextTabs .task-tab[data-task-scope="overdue"] .task-tab-count { border-color: var(--dm-redBorder); background: var(--dm-redSoft); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-empty-action { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .tasks-filter-button { border: 1px solid var(--dm-border); background: var(--dm-surface); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .tasks-filter-button:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .tasks-filter-button.active { border-color: var(--dm-greenBorder); background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .tasks-filter-count { border: 1px solid var(--dm-greenBorder); background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .tasks-filter-popover { border: 1px solid var(--dm-border); background: var(--dm-raised); box-shadow: 0 18px 40px rgba(0,0,0,0.14); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .tasks-filter-popover-title { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .tasks-filter-field label { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .tasks-filter-field select { border: 1px solid var(--dm-border); background: var(--dm-mutedSurface); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .tasks-filter-popover-footer { border-top: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .tasks-filter-toolbar .task-card-clear { border: 0; background: transparent; color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .workflow-command-copy h3 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .workflow-command-copy p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #taskContextTabs .task-tab[data-task-scope="overdue"] .task-tab-count { border-color: var(--dm-greenBorder) !important; background: var(--dm-greenSoft) !important; color: var(--dm-green) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-section + .task-card-section { border-top: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-section h3 { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-section-pinned h3 { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card { border: 1px solid var(--dm-border) !important; border-left: 1px solid var(--dm-border) !important; background: var(--dm-surface); box-shadow: 0 10px 24px rgba(0,0,0,0.035) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card:hover { border-color: var(--dm-greenBorder) !important; box-shadow: 0 14px 28px rgba(0,0,0,0.06) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.is-high-priority,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.is-overdue,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.overdue { border-left: 1px solid var(--dm-border) !important; box-shadow: inset 3px 0 0 #e11d48, 0 12px 28px rgba(0,0,0,0.04) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.is-completed { background: var(--dm-surface); box-shadow: inset 3px 0 0 #94a3b8, 0 10px 24px rgba(0,0,0,0.035) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.is-selected,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.selected,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.overdue.selected,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.is-overdue.is-selected { border-color: var(--dm-greenBorder) !important; background: var(--dm-greenSoft) !important; box-shadow: inset 3px 0 0 #008a37, 0 10px 24px rgba(0,0,0,0.08) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-due-indicator { border: 1px solid var(--dm-border); background: var(--dm-surface); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-due-indicator.is-today { border-color: var(--dm-blueBorder); background: var(--dm-blueSoft); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-due-indicator.is-overdue { border-color: var(--dm-redBorder); background: var(--dm-redSoft); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .tasks-filter-toolbar { border-top: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .tasks-filter-summary { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .tasks-filter-summary strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-detail-workspace-header,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-detail-section { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-detail-workspace-header h3 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-detail-workspace-header p,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-detail-due-line { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-detail-due-line.is-overdue { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-detail-action-section { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-detail-section h4 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-detail-description { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-detail-block-button { border-color: var(--dm-redBorder) !important; background: var(--dm-surface) !important; color: var(--dm-red) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-detail-block-button:hover { background: var(--dm-redSoft) !important; }@media (max-width: 1360px) {:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .workflow-sidebar,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowView.active .task-detail-panel { border-left: 1px solid var(--dm-border); } }@media (max-width: 1180px) {:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .workflow-sidebar { background: var(--dm-raised); box-shadow: -18px 0 42px rgba(0,0,0,0.16); } }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-badge.type-color { border-color: var(--badge-border, var(--dm-border)) !important; background: var(--badge-bg, var(--dm-surface)) !important; color: color-mix(in srgb, var(--badge-color, #64748b) 55%, var(--dm-text)) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-info-banner { border: 1px solid var(--dm-greenBorder) !important; background: var(--dm-greenSoft) !important; color: var(--dm-green) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-info-banner svg { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-kpi-card { border: 1px solid var(--dm-border) !important; background: var(--dm-surface) !important; box-shadow: 0 12px 26px rgba(0,0,0,0.04) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-kpi-card p { color: var(--dm-text) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-kpi-card strong { color: var(--dm-text) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-kpi-card small { color: var(--dm-muted) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observations-table-card { border: 1px solid var(--dm-border) !important; background: var(--dm-surface) !important; box-shadow: 0 16px 34px rgba(0,0,0,0.045) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] #observationCategoryTabs { border-bottom: 1px solid var(--dm-border) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] #observationCategoryTabs button { border: 0 !important; background: transparent !important; color: var(--dm-muted) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] #observationCategoryTabs button.active { color: var(--dm-green) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] #observationCategoryTabs button.active::after { background: var(--dm-greenFill) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] #observationCategoryTabs button span { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .database-filter-row .field span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .database-filter-row select,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-reset-button { border: 1px solid var(--dm-border) !important; background: var(--dm-mutedSurface) !important; color: var(--dm-text) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-table-wrap { border: 1px solid var(--dm-border) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-table th { border-bottom: 1px solid var(--dm-border) !important; background: var(--dm-surface) !important; color: var(--dm-muted) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-table td { border-bottom: 1px solid var(--dm-border) !important; color: var(--dm-text) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-table tr:hover { background: var(--dm-surface) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-table tr.selected-log-row,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-table tr.is-selected { background: var(--dm-greenSoft) !important; box-shadow: inset 3px 0 0 #008a37 !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-avatar { border: 1px solid var(--dm-border) !important; background: var(--dm-mutedSurface) !important; color: var(--dm-text) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-cell-secondary,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-title-preview,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-employee-meta { color: var(--dm-muted) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-badge.pending { border-color: var(--dm-orangeBorder) !important; background: var(--dm-orangeSoft) !important; color: var(--dm-orange) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-badge.acknowledged { border-color: var(--dm-greenBorder) !important; background: var(--dm-greenSoft) !important; color: var(--dm-green) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-badge.not-requested { border-color: var(--dm-border) !important; background: var(--dm-surface) !important; color: var(--dm-muted) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-action-button { border: 1px solid var(--dm-border) !important; background: var(--dm-surface) !important; color: var(--dm-text) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-detail-panel { border: 1px solid var(--dm-border) !important; border-top: 3px solid var(--dm-greenBorder) !important; background: var(--dm-surface) !important; box-shadow: 0 18px 40px rgba(0,0,0,0.06) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-detail-fixed-header,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .log-detail-actions,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-detail-section,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-detail-fields,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-detail-comment-footer { border-bottom: 1px solid var(--dm-border) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-detail-fixed-header h3 { color: var(--dm-text) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .log-detail-id { color: var(--dm-text) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .log-action-primary { border: 1px solid var(--dm-greenBorder) !important; background: var(--dm-greenFill) !important; color: var(--dm-onBrand) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .log-action-secondary { border: 1px solid var(--dm-greenBorder) !important; background: var(--dm-surface) !important; color: var(--dm-green) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .log-action-delete { border: 1px solid var(--dm-redBorder) !important; background: var(--dm-surface) !important; color: var(--dm-red) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .log-action-delete:hover { background: var(--dm-redSoft) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-detail-field-row span { color: var(--dm-muted) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-detail-field-row strong { color: var(--dm-text) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-detail-field-row .observation-badge { border: 1px solid var(--dm-border) !important; background: var(--dm-surface) !important; color: var(--dm-muted) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-detail-field-row .level-final-warning { border-color: var(--dm-redBorder) !important; background: var(--dm-redSoft) !important; color: var(--dm-red) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-detail-field-row .level-written-warning,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-detail-field-row .level-verbal-warning { border-color: var(--dm-orangeBorder) !important; background: var(--dm-orangeSoft) !important; color: var(--dm-orange) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-detail-field-row .status-pending,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-detail-field-row .status-pending-acknowledgement { border-color: var(--dm-orangeBorder) !important; background: var(--dm-orangeSoft) !important; color: var(--dm-orange) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-detail-field-row .status-acknowledged { border-color: var(--dm-greenBorder) !important; background: var(--dm-greenSoft) !important; color: var(--dm-green) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-detail-section h4 { color: var(--dm-text) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-detail-section p,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-timeline-item small { color: var(--dm-muted) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-detail-section .observation-timeline-item { border-left: 0 !important; border-bottom: 1px solid var(--dm-border) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-detail-comment-footer { border-bottom: 0 !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .page-header h2 { color: var(--dm-text) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .page-subtitle { color: var(--dm-muted) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .header-actions .search-box { border-color: var(--dm-border) !important; box-shadow: none !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] #headerPrimaryAction { box-shadow: 0 10px 22px rgba(0,0,0,0.18) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-info-banner { border: 1px solid var(--dm-greenBorder) !important; background: var(--dm-greenSoft) !important; color: var(--dm-green) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-kpi-card { border: 1px solid var(--dm-border) !important; background: var(--dm-surface) !important; box-shadow: 0 10px 26px rgba(0,0,0,0.045) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-kpi-card.green .observation-kpi-icon { background: var(--dm-greenSoft) !important; color: var(--dm-green) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-kpi-card.red .observation-kpi-icon { background: var(--dm-redSoft) !important; color: var(--dm-red) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-kpi-card.purple .observation-kpi-icon { background: var(--dm-purpleSoft) !important; color: var(--dm-purple) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-kpi-card.orange .observation-kpi-icon { background: var(--dm-orangeSoft) !important; color: var(--dm-orange) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observations-table-card { border: 1px solid var(--dm-border) !important; background: var(--dm-surface) !important; box-shadow: 0 18px 36px rgba(0,0,0,0.045) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] #observationCategoryTabs { border-bottom: 1px solid var(--dm-border) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] #observationCategoryTabs button { border: 0 !important; border-bottom: 3px solid transparent !important; background: transparent !important; color: var(--dm-muted) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] #observationCategoryTabs button.active { border-bottom-color: var(--dm-greenBorder) !important; color: var(--dm-green) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] #observationCategoryTabs span { border: 1px solid var(--dm-greenBorder) !important; background: var(--dm-greenSoft) !important; color: var(--dm-green) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .database-filter-row select,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-reset-button { border: 1px solid var(--dm-border) !important; background-color: var(--dm-mutedSurface) !important; color: var(--dm-text) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-table-wrap { border: 1px solid var(--dm-border) !important; background: var(--dm-surface) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-table th { background: var(--dm-surface) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-badge.pending::before,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-badge.acknowledged::before { background: currentColor; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-action-button { border-color: transparent !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-comment-send:disabled { border-color: var(--dm-greenBorder) !important; background: var(--dm-greenSoft) !important; color: var(--dm-green) !important; }@media (max-width: 1439px) {:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] #observationsView.has-detail-panel .observation-detail-panel { border-top: 4px solid var(--dm-greenBorder) !important; box-shadow: -24px 0 50px rgba(0,0,0,0.18) !important; } }@media (max-width: 700px) {:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-table-wrap { border: 0 !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-table tr { border: 1px solid var(--dm-border) !important; background: var(--dm-surface) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-table td { border-bottom: 1px solid var(--dm-border) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-table td::before { color: var(--dm-muted); } }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-table th { color: var(--dm-muted) !important; background: var(--dm-surface) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-table td { color: var(--dm-text) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-avatar { border: 0 !important; background: var(--dm-blueSoft) !important; color: var(--dm-text) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .selected-log-row .logs-avatar,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .is-selected .logs-avatar { border: 1px solid var(--dm-greenBorder) !important; background: var(--dm-greenSoft) !important; color: var(--dm-green) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-employee-name { color: var(--dm-text) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-employee-role,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-employee-location { color: var(--dm-muted) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-employee-location { color: var(--dm-muted) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-title { color: var(--dm-text) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-title-preview { color: var(--dm-muted) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-cell-primary { color: var(--dm-text) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-cell-secondary { color: var(--dm-muted) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-badge.type-color,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-badge.action-color { background: var(--badge-bg, var(--dm-greenSoft)) !important; color: color-mix(in srgb, var(--badge-color, #64748b) 55%, var(--dm-text)) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-table .observation-badge { border: 1px solid var(--dm-border) !important; background: var(--dm-surface) !important; color: var(--dm-muted) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-table .level-final-warning { border-color: var(--dm-redBorder) !important; background: var(--dm-redSoft) !important; color: var(--dm-red) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-table .level-written-warning,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-table .level-verbal-warning,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-table .status-pending,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-table .status-pending-acknowledgement { border-color: var(--dm-orangeBorder) !important; background: var(--dm-orangeSoft) !important; color: var(--dm-orange) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-table .status-acknowledged { border-color: var(--dm-greenBorder) !important; background: var(--dm-greenSoft) !important; color: var(--dm-green) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-ack-status { color: var(--dm-text) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-ack-status > span { background: var(--dm-redFill) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-ack-status svg { color: var(--dm-green) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-ack-status.pending strong { color: var(--dm-red) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-ack-status strong { color: var(--dm-text) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-ack-status small { color: var(--dm-muted) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-ack-status.not-requested > span { background: var(--dm-mutedSurface) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-ack-status.not-requested strong { color: var(--dm-muted) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-table tr.selected-log-row,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-table tr.is-selected { background: var(--dm-greenSoft) !important; box-shadow: inset 3px 0 0 #008a37 !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-action-button { color: var(--dm-text) !important; background: transparent !important; }:root[data-appearance="dark"]:has(body.is-authenticated) ::selection { background: color-mix(in srgb, var(--dm-greenFill) 22%, transparent); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) input:focus,
:root[data-appearance="dark"]:has(body.is-authenticated) input:focus-visible,
:root[data-appearance="dark"]:has(body.is-authenticated) select:focus,
:root[data-appearance="dark"]:has(body.is-authenticated) select:focus-visible,
:root[data-appearance="dark"]:has(body.is-authenticated) textarea:focus,
:root[data-appearance="dark"]:has(body.is-authenticated) textarea:focus-visible,
:root[data-appearance="dark"]:has(body.is-authenticated) [contenteditable="true"]:focus,
:root[data-appearance="dark"]:has(body.is-authenticated) [contenteditable="true"]:focus-visible,
:root[data-appearance="dark"]:has(body.is-authenticated) .toolbar-input:focus,
:root[data-appearance="dark"]:has(body.is-authenticated) .toolbar-input:focus-visible,
:root[data-appearance="dark"]:has(body.is-authenticated) .task-search-input:focus,
:root[data-appearance="dark"]:has(body.is-authenticated) .task-search-input:focus-visible { border-color: var(--dm-greenBorder) !important; box-shadow: none !important; outline: none !important; }:root[data-appearance="dark"]:has(body.is-authenticated) .field:focus-within input,
:root[data-appearance="dark"]:has(body.is-authenticated) .field:focus-within select,
:root[data-appearance="dark"]:has(body.is-authenticated) .field:focus-within textarea,
:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-control:focus-within,
:root[data-appearance="dark"]:has(body.is-authenticated) .task-upload-box:focus-within,
:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal .upload-zone:focus-within,
:root[data-appearance="dark"]:has(body.is-authenticated) #observationModal .role-picker:focus-within { border-color: var(--dm-greenBorder) !important; box-shadow: none !important; outline: none !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #schedulePrevWeek,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #scheduleNextWeek,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-week-label,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #scheduleCurrentWeek,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #scheduleLocationSelect,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #scheduleOptionsButton { border: 1px solid var(--dm-border) !important; background: var(--dm-surface) !important; box-shadow: none !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-week-range-control #schedulePrevWeek { border-right: 0 !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-week-range-control #scheduleNextWeek { border-left: 0 !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-week-label { border-right: 0 !important; border-left: 0 !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #scheduleCurrentWeek,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #scheduleOptionsButton { color: var(--dm-text) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #scheduleLocationSelect { color: var(--dm-text) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-analytics-header h3 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-analytics-header p,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-analytics-meta span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-status-badge { border: 1px solid var(--dm-border); background: var(--dm-surface); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-status-badge.draft { border-color: var(--dm-orangeBorder); background: var(--dm-orangeSoft); color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-status-badge.published { border-color: var(--dm-greenBorder); background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-analytics-meta strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .baseline-context-note { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-analytics-card { border: 1px solid var(--dm-border); background: var(--dm-surface); box-shadow: 0 10px 24px rgba(0,0,0,0.035); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-analytics-card span,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-analytics-card small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-analytics-card strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-day-tabs button { border: 1px solid var(--dm-border); background: var(--dm-surface); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-day-tabs button.active { border-color: var(--dm-greenBorder); background: var(--dm-greenSoft); color: var(--dm-green); box-shadow: inset 0 -3px 0 #008a37; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-day-tabs span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-day-metrics span { border: 1px solid var(--dm-border); background: var(--dm-surface); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-day-metrics strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-chart { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-y-axis { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-y-axis em { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-plot { border-left: 1px solid var(--dm-border); border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-gridline { background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-segment { color: var(--dm-muted); outline: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-bar { border: 1px solid color-mix(in srgb, var(--dm-greenBorder) 28.000000000000004%, transparent); background: var(--dm-greenSoft); box-shadow: inset 4px 0 0 #008a37; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-segment.is-low .staffing-bar { border-color: var(--dm-orangeBorder); background: var(--dm-orangeSoft); box-shadow: inset 4px 0 0 #f97316; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-segment.is-warning .staffing-bar,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-segment.is-gap .staffing-bar { border-color: var(--dm-redBorder); background: var(--dm-redSoft); box-shadow: inset 4px 0 0 #e11d48; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-segment strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-segment small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-tooltip { border: 1px solid var(--dm-border); background: var(--dm-surface); box-shadow: 0 18px 36px rgba(0,0,0,0.16); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-tooltip::after { border-right: 1px solid var(--dm-border); border-bottom: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-tooltip b { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-tooltip span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-tooltip strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-tooltip em { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-table { border: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-table-head span { border-bottom: 1px solid var(--dm-border); background: var(--dm-surface); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-table-row span { border-bottom: 1px solid var(--dm-border); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-table-row:last-child span { border-bottom: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-table-row strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .position-coverage-list div,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-warning-list div { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .position-coverage-list strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .position-coverage-list span,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-empty-note { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-warning-list div { border-color: var(--dm-orangeBorder); background: var(--dm-orangeSoft); color: var(--dm-orange); }@media (max-width: 768px) {:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-table-row { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-table-row span { border-bottom: 0; } }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-analytics-panel .data-card,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-analytics-card { border-color: var(--dm-border); box-shadow: 0 8px 20px rgba(0,0,0,0.035); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .analytics-kpi-icon { border: 1px solid var(--dm-greenBorder); background: var(--dm-greenSoft); color: var(--dm-green) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-analytics-card.warning .analytics-kpi-icon { border-color: var(--dm-redBorder); background: var(--dm-redSoft); color: var(--dm-red) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-analytics-card span:not(.analytics-kpi-icon),
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .analytics-side-card > div > span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-analytics-card small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-staffing-card .section-heading p,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .coverage-heatmap-card p,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .position-coverage-card p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-day-tabs button { border-color: var(--dm-border); box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-day-tabs button.active { border-color: var(--dm-greenBorder); background: var(--dm-greenSoft); box-shadow: inset 0 -3px 0 #008a37; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-day-metrics span,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .analytics-side-stats span { border-color: var(--dm-border); background: var(--dm-surface); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-chart { border-color: var(--dm-border); box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-y-axis em { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-plot { border-color: var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-bar { border-color: color-mix(in srgb, var(--dm-greenBorder) 48%, transparent); background: color-mix(in srgb, var(--dm-greenFill) 16%, transparent); box-shadow: inset 4px 0 0 #008a37; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-segment.is-low .staffing-bar { border-color: color-mix(in srgb, var(--dm-greenBorder) 32%, transparent); background: color-mix(in srgb, var(--dm-greenFill) 10%, transparent); box-shadow: inset 4px 0 0 #45b36b; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-segment.is-gap .staffing-bar { border-color: var(--dm-border); background: var(--dm-surface); box-shadow: inset 4px 0 0 #cbd5d1; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-segment.is-warning .staffing-bar { border-color: var(--dm-redBorder); background: var(--dm-redSoft); box-shadow: inset 4px 0 0 #dc2626; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-tooltip > small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .analytics-side-stats strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .analytics-side-stats small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .analytics-action-card svg { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .analytics-action-card strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .analytics-action-card p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .analytics-action-card button { border: 0; background: transparent; color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .coverage-heatmap { border: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .coverage-heatmap-row > span,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .coverage-heatmap-row > button { border-right: 1px solid var(--dm-border); border-bottom: 1px solid var(--dm-border); background: var(--dm-surface); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .coverage-heatmap-row > button { border-left: 0; border-top: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .coverage-heatmap-head span { background: var(--dm-surface); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .coverage-heatmap-row.active { outline: 2px solid var(--dm-greenBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .coverage-heatmap-row[data-schedule-analytics-day]:hover > span,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .coverage-heatmap-row[data-schedule-analytics-day]:hover > button { box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .coverage-heatmap-row .heatmap-cell { background: color-mix(in srgb, var(--dm-greenFill) calc((var(--heat)) * 100%), transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .baseline-compare-controls label { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .baseline-compare-controls select { border: 1px solid var(--dm-border); background: var(--dm-mutedSurface); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .heatmap-mode-tabs button { border: 1px solid var(--dm-border); background: var(--dm-surface); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .heatmap-mode-tabs button.active { border-color: var(--dm-greenBorder); background: var(--dm-greenSoft); color: var(--dm-green); box-shadow: inset 0 -3px 0 #008a37; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .coverage-heatmap-row .heatmap-cell.positive { background: rgba(0, 138, 55, calc(0.06 + var(--heat))); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .coverage-heatmap-row .heatmap-cell.negative { background: rgba(245, 158, 11, calc(0.06 + var(--heat))); color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .coverage-heatmap.is-target .heatmap-cell.negative { background: rgba(220, 38, 38, calc(0.05 + var(--heat))); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .coverage-heatmap-row .heatmap-cell.neutral { background: var(--dm-greenSoft); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-table-row.is-peak span { background: color-mix(in srgb, var(--dm-greenFill) 6%, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-table-row.is-low span { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .position-coverage-card .section-heading > span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .position-coverage-list div { border: 0; border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .position-coverage-list div:last-child { border-bottom: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .position-coverage-list em { background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .position-coverage-list em i { background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-analytics-card { box-shadow: 0 1px 2px rgba(0,0,0,0.04); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .analytics-kpi-icon { border: 0; background: transparent; color: var(--dm-green) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-analytics-card.warning .analytics-kpi-icon { border: 0; background: transparent; color: var(--dm-green) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-analytics-card span:not(.analytics-kpi-icon) { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-analytics-card small { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-plot::after { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-bar,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-chart.is-compact .staffing-bar,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-chart.is-dense .staffing-bar { border: 0; border-top: 4px solid var(--dm-greenBorder); background: color-mix(in srgb, var(--dm-greenFill) 12%, transparent); box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-step-connector { background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-segment.is-low .staffing-bar { border-top-color: var(--dm-greenBorder); background: color-mix(in srgb, var(--dm-greenFill) 10%, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-segment > small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .coverage-heatmap-card,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .analytics-side-card,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .position-coverage-card { box-shadow: 0 1px 2px rgba(0,0,0,0.04); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-analytics-panel .data-card,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-analytics-card { border: 1px solid var(--dm-border); background: var(--dm-surface); box-shadow: 0 1px 2px rgba(0,0,0,0.035), 0 12px 28px rgba(0,0,0,0.025); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .analytics-kpi-icon { border: 0; background: transparent; color: var(--dm-green) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-analytics-card.warning .analytics-kpi-icon { color: var(--dm-green) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-analytics-card.match .analytics-kpi-icon { color: var(--dm-green) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-analytics-card.below .analytics-kpi-icon { color: var(--dm-orange) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-analytics-card.target-below .analytics-kpi-icon { color: var(--dm-red) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-analytics-card.above .analytics-kpi-icon { color: var(--dm-muted) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-analytics-card span:not(.analytics-kpi-icon) { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-analytics-card strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-analytics-card small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-staffing-card .section-heading h3,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .coverage-heatmap-card h3,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .analytics-side-card h3,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .position-coverage-card h3 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-staffing-card .section-heading p,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .coverage-heatmap-card p,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .analytics-side-card p,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .position-coverage-card p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-day-tabs button { border-color: var(--dm-border); background: var(--dm-surface); box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-day-tabs button.active { border-color: var(--dm-greenBorder); background: var(--dm-greenSoft); box-shadow: inset 0 -3px 0 #008a37; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-day-metrics { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-day-metrics span { border: 0; border-right: 1px solid var(--dm-border); background: transparent; color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-day-metrics span:last-child { border-right: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-day-metrics strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-chart { border: 0; background: transparent; box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-y-axis { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-plot { border-left: 0; border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-gridline { background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-bar,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-chart.is-compact .staffing-bar,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-chart.is-dense .staffing-bar { border: 0; border-top: 4px solid var(--dm-greenBorder); background: linear-gradient(180deg, color-mix(in srgb, var(--dm-greenFill) 17%, transparent), color-mix(in srgb, var(--dm-greenFill) 9%, transparent)); box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-step-connector { background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-segment.is-low .staffing-bar { border-top-color: var(--dm-greenBorder); background: linear-gradient(180deg, color-mix(in srgb, var(--dm-greenFill) 13%, transparent), color-mix(in srgb, var(--dm-greenFill) 7.000000000000001%, transparent)); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-segment.is-gap .staffing-bar { border-top-color: var(--dm-border); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-segment.is-warning .staffing-bar { border-top-color: var(--dm-redBorder); background: var(--dm-redSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-segment > small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-tooltip { border-color: var(--dm-border); box-shadow: 0 14px 34px rgba(0,0,0,0.14); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .analytics-side-stats span { border: 0; background: var(--dm-surface); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .analytics-side-stats strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .analytics-side-stats small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .baseline-comparison-card { border-top: 3px solid var(--dm-greenBorder) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .baseline-comparison-helper { border-left: 3px solid var(--dm-border); background: var(--dm-surface); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .baseline-comparison-stats span { border-left: 3px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .baseline-comparison-stats span.is-match { border-left-color: var(--dm-greenBorder); background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .baseline-comparison-stats span.is-below { border-left-color: var(--dm-orangeBorder); background: var(--dm-orangeSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .baseline-comparison-card.is-target .baseline-comparison-stats span.is-below { border-left-color: var(--dm-redBorder); background: var(--dm-redSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .baseline-comparison-stats span.is-above { border-left-color: var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .baseline-comparison-stats span.is-difference { border-left-color: var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .analytics-action-card svg { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .analytics-action-card p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .coverage-heatmap { border: 0; background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .coverage-heatmap-row > span,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .coverage-heatmap-row > button { border-right: 1px solid var(--dm-border); border-bottom: 1px solid var(--dm-border); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .coverage-heatmap-row > span:last-child { border-right: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .coverage-heatmap-head span { background: var(--dm-surface); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .coverage-heatmap-row.active { outline: 1px solid var(--dm-greenBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .coverage-heatmap-row[data-schedule-analytics-day]:hover > span,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .coverage-heatmap-row[data-schedule-analytics-day]:hover > button { box-shadow: inset 0 0 0 1px rgba(0,0,0,0.16); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .coverage-heatmap-row .heatmap-cell { background: color-mix(in srgb, var(--dm-greenFill) calc((var(--heat)) * 100%), transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .coverage-heatmap-row .heatmap-cell.neutral { background: color-mix(in srgb, var(--dm-greenFill) 12%, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .coverage-heatmap-row .heatmap-cell.negative { background: rgba(217, 119, 6, calc(0.08 + var(--heat))); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .coverage-heatmap-row .heatmap-cell.positive { background: rgba(100, 116, 139, calc(0.06 + var(--heat))); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .coverage-heatmap.is-target .heatmap-cell.negative { background: rgba(220, 38, 38, calc(0.08 + var(--heat))); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-table { border: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-table-head span { border-bottom: 1px solid var(--dm-border); background: var(--dm-surface); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-table-row span { border-bottom: 1px solid var(--dm-border); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-table-row strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-table-row span:nth-child(4) { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-table-row.is-peak span { background: color-mix(in srgb, var(--dm-greenFill) 5.5%, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-table-row.is-low span { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .position-coverage-card .section-heading > span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .position-coverage-list div { border: 0; border-bottom: 1px solid var(--dm-border); background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .position-coverage-list strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .position-coverage-list span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .position-coverage-list em { background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .position-coverage-list em i { background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-chart { border: 0; background: transparent; box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-svg-tick text { fill: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-svg-tick line { stroke: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-svg-fill-block { fill: color-mix(in srgb, var(--dm-green) 4.5%, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-svg-fill-block.is-low { fill: color-mix(in srgb, var(--dm-green) 3.5000000000000004%, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-svg-fill-block.is-gap { fill: color-mix(in srgb, var(--dm-muted) 12%, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-svg-fill-block.is-warning { fill: color-mix(in srgb, var(--dm-red) 8%, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-svg-area { stroke: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-svg-step { fill: none; stroke: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-svg-divider { stroke: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-svg-divider.is-low { stroke: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-svg-divider.is-gap { stroke: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-svg-divider.is-warning { stroke: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-svg-baseline { stroke: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-svg-baseline-step { fill: none; stroke: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-svg-hit,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-svg-hit-line { fill: transparent; stroke: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-svg-segment:focus { outline: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-svg-segment:hover .staffing-svg-hit,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-svg-segment:focus .staffing-svg-hit { fill: color-mix(in srgb, var(--dm-green) 4.5%, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-svg-tooltip div { border: 1px solid var(--dm-border); background: var(--dm-surface); box-shadow: 0 16px 34px rgba(0,0,0,0.16); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-svg-tooltip strong { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-svg-tooltip small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-svg-tooltip span { border-top: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-svg-tooltip b { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-svg-tooltip em { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-svg-count { fill: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .staffing-svg-time { fill: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .baseline-chart-legend { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .baseline-chart-legend i { border-top: 3px solid var(--dm-greenBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .baseline-chart-legend i.baseline { border-color: var(--dm-blueBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .weekly-staffing-head { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .weekly-staffing-row { border-top: 1px solid var(--dm-border); border-right: 0; border-bottom: 0; border-left: 0; background: transparent; color: inherit; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .weekly-staffing-row:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .weekly-staffing-row:focus-visible { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .weekly-staffing-row:focus-visible { outline: 2px solid var(--dm-greenBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .weekly-staffing-day { border-right: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .weekly-staffing-day strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .weekly-staffing-day span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .weekly-row-chip { border: 1px solid var(--dm-border); background: var(--dm-surface); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .weekly-row-chip.warning { border-color: var(--dm-redBorder); background: var(--dm-redSoft); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .weekly-row-chip.open { border-color: var(--dm-blueBorder); background: var(--dm-blueSoft); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .weekly-staffing-gridline { stroke: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .weekly-staffing-area { stroke: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .weekly-staffing-step { fill: none; stroke: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .weekly-staffing-baseline-step { fill: none; stroke: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .weekly-staffing-baseline { stroke: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .weekly-staffing-hit { fill: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .weekly-staffing-segment:hover .weekly-staffing-hit,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .weekly-staffing-segment:focus .weekly-staffing-hit { fill: color-mix(in srgb, var(--dm-green) 4.5%, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .weekly-staffing-empty { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .weekly-summary-list div { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .weekly-summary-list div:last-child { border-bottom: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .weekly-summary-list svg { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .weekly-summary-list span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .weekly-summary-list strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .weekly-summary-list small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .main { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-dashboard-top { border: 1px solid var(--ops-border); border-left: 4px solid var(--dm-greenBorder); background: var(--dm-surface); box-shadow: 0 10px 24px rgba(0,0,0,0.04); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-dashboard-top h2 { color: var(--ops-slate-900); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-dashboard-top p { color: var(--ops-slate-600); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-dashboard-actions .button.dashboard-view-options { border-color: var(--ops-border); background: var(--dm-surface); box-shadow: none; color: var(--ops-slate-600); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-dashboard-actions .icon-button { border-color: var(--ops-border); background: var(--dm-surface); box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-header-avatar { border: 1px solid var(--dm-greenBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-card.dashboard-card { border: 1px solid var(--ops-border); background: var(--dm-surface); box-shadow: 0 10px 24px rgba(0,0,0,0.045); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-card.is-schedule { border-top: 3px solid var(--dm-greenBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-summary-head .employee-icon-box { border: 1px solid var(--dm-greenBorder); background: var(--ops-green-50); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-summary-label { color: var(--ops-slate-600); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-summary-main { color: var(--ops-slate-900); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-summary-copy { color: var(--ops-slate-600); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-card > .employee-card-link { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-card .employee-card-link { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-section-title { border-bottom: 1px solid var(--ops-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-section-icon { border: 1px solid var(--ops-green-100); background: var(--ops-green-50); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-task-head { border-bottom: 1px solid var(--dash-border); color: var(--dash-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-task-row { border: 0; border-bottom: 1px solid var(--dm-border); background: var(--dm-surface); color: var(--ops-slate-900); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-task-row:hover { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-task-row.is-overdue { box-shadow: inset 3px 0 0 var(--dm-redFill); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-task-main small,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-task-due { color: var(--ops-slate-600); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-task-due.is-overdue { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-task-due.is-today { color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) .alert-detail-row { border: 0; border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .alert-detail-row.is-critical { border-left: 2px solid var(--dm-redBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) .alert-detail-row .employee-signal-heading strong { color: var(--ops-slate-900); }:root[data-appearance="dark"]:has(body.is-authenticated) .alert-detail-row small { color: var(--ops-slate-600); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-announcement-item.announcement-preview-card { border: 1px solid var(--ops-border); border-left: 3px solid var(--dm-greenBorder); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-announcement-item.announcement-preview-card.is-important { border-left-color: var(--dm-orangeBorder); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-announcement-item.announcement-preview-card.is-urgent { border-left-color: var(--dm-redBorder); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-announcement-item strong { color: var(--ops-slate-900); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-announcement-item small,
:root[data-appearance="dark"]:has(body.is-authenticated) .employee-announcement-item p,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-shift-note small,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-shift-note p { color: var(--ops-slate-600); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-shift-note { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-shift-note strong { color: var(--ops-slate-900); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-quiet-empty { border: 1px dashed var(--ops-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-quiet-empty strong { color: var(--ops-slate-900); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-quiet-empty p { color: var(--ops-slate-600); }:root[data-appearance="dark"]:has(body.is-authenticated) { --dash-primary: var(--dm-greenFill); --dash-primary-dark: var(--dm-greenFill); --dash-primary-soft: var(--dm-greenSoft); --dash-primary-border: var(--dm-greenBorder); --dash-danger: var(--dm-redFill); --dash-danger-dark: var(--dm-redFill); --dash-danger-soft: var(--dm-redSoft); --dash-danger-border: var(--dm-redBorder); --dash-normal: var(--dm-blueFill); --dash-normal-soft: var(--dm-greenSoft); --dash-normal-border: var(--dm-greenBorder); --dash-progress: var(--dm-blueFill); --dash-progress-soft: var(--dm-blueSoft); --dash-progress-border: var(--dm-blueBorder); --dash-today: var(--dm-greenFill); --dash-today-soft: var(--dm-greenSoft); --dash-today-border: var(--dm-greenBorder); --dash-warning: var(--dm-orangeFill); --dash-warning-dark: var(--dm-orangeFill); --dash-warning-soft: var(--dm-orangeSoft); --dash-warning-border: var(--dm-orangeBorder); --dash-neutral: var(--dm-muted); --dash-neutral-soft: var(--dm-raised); --dash-neutral-border: var(--dm-border); --dash-border: var(--dm-border); --dash-text: var(--dm-text); --dash-muted: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .main { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-dashboard-top { border-color: var(--dash-border); border-left-color: var(--dm-greenBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-dashboard-actions .button.dashboard-view-options { border-color: var(--dash-neutral-border); background: var(--dm-surface); color: var(--dash-neutral); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-dashboard-actions .button.dashboard-view-options:hover { border-color: var(--dash-primary-border); background: var(--dash-primary-soft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-dashboard-actions .button.dashboard-view-options svg,
:root[data-appearance="dark"]:has(body.is-authenticated) .employee-card-link svg { color: currentColor; stroke: currentColor; }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-card .employee-card-link,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-card > .employee-card-link { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-card .employee-card-link:hover { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-card.dashboard-card { border-color: var(--dash-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-card.is-schedule { border-top-color: var(--dm-greenBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-summary-head .employee-icon-box,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-section-icon,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-quiet-empty .employee-icon-box { border-color: var(--dash-primary-border); background: var(--dash-primary-soft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-summary-main,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-section-title h3,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-task-main strong,
:root[data-appearance="dark"]:has(body.is-authenticated) .employee-announcement-item strong,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-shift-note strong,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-quiet-empty strong { color: var(--dash-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-summary-label,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-summary-copy,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-task-main small,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-task-due,
:root[data-appearance="dark"]:has(body.is-authenticated) .alert-detail-row small,
:root[data-appearance="dark"]:has(body.is-authenticated) .employee-announcement-item small,
:root[data-appearance="dark"]:has(body.is-authenticated) .employee-announcement-item p,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-shift-note small,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-shift-note p,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-quiet-empty p { color: var(--dash-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-pill,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-stat-list span,
:root[data-appearance="dark"]:has(body.is-authenticated) #dashboardView .status-badge,
:root[data-appearance="dark"]:has(body.is-authenticated) #dashboardView .people-status-badge { border: 1px solid var(--dash-neutral-border); background: var(--dash-neutral-soft); color: var(--dash-neutral); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-pill.is-success,
:root[data-appearance="dark"]:has(body.is-authenticated) #dashboardView .status-badge.success,
:root[data-appearance="dark"]:has(body.is-authenticated) #dashboardView .status-badge.open,
:root[data-appearance="dark"]:has(body.is-authenticated) #dashboardView .status-badge.completed,
:root[data-appearance="dark"]:has(body.is-authenticated) #dashboardView .status-badge.resolved { border-color: var(--dash-primary-border); background: var(--dash-primary-soft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-pill.is-overdue,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-pill.is-critical,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-pill.is-high,
:root[data-appearance="dark"]:has(body.is-authenticated) #dashboardView .status-badge.danger,
:root[data-appearance="dark"]:has(body.is-authenticated) #dashboardView .status-badge.critical,
:root[data-appearance="dark"]:has(body.is-authenticated) #dashboardView .status-badge.high,
:root[data-appearance="dark"]:has(body.is-authenticated) #dashboardView .status-badge.blocked,
:root[data-appearance="dark"]:has(body.is-authenticated) #dashboardView .status-badge.overdue { border-color: var(--dash-danger-border); background: var(--dash-danger-soft); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) #dashboardView .status-badge.warning,
:root[data-appearance="dark"]:has(body.is-authenticated) #dashboardView .status-badge.pending,
:root[data-appearance="dark"]:has(body.is-authenticated) #dashboardView .status-badge.reopened { border-color: var(--dash-warning-border); background: var(--dash-warning-soft); color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-pill.is-due-today,
:root[data-appearance="dark"]:has(body.is-authenticated) #dashboardView .status-badge.due-today { border-color: var(--dash-today-border); background: var(--dash-today-soft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) #dashboardView .status-badge.info,
:root[data-appearance="dark"]:has(body.is-authenticated) #dashboardView .status-badge.normal { border-color: var(--dash-normal-border); background: var(--dash-normal-soft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) #dashboardView .status-badge.indigo,
:root[data-appearance="dark"]:has(body.is-authenticated) #dashboardView .status-badge.in-progress,
:root[data-appearance="dark"]:has(body.is-authenticated) #dashboardView .status-badge.in_progress { border-color: var(--dash-progress-border); background: var(--dash-progress-soft); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-task-due.is-overdue,
:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-task-row.is-overdue .dashboard-task-due { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-task-due.is-today { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-task-row.is-overdue { box-shadow: inset 2px 0 0 var(--dm-redFill); }:root[data-appearance="dark"]:has(body.is-authenticated) .alert-detail-row { border-bottom-color: var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .alert-detail-row.is-critical { border-left-color: var(--dm-redBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) .alert-severity-badge.is-critical,
:root[data-appearance="dark"]:has(body.is-authenticated) #dashboardView .status-badge.alert-severity-badge.is-critical { border-color: var(--dash-danger-border); background: var(--dash-danger-soft); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-announcement-item.announcement-preview-card { border-color: var(--dash-border); border-left-color: var(--dm-greenBorder); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-announcement-item.announcement-preview-card.is-important { border-left-color: var(--dm-orangeBorder); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-announcement-item.announcement-preview-card.is-urgent { border-left-color: var(--dm-redBorder); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-priority-badge,
:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-priority.announcement-priority-badge { border-color: var(--dash-neutral-border); background: var(--dash-neutral-soft); color: var(--dash-neutral); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-priority-badge.is-normal { border-color: var(--dash-primary-border); background: var(--dash-primary-soft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-priority-badge.is-important { border-color: var(--dash-warning-border); background: var(--dash-warning-soft); color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) .announcement-priority-badge.is-urgent { border-color: var(--dash-danger-border); background: var(--dash-danger-soft); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-quiet-empty { border-color: var(--dash-neutral-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-card.is-ack .employee-icon-box { border-color: var(--dash-warning-border); background: var(--dash-warning-soft); color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) .employee-card.is-ack.healthy .employee-icon-box { border-color: var(--dash-primary-border); background: var(--dash-primary-soft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .dashboard-task-row.is-overdue { box-shadow: inset 3px 0 0 var(--dm-redFill); }:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-main .collapse-button { border: 1px solid var(--dm-border) !important; background: linear-gradient(180deg, var(--dm-raised) 0%, var(--dm-raised) 100%) !important; color: var(--dm-green) !important; box-shadow: 0 8px 18px rgba(0,0,0,0.08); }:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-main .collapse-button svg { stroke: var(--dm-green) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-main .collapse-button:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-main .collapse-button:focus-visible { border-color: var(--dm-greenBorder) !important; background: var(--dm-greenSoft) !important; color: var(--dm-green) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-rail-collapse,
:root[data-appearance="dark"]:has(body.is-authenticated) .app-frame.sidebar-collapsed .sidebar-rail-collapse { border: 1px solid color-mix(in srgb, var(--dm-border) 24%, transparent) !important; background: color-mix(in srgb, var(--dm-raised) 12%, transparent) !important; color: var(--dm-onBrand) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-rail-collapse:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-rail-collapse:focus-visible,
:root[data-appearance="dark"]:has(body.is-authenticated) .app-frame.sidebar-collapsed .sidebar-rail-collapse:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .app-frame.sidebar-collapsed .sidebar-rail-collapse:focus-visible { border-color: color-mix(in srgb, var(--dm-border) 46%, transparent) !important; background: color-mix(in srgb, var(--dm-raised) 20%, transparent) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) .sidebar-rail-collapse svg,
:root[data-appearance="dark"]:has(body.is-authenticated) .app-frame.sidebar-collapsed .sidebar-rail-collapse svg { stroke: currentColor !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] { --task-green: var(--dm-greenFill); --task-green-soft: var(--dm-greenSoft); --task-blue: var(--dm-blueFill); --task-blue-soft: var(--dm-blueSoft); --task-red: var(--dm-redFill); --task-red-dark: var(--dm-redFill); --task-red-soft: var(--dm-redSoft); --task-border: var(--dm-border); --task-muted: var(--dm-muted); --task-ink: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .main { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .page-header h2 { color: var(--task-ink); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .page-subtitle { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .search-box { border: 1px solid var(--task-border); background: var(--dm-surface); box-shadow: 0 8px 18px rgba(0,0,0,0.035); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .search-box input { color: var(--task-ink); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #openMyActivity,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .notification-button { border: 1px solid var(--task-border); background: var(--dm-surface); color: var(--task-ink); box-shadow: 0 8px 16px rgba(0,0,0,0.03); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #headerPrimaryAction { border: 1px solid var(--dm-greenBorder); background: linear-gradient(180deg, var(--dm-greenFill) 0%, var(--dm-greenFill) 100%); color: var(--dm-onBrand); box-shadow: 0 12px 20px rgba(0,0,0,0.24); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowView.active .task-metric-card { border: 1px solid var(--task-border); background: var(--dm-surface); box-shadow: 0 10px 22px rgba(0,0,0,0.04); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowView.active .task-metric-icon,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowView.active .task-metric-card.green .task-metric-icon,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowView.active .task-metric-card.blue .task-metric-icon,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowView.active .task-metric-card.red .task-metric-icon { border: 0; background: transparent !important; box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowView.active .task-metric-card.green .task-metric-icon,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowView.active .task-metric-card.green .task-trend.good b,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowView.active .task-metric-card.green .task-trend.neutral b { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowView.active .task-metric-card.blue .task-metric-icon { color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowView.active .task-metric-card.red .task-metric-icon,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowView.active .task-metric-card.red .task-trend.bad b { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowView.active .task-metric-card span:not(.task-metric-icon) { color: var(--task-ink); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowView.active .task-metric-card strong { color: var(--task-ink); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowView.active .task-trend { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowView.active .workflow-queue { border: 1px solid var(--task-border); background: var(--dm-surface); box-shadow: 0 14px 28px rgba(0,0,0,0.045); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-tabs-header { border-bottom: 1px solid var(--task-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #taskContextTabs.database-tabs { border: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #taskContextTabs button { border: 0; border-bottom: 3px solid transparent; background: transparent; color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #taskContextTabs button.active { border-bottom-color: var(--dm-greenBorder); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #taskContextTabs span { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-view { border-top: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-filter-row { border: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .tasks-section-title { color: var(--task-ink); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .tasks-section-count { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .tasks-section-kicker { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .tasks-section-kicker span,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .tasks-filter-count { border: 1px solid var(--dm-greenBorder); background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .tasks-filter-button { border: 1px solid var(--task-border); background: var(--dm-surface); color: var(--task-ink); box-shadow: 0 6px 14px rgba(0,0,0,0.035); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .tasks-filter-button.active,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .tasks-filter-button:hover { border-color: var(--dm-greenBorder); background: var(--dm-surface); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .tasks-filter-popover { border: 1px solid var(--task-border); background: var(--dm-raised); box-shadow: 0 18px 38px rgba(0,0,0,0.16); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .tasks-filter-popover-title { color: var(--task-ink); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .tasks-filter-field label { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .tasks-filter-field select { border: 1px solid var(--task-border); background: var(--dm-mutedSurface); color: var(--task-ink); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-clear { border: 1px solid transparent; background: transparent; color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .workflow-sort-control { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .tasks-sort-label { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .tasks-sort-value { color: var(--task-ink); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-sort-icon-button { border: 1px solid var(--task-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card { border: 1px solid var(--task-border); background: var(--dm-surface); box-shadow: 0 10px 22px rgba(0,0,0,0.05); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card::before { background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.is-high-priority::before { background: var(--dm-redFill); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.overdue,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.is-overdue { border-color: var(--task-border); background: var(--dm-surface); box-shadow: 0 12px 22px rgba(0,0,0,0.08); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.overdue::before,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.is-overdue::before { background: var(--dm-redFill); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.selected,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.overdue.selected { border-color: var(--dm-greenBorder); background: var(--dm-mutedSurface); box-shadow: inset 0 0 0 1px #96d5a4, 0 12px 24px rgba(0,0,0,0.08); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-location { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-location svg { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-due-indicator { border: 1px solid var(--dm-redBorder); background: var(--dm-redFill); color: var(--dm-onBrand) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-due-indicator:not(.is-overdue) { border-color: var(--dm-border); background: var(--dm-greenSoft); color: var(--dm-green) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-icon { border: 0; background: transparent; color: var(--task-ink); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card h4 { color: var(--task-ink); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .status-badge,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-status-dropdown { box-shadow: inset 0 1px 0 rgba(0,0,0,0.68); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .status-badge.info,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .status-badge.normal { border: 1px solid var(--dm-blueBorder); background: linear-gradient(180deg, var(--dm-blueSoft) 0%, var(--dm-blueSoft) 100%); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .status-badge.indigo,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .status-badge.in-progress { border: 1px solid var(--dm-blueBorder); background: linear-gradient(180deg, var(--dm-blueSoft) 0%, var(--dm-blueSoft) 100%); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .status-badge.danger,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .status-badge.high,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .status-badge.critical { border: 1px solid var(--dm-redBorder); background: linear-gradient(180deg, var(--dm-redSoft) 0%, var(--dm-redSoft) 100%); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .status-badge.success,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .status-badge.open,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .status-badge.resolved,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .status-badge.completed { border: 1px solid var(--dm-greenBorder); background: linear-gradient(180deg, var(--dm-greenSoft) 0%, var(--dm-greenSoft) 100%); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .status-badge.low,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .status-badge.neutral { border: 1px solid var(--dm-border); background: linear-gradient(180deg, var(--dm-surface) 0%, var(--dm-blueSoft) 100%); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-footer { border-top: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-footer-label { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-footer-value { color: var(--task-ink); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.overdue .task-card-footer-due .task-card-footer-label,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card.overdue .task-card-footer-due .task-card-footer-value { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-action-menu { border: 1px solid var(--task-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-card-load-state { border-top: 1px solid var(--task-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowView.active.has-task-detail .task-detail-panel { border: 1px solid var(--task-border); background: var(--dm-surface); box-shadow: 0 14px 30px rgba(0,0,0,0.08); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .page-header { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .page-header h2,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #currentViewTitle { color: var(--task-ink); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .page-subtitle,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #currentViewSubtitle { color: var(--dm-muted) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowView.active .task-metric-card { border: 1px solid var(--task-border) !important; background: var(--dm-surface) !important; box-shadow: 0 8px 18px rgba(0,0,0,0.045) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowView.active .task-metric-card::before { background: var(--dm-greenFill) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowView.active .task-metric-card.blue::before { background: var(--dm-blueFill) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowView.active .task-metric-card.red::before { background: var(--dm-redFill) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowView.active .task-metric-icon,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowView.active .task-metric-card.green .task-metric-icon,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowView.active .task-metric-card.blue .task-metric-icon,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowView.active .task-metric-card.red .task-metric-icon { border: 0 !important; background: transparent !important; box-shadow: none !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowView.active .task-metric-card.green .task-metric-icon { color: var(--dm-green) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowView.active .task-metric-card.blue .task-metric-icon { color: var(--dm-blue) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowView.active .task-metric-card.red .task-metric-icon { color: var(--dm-red) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowView.active .task-metric-card span:not(.task-metric-icon) { color: var(--task-ink) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowView.active .task-metric-card strong { color: var(--task-ink) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowView.active .task-trend { color: var(--dm-muted) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowView.active .task-trend.good b,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowView.active .task-trend.neutral b { color: var(--dm-green) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowView.active .task-trend.bad b { color: var(--dm-red) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-kpi-card { border: 1px solid var(--dm-border) !important; background: var(--dm-surface) !important; box-shadow: 0 8px 18px rgba(0,0,0,0.045) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-kpi-card::before { background: var(--dm-greenFill) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-kpi-card.red::before { background: var(--dm-redFill) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-kpi-card.blue::before { background: var(--dm-blueFill) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-kpi-card.orange::before { background: var(--dm-orangeFill) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-kpi-icon,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-kpi-card.green .observation-kpi-icon,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-kpi-card.red .observation-kpi-icon,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-kpi-card.blue .observation-kpi-icon,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-kpi-card.purple .observation-kpi-icon,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-kpi-card.orange .observation-kpi-icon { border: 0 !important; background: transparent !important; box-shadow: none !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-kpi-card.green .observation-kpi-icon { color: var(--dm-green) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-kpi-card.red .observation-kpi-icon { color: var(--dm-red) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-kpi-card.blue .observation-kpi-icon { color: var(--dm-blue) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-kpi-card.orange .observation-kpi-icon { color: var(--dm-orange) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-kpi-card p { color: var(--dm-text) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-kpi-card strong { color: var(--dm-text) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-kpi-card small { color: var(--dm-muted) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-kpi-trend b { color: var(--dm-green) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-kpi-trend.bad b { color: var(--dm-red) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-kpi-card.green small,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-kpi-trend.good b { color: var(--dm-green) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) #shiftModal.shift-modal-backdrop { background: rgba(15, 23, 42, 0.42); }:root[data-appearance="dark"]:has(body.is-authenticated) #shiftModal .shift-modal-card { border: 1px solid var(--dm-border); background: var(--dm-raised); box-shadow: 0 22px 48px rgba(0,0,0,0.24); }:root[data-appearance="dark"]:has(body.is-authenticated) #shiftModal .shift-modal-header { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) #shiftModal .shift-modal-header > svg { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) #shiftModal .shift-modal-header h3 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) #shiftModal .shift-modal-header p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) #shiftModal .shift-modal-close { border: 1px solid var(--dm-border); background: var(--dm-raised); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) #shiftModal .shift-modal-form { background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) #shiftModal .shift-modal-section { border: 1px solid var(--dm-border); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) #shiftModal .shift-section-title { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) #shiftModal .shift-section-title h4 { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) #shiftModal .shift-field > span:first-child { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) #shiftModal .shift-input-frame { border: 1px solid var(--dm-border); background: var(--dm-mutedSurface); }:root[data-appearance="dark"]:has(body.is-authenticated) #shiftModal .shift-input-frame:focus-within { border-color: var(--dm-greenBorder); box-shadow: 0 0 0 2px rgba(0,0,0,0.1); }:root[data-appearance="dark"]:has(body.is-authenticated) #shiftModal .shift-input-frame svg { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) #shiftModal .shift-input-frame input,
:root[data-appearance="dark"]:has(body.is-authenticated) #shiftModal .shift-input-frame select { border: 0; outline: 0; background: transparent; color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) #shiftModal .shift-input-frame input::placeholder { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) #shiftModal .shift-preset-toggle { border: 1px solid transparent; background: transparent; color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) #shiftModal .shift-preset-toggle:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) #shiftModal .shift-preset-toggle:focus-visible { border-color: var(--dm-border); background: var(--dm-surface); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) #shiftModal .shift-employee-clear { border: 1px solid transparent; background: transparent; color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) #shiftModal .shift-employee-clear:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) #shiftModal .shift-employee-clear:focus-visible { border-color: var(--dm-border); background: var(--dm-surface); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) #shiftModal .shift-employee-results { border: 1px solid var(--dm-border); background: var(--dm-surface); box-shadow: 0 16px 30px rgba(0,0,0,0.14); }:root[data-appearance="dark"]:has(body.is-authenticated) #shiftModal .shift-preset-results { border: 1px solid var(--dm-border); background: var(--dm-surface); box-shadow: 0 16px 30px rgba(0,0,0,0.14); }:root[data-appearance="dark"]:has(body.is-authenticated) #shiftModal .shift-employee-result-row { border: 0; border-bottom: 1px solid var(--dm-border); background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) #shiftModal .shift-preset-result-row { border: 0; border-bottom: 1px solid var(--dm-border); background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) #shiftModal .shift-employee-result-row:last-child { border-bottom: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) #shiftModal .shift-preset-result-row:last-child { border-bottom: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) #shiftModal .shift-employee-result-row:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) #shiftModal .shift-employee-result-row.selected,
:root[data-appearance="dark"]:has(body.is-authenticated) #shiftModal .shift-employee-result-row:focus-visible { background: var(--dm-greenSoft); outline: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) #shiftModal .shift-preset-result-row:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) #shiftModal .shift-preset-result-row.selected,
:root[data-appearance="dark"]:has(body.is-authenticated) #shiftModal .shift-preset-result-row:focus-visible { background: var(--dm-greenSoft); outline: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) #shiftModal .shift-employee-result-row strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) #shiftModal .shift-preset-result-row strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) #shiftModal .shift-employee-result-row small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) #shiftModal .shift-preset-result-row small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) #shiftModal .shift-employee-empty { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) #shiftModal .shift-date-display { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) #shiftModal .shift-preset-helper { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) #shiftModal .shift-preset-helper.is-custom { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) #shiftModal .shift-info-row { border: 1px solid var(--dm-border); background: var(--dm-greenSoft); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) #shiftModal .shift-info-row svg { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) #shiftModal .shift-notes-field textarea { border: 1px solid var(--dm-border); background: var(--dm-mutedSurface); color: var(--dm-text); outline: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) #shiftModal .shift-notes-field textarea:focus { border-color: var(--dm-greenBorder); box-shadow: 0 0 0 2px rgba(0,0,0,0.1); }:root[data-appearance="dark"]:has(body.is-authenticated) #shiftModal .shift-notes-field small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) #shiftModal .shift-modal-footer { border-top: 1px solid var(--dm-border); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) #shiftModal .shift-delete-button { border: 1px solid var(--dm-redBorder); background: var(--dm-surface); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) #shiftModal .shift-cancel-button { border: 1px solid var(--dm-border); background: var(--dm-surface); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) #shiftModal #shiftSubmitButton { border: 1px solid var(--dm-greenBorder); background: var(--dm-greenFill); color: var(--dm-onBrand); box-shadow: 0 12px 20px rgba(0,0,0,0.22); }:root[data-appearance="dark"]:has(body.is-authenticated) #shiftModal .sr-only { border: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowView .task-card-due-indicator.is-overdue,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowView .task-card.overdue .task-card-due-indicator,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowView .task-card.is-overdue .task-card-due-indicator { border-color: var(--dm-redBorder) !important; background: var(--dm-redFill) !important; color: var(--dm-onBrand) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowView .task-card.overdue .task-card-footer-due .task-card-footer-label,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowView .task-card.overdue .task-card-footer-due .task-card-footer-value,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowView .task-card.is-overdue .task-card-footer-due .task-card-footer-label,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowView .task-card.is-overdue .task-card-footer-due .task-card-footer-value { color: var(--dm-red) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowView.active.has-task-detail .task-detail-panel,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowTaskDetail.task-detail-panel { border: 1px solid var(--task-border); border-top: 1px solid var(--task-border) !important; background: var(--dm-surface); box-shadow: 0 18px 36px rgba(0,0,0,0.1); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-detail-command-panel { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-detail-workspace-header { border-bottom: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-detail-workspace-header h3 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-detail-workspace-header .task-icon-action { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-detail-workspace-header .task-edit-icon-action { border-color: var(--dm-greenBorder); background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-detail-workspace-header .task-edit-icon-action:hover { border-color: var(--dm-greenBorder); background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-detail-meta-line { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-detail-meta-line .is-overdue { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-detail-section { border-bottom: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-detail-action-section { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-detail-status-cell { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-detail-status-strip.is-overdue .task-detail-due-cell { border-color: var(--dm-redBorder); background: var(--dm-redSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-detail-status-cell > span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-detail-status-cell > strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-detail-status-strip.is-overdue .task-detail-due-cell > strong { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-detail-status-row .task-status-dropdown { box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-detail-status-row .task-status-menu { border: 1px solid var(--dm-border); background: var(--dm-raised); box-shadow: 0 14px 26px rgba(0,0,0,0.16); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-detail-block-button { border-color: var(--dm-redBorder) !important; background: var(--dm-surface) !important; color: var(--dm-red) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-detail-block-button:hover { background: var(--dm-redSoft) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-detail-section h4,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-detail-section-heading h4 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-detail-field-grid { border-top: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-detail-field-grid div { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-detail-field-grid div:last-child { border-bottom: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-detail-field-grid.compact { border-bottom: 0 !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-detail-field-grid.compact div:last-child { border-bottom: 0 !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-detail-field-grid span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-detail-field-grid strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-detail-description { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-instruction-files { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-instruction-heading > span { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-instruction-heading small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-instruction-attachment { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-instruction-thumbnail { border: 1px solid var(--dm-border); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-instruction-thumbnail > span { color: var(--dm-onBrand); background: color-mix(in srgb, var(--dm-mutedSurface) 72%, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-instruction-file-icon { color: var(--dm-green); background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-instruction-file-copy strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-instruction-file-copy span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-instruction-attachment > .icon-button { color: var(--dm-green); border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-instruction-thumbnail:focus-visible,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-instruction-attachment > .icon-button:focus-visible { outline: 3px solid color-mix(in srgb, var(--dm-greenBorder) 22%, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-proof-upload-button { border: 1px solid var(--dm-greenBorder); background: var(--dm-surface); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-proof-item { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-proof-item svg { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-proof-item strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-proof-item span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-side-comment-form.compact { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-side-comment-form.compact textarea { border: 1px solid var(--dm-border); background: var(--dm-mutedSurface); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-side-comment-form.compact .icon-button { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-side-comment-form.compact .send-update-button { border-color: var(--dm-greenBorder); background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-side-comment-form.compact .send-update-button:disabled { border-color: var(--dm-border); background: var(--dm-surface); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-activity-item { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-activity-author { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-activity-time { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-activity-item p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-activity-status-change { border-left: 3px solid var(--dm-greenBorder); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-activity-status-row > span,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-activity-status-detail > span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-activity-status-detail { border-top: 1px solid var(--dm-border); }@media (max-width: 1280px) {:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowView.active.has-task-detail .workflow-sidebar { background: var(--dm-raised); box-shadow: -18px 0 36px rgba(0,0,0,0.18); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowView.active.has-task-detail .task-detail-panel,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowTaskDetail.task-detail-panel { border-top: 0; border-bottom: 0; } }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .detail-field-list.task-detail-field-grid.compact,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .detail-field-list.task-detail-field-grid.compact div:last-child,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-detail-fields .observation-detail-field-row:last-child { border-bottom: 0 !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowTaskDetail .task-detail-shell-header { border-bottom: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowTaskDetail .task-detail-edit-form { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowTaskDetail .task-edit-heading,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowTaskDetail .task-edit-field,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowTaskDetail .task-edit-due-grid { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowTaskDetail .task-edit-heading { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowTaskDetail .task-edit-heading strong,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowTaskDetail .task-edit-field > span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowTaskDetail .task-edit-heading span { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowTaskDetail .task-edit-field input,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowTaskDetail .task-edit-field select,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowTaskDetail .task-edit-field textarea,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowTaskDetail .task-detail-edit-form .task-search-input { border-color: var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowTaskDetail .task-detail-edit-form .task-search-results { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowTaskDetail .task-detail-edit-form .task-search-results button { border: 0; border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowTaskDetail .task-detail-edit-form .task-search-results button:last-child { border-bottom: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowTaskDetail .task-detail-edit-form .task-chip-row button { border-color: var(--dm-greenBorder); background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowTaskDetail .task-edit-due-grid .task-edit-field { border-bottom: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowTaskDetail .task-edit-footer { border-top: 1px solid var(--dm-border); background: var(--dm-surface); box-shadow: 0 -12px 24px rgba(0,0,0,0.06); }:root[data-appearance="dark"]:has(body.is-authenticated) .staffing-baseline-modal .modal-header { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .staffing-baseline-modal .modal-header p:not(.kicker) { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .baseline-current-panel { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .baseline-current-panel h4 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .baseline-current-panel dl div { border-top: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .baseline-current-panel dt { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .baseline-current-panel dd { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .baseline-empty-state,
:root[data-appearance="dark"]:has(body.is-authenticated) .baseline-preview-empty { border: 1px dashed var(--dm-border); background: var(--dm-surface); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .baseline-empty-state svg,
:root[data-appearance="dark"]:has(body.is-authenticated) .baseline-preview-empty svg { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .baseline-empty-state strong,
:root[data-appearance="dark"]:has(body.is-authenticated) .baseline-preview-empty strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .baseline-replace-warning { border: 1px solid var(--dm-orangeBorder); background: var(--dm-orangeSoft); color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) .baseline-file-field small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .baseline-template-links button { border: 1px solid var(--dm-border); background: var(--dm-surface); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .baseline-preview { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .baseline-preview.has-errors { border-color: var(--dm-redBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) .baseline-preview-summary span,
:root[data-appearance="dark"]:has(body.is-authenticated) .baseline-period-pills span { border: 1px solid var(--dm-border); background: var(--dm-surface); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .baseline-preview-summary strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .baseline-validation-list { border: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .baseline-validation-list span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .baseline-validation-list.error { border-color: var(--dm-redBorder); background: var(--dm-redSoft); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .baseline-validation-list.warning { border-color: var(--dm-orangeBorder); background: var(--dm-orangeSoft); color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) .baseline-period-pills span { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .baseline-preview-table { border: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .baseline-preview-table strong,
:root[data-appearance="dark"]:has(body.is-authenticated) .baseline-preview-table span { border-bottom: 1px solid var(--dm-border); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .baseline-preview-table strong { background: var(--dm-surface); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .app-frame.sidebar-collapsed .sidebar-rail-collapse { border: 1px solid var(--dm-greenBorder) !important; background: var(--dm-greenSoft) !important; color: var(--dm-green) !important; box-shadow: 0 8px 18px rgba(0,0,0,0.1) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) .app-frame.sidebar-collapsed .sidebar-rail-collapse:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .app-frame.sidebar-collapsed .sidebar-rail-collapse:focus-visible { border-color: var(--dm-greenBorder) !important; background: var(--dm-greenSoft) !important; color: var(--dm-green) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) .app-frame.sidebar-collapsed .sidebar-rail-collapse svg { stroke: currentColor !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"].schedule-my-mode #myScheduleSummary .schedule-v2-kpi { border-left: 4px solid var(--dm-greenBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"].schedule-my-mode #upcomingShiftsCard.schedule-v2-detail-card,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"].schedule-my-mode #upcomingShiftsSideCard.schedule-v2-coworkers-card { border-left: 3px solid var(--dm-greenBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"].schedule-my-mode #upcomingShiftsSideCard.schedule-v2-coworkers-card { border-left-color: var(--dm-blueBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"].schedule-my-mode .schedule-v2-action-card { border-left: 3px solid var(--dm-greenBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"].schedule-my-mode .schedule-v2-action-card.danger { border-left-color: var(--dm-redBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"].schedule-my-mode #myScheduleSummary .schedule-v2-kpi { border: 1px solid var(--dm-border); border-left: 4px solid var(--dm-greenBorder); box-shadow: 0 10px 22px rgba(0,0,0,0.04); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"].schedule-my-mode #myScheduleSummary .schedule-v2-icon { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"].schedule-my-mode #myScheduleSummary .schedule-v2-kpi p { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"].schedule-my-mode #myScheduleSummary .schedule-v2-kpi small,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"].schedule-my-mode #myScheduleSummary .schedule-v2-kpi em { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"].schedule-my-mode #myScheduleSummary .schedule-v2-kpi-badges span { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"].schedule-my-mode #myScheduleList.schedule-v2-week-strip { border-color: var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"].schedule-my-mode #myScheduleList .schedule-v2-day { border-color: var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"].schedule-my-mode #myScheduleList .schedule-v2-day.active { outline: 2px solid var(--dm-greenBorder); background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"].schedule-my-mode #myScheduleList .schedule-v2-shift-card { border-left: 3px solid var(--dm-greenBorder); background: var(--dm-greenSoft); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"].schedule-my-mode #myScheduleList .schedule-v2-shift-card strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"].schedule-my-mode #myScheduleList .schedule-v2-shift-badges em { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"].schedule-my-mode #upcomingShiftsCard.schedule-v2-detail-card,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"].schedule-my-mode #upcomingShiftsSideCard.schedule-v2-coworkers-card { border: 1px solid var(--dm-border); border-left: 3px solid var(--dm-greenBorder); box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"].schedule-my-mode #upcomingShiftsSideCard.schedule-v2-coworkers-card { border-left-color: var(--dm-greenBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"].schedule-my-mode .schedule-v2-detail-grid > div:first-child { border-right: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"].schedule-my-mode .schedule-v2-detail-grid p,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"].schedule-my-mode .schedule-v2-detail-grid h4 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"].schedule-my-mode .schedule-v2-detail-grid p svg,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"].schedule-my-mode .schedule-v2-detail-grid h4 svg { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"].schedule-my-mode .schedule-v2-time span { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"].schedule-my-mode .schedule-v2-shift-notes-column > p { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"].schedule-my-mode .schedule-v2-reminder { border: 1px solid var(--dm-border); background: var(--dm-greenSoft); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"].schedule-my-mode .schedule-v2-reminder.empty { background: var(--dm-surface); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"].schedule-my-mode .schedule-v2-action-card { border: 1px solid var(--dm-border); border-left: 3px solid var(--dm-greenBorder); box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"].schedule-my-mode #scheduleCurrentWeek > svg:first-child,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"].schedule-my-mode .schedule-v2-week-label svg { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"].schedule-my-mode #scheduleCurrentWeek > svg:last-child { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"].schedule-my-mode #myScheduleList .schedule-v2-no-shift { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"].schedule-my-mode #myScheduleList .schedule-v2-no-shift svg { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"].schedule-my-mode .schedule-v2-action-card span:first-child,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"].schedule-my-mode .schedule-v2-action-card.danger span:first-child { background: transparent; color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"].schedule-my-mode .schedule-v2-action-card.danger span:first-child { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"].schedule-my-mode .schedule-v2-action-card > svg { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) #availabilityPanel.availability-panel-backdrop { background: rgba(15, 23, 42, 0.42); }:root[data-appearance="dark"]:has(body.is-authenticated) #availabilityPanel .availability-panel { border-left: 1px solid var(--dm-border); background: var(--dm-surface); box-shadow: -24px 0 52px rgba(0,0,0,0.22); }:root[data-appearance="dark"]:has(body.is-authenticated) #availabilityPanel .availability-panel-header { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) #availabilityPanel .availability-panel-title-icon { border: 1px solid var(--dm-greenBorder); background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) #availabilityPanel .availability-panel-title-copy .kicker { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) #availabilityPanel .availability-panel-title-copy h3 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) #availabilityPanel .availability-panel-title-copy p:not(.kicker) { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) #availabilityPanel .availability-panel-close { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) #availabilityPanel .availability-panel-close:hover { border-color: var(--dm-border); background: var(--dm-surface); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) #availabilityPanel .availability-panel-add-button { box-shadow: 0 14px 24px rgba(0,0,0,0.16); }:root[data-appearance="dark"]:has(body.is-authenticated) #availabilityPanel #availabilityPanelTabs.availability-tabs { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) #availabilityPanel #availabilityPanelTabs .status-tab { border: 0; border-right: 1px solid var(--dm-border); background: var(--dm-surface); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) #availabilityPanel #availabilityPanelTabs .status-tab:last-child { border-right: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) #availabilityPanel #availabilityPanelTabs .status-tab svg { color: currentColor; }:root[data-appearance="dark"]:has(body.is-authenticated) #availabilityPanel #availabilityPanelTabs .status-tab.active { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) #availabilityPanel .availability-panel-empty { border: 1px dashed var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) #availabilityPanel .availability-panel-empty .empty-icon { border-color: var(--dm-greenBorder); background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) #availabilityPanel .availability-panel-empty .empty-state strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) #availabilityPanel .availability-panel-empty .empty-state p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) #availabilityPanel .availability-management-card { border: 1px solid var(--dm-border); border-left: 4px solid var(--dm-greenBorder); background: var(--dm-surface); box-shadow: 0 12px 24px rgba(0,0,0,0.05); }:root[data-appearance="dark"]:has(body.is-authenticated) #availabilityPanel .availability-management-card.needs-off,
:root[data-appearance="dark"]:has(body.is-authenticated) #availabilityPanel .availability-management-card.unavailable { border-left-color: var(--dm-redBorder); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) #availabilityPanel .availability-management-card.prefer-off { border-left-color: var(--dm-purpleBorder); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) #availabilityPanel .availability-management-card.available { border-left-color: var(--dm-greenBorder); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) #availabilityPanel .availability-management-icon { border: 1px solid var(--dm-greenBorder); background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) #availabilityPanel .availability-management-icon.needs-off,
:root[data-appearance="dark"]:has(body.is-authenticated) #availabilityPanel .availability-management-icon.unavailable { border-color: var(--dm-redBorder); background: var(--dm-redSoft); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) #availabilityPanel .availability-management-icon.prefer-off { border-color: var(--dm-purpleBorder); background: var(--dm-purpleSoft); color: var(--dm-purple); }@media (max-width: 1439px) {:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-table th:first-child,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-table td:first-child { background: var(--dm-surface); box-shadow: 1px 0 0 #d9e2de; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-table thead th:first-child { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-grid > :nth-child(9n + 1) { box-shadow: 1px 0 0 #d9e2de; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-table th:first-child,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-table td:first-child { background: var(--dm-surface); box-shadow: 1px 0 0 var(--people-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] .people-table thead th:first-child { background: var(--dm-surface); } }:root[data-appearance="dark"]:has(body.is-authenticated) .time-clock-card { border: 1px solid var(--dm-border); border-left: 4px solid var(--primary, var(--dm-greenBorder)); background: linear-gradient(100deg, var(--dm-surface), var(--dm-surface)); box-shadow: 0 8px 24px rgba(0,0,0,.06); }:root[data-appearance="dark"]:has(body.is-authenticated) .time-clock-copy p { color: var(--muted, var(--dm-muted)); }:root[data-appearance="dark"]:has(body.is-authenticated) .time-clock-icon { color: var(--dm-onBrand); background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) .button.danger { color: var(--dm-onBrand); border-color: var(--dm-redBorder); background: var(--dm-redFill); }:root[data-appearance="dark"]:has(body.is-authenticated) .button.danger:hover { background: var(--dm-redFill); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-summary-card { border: 1px solid var(--border, var(--dm-border)); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-summary-card svg { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-summary-card span { color: var(--muted, var(--dm-muted)); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-toolbar { border-bottom: 1px solid var(--border, var(--dm-border)); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-list-shell { border-right: 1px solid var(--border, var(--dm-border)); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-table tbody tr:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-table tbody tr.is-selected { background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-table td:first-child small,
:root[data-appearance="dark"]:has(body.is-authenticated) .admin-table td small { color: var(--muted, var(--dm-muted)); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-detail-head p { color: var(--muted, var(--dm-muted)); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-total-strip { border: 1px solid var(--border, var(--dm-border)); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-total-strip > div { border-right: 1px solid var(--border, var(--dm-border)); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-total-strip > div:last-child { border: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-total-strip span { color: var(--muted, var(--dm-muted)); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-exceptions p,
:root[data-appearance="dark"]:has(body.is-authenticated) .form-warning { color: var(--dm-orange); border: 1px solid var(--dm-orangeBorder); background: var(--dm-orangeSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-exceptions p.is-blocker { color: var(--dm-red); border-color: var(--dm-redBorder); background: var(--dm-redSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .exception-count { color: var(--dm-orange); background: var(--dm-orangeSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .exception-count.blocker,
:root[data-appearance="dark"]:has(body.is-authenticated) .exception-pill { color: var(--dm-red); background: var(--dm-redSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-review-state { border-top: 1px solid var(--border, var(--dm-border)); color: var(--muted, var(--dm-muted)); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-correction-row { border: 1px solid var(--border, var(--dm-border)); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-correction-row small { color: var(--muted, var(--dm-muted)); }:root[data-appearance="dark"]:has(body.is-authenticated) .timekeeping-context { color: var(--dm-green); border-left: 3px solid var(--dm-greenBorder); background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .timekeeping-confirm svg { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .timekeeping-audit-list > div { border-bottom: 1px solid var(--border, var(--dm-border)); }:root[data-appearance="dark"]:has(body.is-authenticated) .timekeeping-audit-list small { color: var(--muted, var(--dm-muted)); }@media (max-width: 1180px) {:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-list-shell { border-right: 0; border-bottom: 1px solid var(--border, var(--dm-border)); } }@media (max-width: 760px) {:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-total-strip > div:nth-child(2) { border-right: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-total-strip > div:nth-child(-n+2) { border-bottom: 1px solid var(--border, var(--dm-border)); } }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-summary-card { border-color: var(--dm-border); box-shadow: 0 5px 16px rgba(0,0,0,.045); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-summary-icon { color: var(--dm-green); background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-workspace { border: 1px solid var(--dm-border); box-shadow: 0 12px 34px rgba(0,0,0,.055); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-workspace-head { background: linear-gradient(180deg, var(--dm-surface) 0%, var(--dm-surface) 100%); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-workspace-title h2 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-workspace-title p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-workspace-icon { color: var(--dm-onBrand); background: var(--dm-greenFill); box-shadow: 0 6px 14px rgba(0,0,0,.18); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-toolbar { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-table th { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-table tbody tr.is-selected { box-shadow: inset 3px 0 #087a35; }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-table tbody tr:focus-visible { outline: 2px solid var(--dm-greenBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-confirmed { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-no-issues { color: var(--dm-green); background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-detail { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-detail-head h3 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-total-strip { border-color: var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-total-strip strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-total-strip > div:nth-child(3) { background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-section-heading h4 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-section-heading p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-section-heading > span { color: var(--dm-orange); background: var(--dm-orangeSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-exceptions { border: 1px solid var(--dm-orangeBorder); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-exceptions p,
:root[data-appearance="dark"]:has(body.is-authenticated) .form-warning { border: 0; border-left: 3px solid var(--dm-orangeBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-exceptions p.is-blocker { border-color: var(--dm-redBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-clear-state,
:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-action-guidance { color: var(--dm-green); border: 1px solid var(--dm-border); background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-action-guidance { color: var(--dm-orange); border-color: var(--dm-orangeBorder); background: var(--dm-orangeSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-detail-actions { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-entry-shell { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-review-state > div { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-review-state strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .danger-text { color: var(--dm-red) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) #timekeepingModal.modal-backdrop { background: rgba(13, 24, 18, .52); }:root[data-appearance="dark"]:has(body.is-authenticated) .timekeeping-modal-card { border: 1px solid color-mix(in srgb, var(--dm-border) 80%, transparent); background: var(--dm-raised); box-shadow: 0 28px 72px rgba(0,0,0,.28); }:root[data-appearance="dark"]:has(body.is-authenticated) .timekeeping-modal-header { border-bottom: 1px solid var(--dm-border); background: linear-gradient(135deg, var(--dm-raised) 0%, var(--dm-raised) 66%); }:root[data-appearance="dark"]:has(body.is-authenticated) .timekeeping-modal-header::before { background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) #timekeepingModal[data-tone="warning"] .timekeeping-modal-header::before { background: var(--dm-redFill); }:root[data-appearance="dark"]:has(body.is-authenticated) #timekeepingModal[data-tone="warning"] .timekeeping-modal-icon { color: var(--dm-red); background: var(--dm-redSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .timekeeping-modal-icon { color: var(--dm-green); background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .timekeeping-modal-header .kicker { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .timekeeping-modal-header h3 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .timekeeping-modal-subtitle { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .timekeeping-form .field > span { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .timekeeping-form .field input,
:root[data-appearance="dark"]:has(body.is-authenticated) .timekeeping-form .field select,
:root[data-appearance="dark"]:has(body.is-authenticated) .timekeeping-form .field textarea { border-color: var(--dm-border); background: var(--dm-mutedSurface); }:root[data-appearance="dark"]:has(body.is-authenticated) .timekeeping-form .field input:focus,
:root[data-appearance="dark"]:has(body.is-authenticated) .timekeeping-form .field select:focus,
:root[data-appearance="dark"]:has(body.is-authenticated) .timekeeping-form .field textarea:focus { border-color: var(--dm-greenBorder); box-shadow: 0 0 0 3px rgba(0,0,0,.11); }:root[data-appearance="dark"]:has(body.is-authenticated) .field-help { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .timekeeping-period-chip,
:root[data-appearance="dark"]:has(body.is-authenticated) .timekeeping-confirm-card { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .timekeeping-period-chip > svg { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .timekeeping-period-chip small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .timekeeping-confirm-card > span { color: var(--dm-green); background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .timekeeping-confirm-card p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .timekeeping-confirm-total { border: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .timekeeping-confirm-total span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .timekeeping-confirm-total strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .timekeeping-form .modal-actions { border-top: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .time-attendance-page { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .time-attendance-header p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .time-attendance-period { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .time-attendance-period > svg { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .time-attendance-period select { border: 0; background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) .time-attendance-page .timecard-summary-card { border: 1px solid var(--dm-border); box-shadow: none; background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .time-attendance-page .timecard-summary-icon { border: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) .time-attendance-page .timecard-summary-card.purple .timecard-summary-icon { color: var(--dm-purple); background: var(--dm-purpleSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .time-attendance-page .timecard-summary-card.blue .timecard-summary-icon { color: var(--dm-blue); background: var(--dm-blueSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .time-attendance-page .timecard-summary-card.amber .timecard-summary-icon { color: var(--dm-orange); background: var(--dm-orangeSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .time-attendance-page .timecard-summary-card > span:not(.timecard-summary-icon) { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .time-attendance-page .timecard-workspace { border: 1px solid var(--dm-border); box-shadow: none; background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .time-attendance-tabs { border: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .time-attendance-tabs button { border: 0; border-right: 1px solid var(--dm-border); color: var(--dm-muted); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .time-attendance-tabs button:last-child { border-right: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) .time-attendance-tabs button.active { color: var(--dm-green); background: var(--dm-greenSoft); box-shadow: inset 0 -2px #078239; }:root[data-appearance="dark"]:has(body.is-authenticated) .time-attendance-page .timecard-toolbar { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .time-attendance-page > .timecard-toolbar { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-filters > label:not(.ta-search),
:root[data-appearance="dark"]:has(body.is-authenticated) .ta-more-filters label { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-filters select,
:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-filters input { border: 1px solid var(--dm-border); background: var(--dm-mutedSurface); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-search svg { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-filter-note { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-filter-note svg { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-more-filters summary { border: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-more-filters > div { border: 1px solid var(--dm-border); background: var(--dm-surface); box-shadow: 0 14px 34px rgba(0,0,0,.12); }:root[data-appearance="dark"]:has(body.is-authenticated) .time-attendance-page .timecard-list-shell { border-right: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-card-list-row { border: 0; border-bottom: 1px solid var(--dm-border); background: var(--dm-surface); color: inherit; }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-card-list-row:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .ta-card-list-row.is-selected { background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-card-list-row.is-selected { box-shadow: inset 3px 0 #078239; }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-card-list-row small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-person-avatar { color: var(--dm-onBrand); background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-list-issues b,
:root[data-appearance="dark"]:has(body.is-authenticated) .ta-list-issues em { color: var(--dm-red); background: var(--dm-redSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-list-issues em { color: var(--dm-orange); background: var(--dm-orangeSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-list-issues svg { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-list-empty { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-pagination { border-top: 1px solid var(--dm-border); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-pagination select,
:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-pagination button { border: 1px solid var(--dm-border); background: var(--dm-mutedSurface); }:root[data-appearance="dark"]:has(body.is-authenticated) .time-attendance-page .timecard-detail { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-card-header { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-card-header p,
:root[data-appearance="dark"]:has(body.is-authenticated) .ta-card-header small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-hour-summary { border: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-hour-summary > div { border-right: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-hour-summary > div:last-child { border-right: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-hour-summary span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-detail-section { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-section-head { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-section-head p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-section-head > span { background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-issues.blocking { border-color: var(--dm-redBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-issues.warning { border-color: var(--dm-orangeBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-issue-row { border-top: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-issue-row:first-of-type { border-top: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-issue-row > svg { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-issues.warning .ta-issue-row > svg { color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-issue-row small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-section-empty { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-day { border-top: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-day-summary { border: 0; background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-day-summary:hover { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-day-summary small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-day-issues b { color: var(--dm-red); background: var(--dm-redSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-day-issues svg { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-day-details { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-entry { border: 1px solid var(--dm-border); border-top: 0; background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-entry:first-child { border-top: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-entry-times small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-entry-meta { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-entry-note,
:root[data-appearance="dark"]:has(body.is-authenticated) .ta-note-row { border-top: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-entry-note p,
:root[data-appearance="dark"]:has(body.is-authenticated) .ta-note-row p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-entry-issues span { color: var(--dm-orange); background: var(--dm-orangeSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-entry-issues .blocking { color: var(--dm-red); background: var(--dm-redSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-correction { border-top: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-correction p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-correction small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-workflow-state > div:last-child > svg { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-workflow-state small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-workflow-state small.overdue { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-personal-status > div { border-right: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-personal-status > div:last-child { border-right: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-personal-status svg { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-personal-status small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-personal-status strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-personal-status em { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-personal-status em.overdue { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-approval-help { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-context-actions { border-top: 1px solid var(--dm-border); background: color-mix(in srgb, var(--dm-surface) 97%, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-analytics { border-top: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-analytics-panel { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-bar-chart b,
:root[data-appearance="dark"]:has(body.is-authenticated) .ta-progress-list b { background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-bar-chart i,
:root[data-appearance="dark"]:has(body.is-authenticated) .ta-bar-chart em,
:root[data-appearance="dark"]:has(body.is-authenticated) .ta-progress-list i { background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-bar-chart em { background: var(--dm-purpleFill); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-chart-legend i { background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-chart-legend span:last-child i { background: var(--dm-purpleFill); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-confirmation-summary { border-top: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-confirmation-summary span { border-right: 1px solid var(--dm-border); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-confirmation-summary span:last-child { border: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-confirmation-summary strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-exception-breakdown button,
:root[data-appearance="dark"]:has(body.is-authenticated) .ta-ranking button,
:root[data-appearance="dark"]:has(body.is-authenticated) .ta-analytics-table > div { border: 0; border-top: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-exception-breakdown button:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .ta-ranking button:hover { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-exception-breakdown .blocking,
:root[data-appearance="dark"]:has(body.is-authenticated) .ta-exception-breakdown .warning { color: var(--dm-red); background: var(--dm-redSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-exception-breakdown .warning { color: var(--dm-orange); background: var(--dm-orangeSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-ranking button > small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-analytics-table small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-analytics-panel th,
:root[data-appearance="dark"]:has(body.is-authenticated) .ta-analytics-panel td { border-top: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-analytics-panel th { color: var(--dm-muted); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .timekeeping-modal-card { border: 1px solid var(--dm-border); box-shadow: 0 24px 62px rgba(0,0,0,.25); }:root[data-appearance="dark"]:has(body.is-authenticated) .timekeeping-modal-header { background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) .timekeeping-modal-icon,
:root[data-appearance="dark"]:has(body.is-authenticated) .timekeeping-confirm-card > span { border: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .timekeeping-form .field input,
:root[data-appearance="dark"]:has(body.is-authenticated) .timekeeping-form .field select,
:root[data-appearance="dark"]:has(body.is-authenticated) .timekeeping-form .field textarea { background: var(--dm-mutedSurface); }@media (max-width: 1024px) {:root[data-appearance="dark"]:has(body.is-authenticated) .time-attendance-page .timecard-list-shell { border-right: 0; border-bottom: 1px solid var(--dm-border); } }@media (max-width: 700px) {:root[data-appearance="dark"]:has(body.is-authenticated) .time-attendance-tabs button { border-right: 0; border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-more-filters > div { box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-hour-summary > div:nth-child(2) { border-right: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-hour-summary > div:nth-child(-n+2) { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-personal-status > div { border-right: 0; border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-personal-status > div:last-child { border-bottom: 0; } }:root[data-appearance="dark"]:has(body.is-authenticated) { --app-bg: var(--dm-background); --app-bg-soft: var(--dm-background); --surface: var(--dm-surface); --surface-subtle: var(--dm-surface); --surface-selected: var(--dm-greenSoft); --text-primary: var(--dm-text); --text-secondary: var(--dm-muted); --text-muted: var(--dm-muted); --brand: var(--dm-greenFill); --brand-strong: var(--dm-greenFill); --brand-soft: var(--dm-greenSoft); --border: var(--dm-border); --border-strong: var(--dm-border); --danger: var(--dm-redFill); --danger-soft: var(--dm-redSoft); --warning: var(--dm-orangeFill); --warning-soft: var(--dm-orangeSoft); --info: var(--dm-blueFill); --info-soft: var(--dm-blueSoft); --shadow-panel: 0 3px 12px rgba(0,0,0,.035); }:root[data-appearance="dark"]:has(body.is-authenticated) body.target-operations-view { color: var(--text-primary); background: var(--app-bg); }:root[data-appearance="dark"]:has(body.is-authenticated) body.target-operations-view .app-frame,
:root[data-appearance="dark"]:has(body.is-authenticated) body.target-operations-view .app-frame.sidebar-collapsed { background: var(--app-bg); }:root[data-appearance="dark"]:has(body.is-authenticated) body.target-operations-view .sidebar { border-right: 1px solid var(--border); background: var(--dm-raised); box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body.target-operations-view .sidebar-rail .nav-tab { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.target-operations-view .sidebar-rail .nav-tab:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) body.target-operations-view .sidebar-rail .nav-tab:focus-visible { color: var(--dm-green); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) body.target-operations-view .sidebar-rail .nav-tab.active { color: var(--dm-green); border-color: var(--dm-border); background: var(--brand-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) body.target-operations-view .main { background: var(--app-bg); }:root[data-appearance="dark"]:has(body.is-authenticated) body.target-operations-view .page-header { border: 0; border-bottom: 1px solid var(--border); background: color-mix(in srgb, var(--dm-surface) 97%, transparent); box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body.target-operations-view .page-header .search-box { border-color: var(--border-strong); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .employee-dashboard-top h2 { color: var(--text-primary); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-local-clock span { color: var(--text-secondary); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-local-clock strong { color: var(--text-primary); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-view-options { border: 1px solid var(--border); color: var(--text-secondary); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] #dashboardTimeClock { border: 1px solid var(--border-strong); background: var(--dm-surface); box-shadow: var(--shadow-panel); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] #dashboardTimeClock[data-status-tone="attention"] { border-color: var(--dm-orangeBorder); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] #dashboardTimeClock[data-status-tone="critical"] { border-color: var(--dm-redBorder); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .time-clock-icon { border: 3px solid var(--dm-greenBorder); color: var(--dm-green); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] #dashboardTimeClock .kicker { color: var(--text-secondary); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-clock-face h3 { color: var(--text-primary); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-clock-badge { color: var(--dm-green); background: var(--brand-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-clock-badge.is-idle { color: var(--text-secondary); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-current-work { border-left: 1px solid var(--border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-current-work > strong { color: var(--text-primary); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-current-work > span { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-current-work > small { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-current-work progress { border: 0; background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-current-work progress::-webkit-progress-bar { background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-current-work progress::-webkit-progress-value { background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-current-work progress::-moz-progress-bar { background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-clock-out { color: var(--dm-red); border-color: var(--dm-redBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-clock-status-only .time-clock-icon { background: var(--brand-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-clock-status-only p:not(.kicker) { color: var(--text-secondary); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-summary-grid .dashboard-card { border: 1px solid var(--border); background: var(--dm-surface); box-shadow: var(--shadow-panel); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-summary-grid .is-alerts .employee-icon-box { color: var(--dm-red); background: var(--danger-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-summary-grid .is-ack .employee-icon-box { color: var(--dm-green); background: var(--brand-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-summary-label { color: var(--text-primary); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-summary-meta { color: var(--text-secondary); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-summary-split > div > strong { color: var(--text-primary); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-summary-split > div > span { color: var(--text-secondary); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-summary-split dl { border-left: 1px solid var(--border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-summary-split dt { color: var(--text-primary); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-summary-split dd { color: var(--text-secondary); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-summary-split .is-danger dt,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-summary-split .is-danger dd { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-summary-split .is-warning dt,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-summary-split .is-warning dd { color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .employee-card-link { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] #dashboardWorkTable > .dashboard-card,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-rail-card { border: 1px solid var(--border); background: var(--dm-surface); box-shadow: var(--shadow-panel); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-section-title { border-bottom: 1px solid var(--border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-count-badge { color: var(--text-secondary); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-task-head { color: var(--text-secondary); background: var(--surface-subtle); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-task-row { border: 0; border-bottom: 1px solid var(--dm-border); color: var(--dm-text); background: var(--dm-surface); box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-task-row:hover { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-task-row.is-overdue { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-task-main strong,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-task-site strong { color: var(--text-primary); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-task-main small,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-task-site small { color: var(--text-secondary); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-task-due { color: var(--text-secondary); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-task-due.is-overdue { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-task-assignee > span { border: 1px solid var(--border-strong); color: var(--dm-text); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-task-assignee strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-task-row > svg { color: var(--text-secondary); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-table-footer { color: var(--text-secondary); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-table-footer button { border: 0; color: var(--dm-green); background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-rail-row { border: 0; border-bottom: 1px solid var(--dm-border); color: var(--text-primary); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-rail-row:hover { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-rail-icon { color: var(--dm-red); background: var(--danger-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-rail-row.is-acknowledgement .dashboard-rail-icon { color: var(--dm-blue); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-rail-copy time { color: var(--text-secondary); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-rail-copy small { color: var(--text-secondary); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-rail-copy p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-rail-footer { border: 0; color: var(--dm-green); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-rail-footer:hover { background: var(--dm-surface); }@media (max-width: 700px) {:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-current-work { border-top: 1px solid var(--border); border-left: 0; } }:root[data-appearance="dark"]:has(body.is-authenticated) .time-attendance-page > .time-attendance-tabs { border: 0; border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .time-attendance-page > .time-attendance-tabs button { border: 0; border-bottom: 2px solid transparent; background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) .time-attendance-page > .time-attendance-tabs button.active { color: var(--dm-green); border-bottom-color: var(--dm-greenBorder); background: transparent; box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) .time-attendance-page .timecard-summary-card small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .time-attendance-page .timecard-workspace:has(.timecard-analytics:not(.hidden)) { border: 0; background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) .time-attendance-page .timecard-workspace:has(.timecard-analytics:not(.hidden)) .timecard-analytics { border: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-filter-intro svg { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-filter-intro small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-analytics-loading { color: var(--dm-muted); border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-analytics-loading svg { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-analytics-loading strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-active-filters { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-active-filters span { color: var(--dm-green); border: 1px solid var(--dm-border); background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-analytics-dashboard .ta-section-head > span { color: var(--dm-muted); background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-analytics-dashboard .ta-section-head button { border: 0; color: var(--dm-green); background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-column-chart { border-top: 1px solid var(--dm-border); background: repeating-linear-gradient(to top, transparent 0, transparent 53px, var(--dm-raised) 54px); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-column-chart strong { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-column-chart i { background: linear-gradient(180deg, var(--dm-greenFill), var(--dm-greenFill)); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-column-chart span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-donut { background: conic-gradient(var(--donut)); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-donut::before { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-donut span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-donut strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-lifecycle-list i { background: var(--status-color); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-lifecycle-list small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-exception-group + .ta-exception-group { border-top: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-exception-group h4 { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-exception-group.warning h4 { color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-exception-group th,
:root[data-appearance="dark"]:has(body.is-authenticated) .ta-exception-group td { border-top: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-exception-group th { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-exception-group tbody tr:hover { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-exception-group td:first-child span { background: var(--dm-redFill); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-exception-group.warning td:first-child span { background: var(--dm-orangeFill); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-exception-group p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-data-table th,
:root[data-appearance="dark"]:has(body.is-authenticated) .ta-data-table td { border-top: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-data-table th { color: var(--dm-muted); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-data-table td small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-data-table tr[data-review-timecard]:hover { background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-percent-bar::before { background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-percent-bar i { background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-approval-cell i { background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-truthful-empty { color: var(--dm-muted); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-truthful-empty svg { color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-truthful-empty strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-analytics-footer { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-split-segment { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-split-segment h4 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-summary-grid.is-personal { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-summary-grid.is-personal .timecard-summary-card { border: 0; border-right: 1px solid var(--dm-border); color: inherit; background: var(--dm-surface); box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-summary-grid.is-personal .timecard-summary-card:last-child { border-right: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-summary-grid.is-personal .timecard-summary-card:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-summary-grid.is-personal .timecard-summary-card:focus-visible { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-detail-tabs { border-bottom: 1px solid var(--dm-border); background: color-mix(in srgb, var(--dm-surface) 98%, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-detail-tabs button { border: 0; border-bottom: 2px solid transparent; color: var(--dm-muted); background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-detail-tabs button:hover { color: var(--dm-green); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-detail-tabs button.active { color: var(--dm-green); border-bottom-color: var(--dm-greenBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-section-title h3 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-section-title p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-clean-state,
:root[data-appearance="dark"]:has(body.is-authenticated) .ta-quiet-empty { border: 1px solid var(--dm-border); color: var(--dm-muted); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-clean-state svg { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-clean-state small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-quiet-empty { color: var(--dm-muted); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-issue-open { border: 0; color: var(--dm-green); background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-entry.is-issue-focus { border-color: var(--dm-greenBorder); outline: 3px solid color-mix(in srgb, var(--dm-greenBorder) 14.000000000000002%, transparent); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .ta-entry:focus-visible { outline: 3px solid color-mix(in srgb, var(--dm-blueBorder) 20%, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) .timekeeping-confirm-facts { border: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .timekeeping-confirm-facts span { border-right: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .timekeeping-confirm-facts span:last-child { border-right: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) .timekeeping-confirm-facts small { color: var(--dm-muted); }@media (max-width: 1180px) {:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-summary-grid.is-personal .timecard-summary-card:nth-child(3) { border-right: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-summary-grid.is-personal .timecard-summary-card:nth-child(-n + 3) { border-bottom: 1px solid var(--dm-border); } }@media (max-width: 700px) {:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-summary-grid.is-personal .timecard-summary-card:nth-child(3) { border-right: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-summary-grid.is-personal .timecard-summary-card:nth-child(even) { border-right: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-summary-grid.is-personal .timecard-summary-card:nth-child(-n + 4) { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .timekeeping-confirm-facts span { border-right: 0; border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .timekeeping-confirm-facts span:last-child { border-bottom: 0; } }:root[data-appearance="dark"]:has(body.is-authenticated) .time-attendance-period-label { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .time-attendance-period-tools .icon-button { border: 1px solid var(--dm-border); color: var(--dm-text); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-workspace:has(.my-time-workspace) { border: 0; background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-layout.is-personal:has(.my-time-workspace) .timecard-detail { background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-workspace { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-panel { border: 1px solid var(--dm-border); background: var(--dm-surface); box-shadow: 0 2px 10px rgba(0,0,0,.025); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-panel-head { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-panel-head h2 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-panel-head p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-step,
:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-panel-icon { color: var(--dm-green); border: 1px solid var(--dm-greenBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-panel-icon { border: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-head-action { border: 0; color: var(--dm-green); background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-issue-group { border: 1px solid var(--dm-redBorder); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-issue-group.warning { border-color: var(--dm-orangeBorder); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-issue-group > header { border-bottom: 1px solid color-mix(in srgb, var(--dm-redBorder) 12%, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-issue-group.warning > header { border-bottom-color: color-mix(in srgb, var(--dm-orangeBorder) 13%, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-issue-group > header > svg { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-issue-group.warning > header > svg { color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-issue-group header small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-issue-group article { border-top: 1px solid color-mix(in srgb, var(--dm-border) 8%, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-issue-group article:first-child { border-top: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-issue-group article small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-issue-group article button { border: 0; color: var(--dm-green); background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-all-clear { color: var(--dm-green); border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-all-clear > svg { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-all-clear small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-entry-table th { color: var(--dm-muted); border-bottom: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-day-row > td { border-bottom: 1px solid var(--dm-border); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-day-row.is-expanded > td { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-day-row td:first-child button { border: 0; color: var(--dm-text); background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-day-row td > strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-day-toggle { border: 0; color: var(--dm-muted); background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-day-status { color: var(--dm-muted); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-day-status.complete { color: var(--dm-green); border: 1px solid var(--dm-border); background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-day-status.warning { color: var(--dm-orange); border: 1px solid var(--dm-orangeBorder); background: var(--dm-orangeSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-day-status.blocking { color: var(--dm-red); border: 1px solid var(--dm-redBorder); background: var(--dm-redSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-day-detail > td { border-bottom: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-entry-detail { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-entry-detail-head { color: var(--dm-muted); border-bottom: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-entry-line { border-top: 1px solid var(--dm-border); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-entry-line:first-of-type { border-top: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-entry-line > strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-entry-line .missing { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-entry-line.is-issue-focus { outline: 3px solid color-mix(in srgb, var(--dm-greenBorder) 18%, transparent); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-entry-issue { color: var(--dm-orange); background: var(--dm-orangeSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-entry-issue.blocking { color: var(--dm-red); background: var(--dm-redSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-no-entry { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-entry-total td { color: var(--dm-text); border-top: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-request-list > article { border-top: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-request-list > article:first-child { border-top: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-request-icon { color: var(--dm-muted); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-request-list small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-request-list em { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-cancel-request { border: 0; color: var(--dm-red); background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-history-list article::before { background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-history-list article > span { color: var(--dm-muted); border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-history-list article.latest > span { color: var(--dm-onBrand); border-color: var(--dm-greenBorder); background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-history-list small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-history-list p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-side-empty { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-side-empty svg { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-side-empty small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-status-steps { border-right: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-status-steps article::before { background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-status-steps article > span { color: var(--dm-muted); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-status-steps article.complete > span { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-status-steps article.current > span { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-status-steps article.pending { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-status-steps small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-status-steps small.overdue { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-status-action > span { color: var(--dm-green); background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-status-action p { color: var(--dm-muted); }@media (max-width: 760px) {:root[data-appearance="dark"]:has(body.is-authenticated) .my-time-status-steps { border-right: 0; border-bottom: 1px solid var(--dm-border); } }:root[data-appearance="dark"]:has(body.is-authenticated) .time-attendance-page:has(.timecard-layout.is-team-review) > .timecard-toolbar { border: 0; background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) .time-attendance-page:has(.timecard-layout.is-team-review) .ta-more-filters > summary { border: 1px solid var(--dm-border); background: var(--dm-surface); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .time-attendance-page:has(.timecard-layout.is-team-review) .ta-more-filters > div { box-shadow: 0 12px 30px rgba(0,0,0,.12); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-summary-grid.is-team-review { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-summary-grid.is-team-review .timecard-summary-card { border: 0; border-right: 1px solid var(--dm-border); box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-summary-grid.is-team-review .timecard-summary-card:last-child { border-right: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-summary-grid.is-team-review .timecard-summary-icon { border: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-summary-grid.is-team-review .timecard-summary-card.red .timecard-summary-icon { color: var(--dm-red); background: var(--dm-redSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-summary-grid.is-team-review .timecard-summary-card > span:not(.timecard-summary-icon) { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-summary-grid.is-team-review .timecard-summary-card > strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-summary-grid.is-team-review .timecard-summary-card > small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-layout.is-team-review { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-layout.is-team-review .timecard-list-shell { border-right-color: var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-queue-head { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-queue-head h2 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-queue-head p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-queue-row { border: 0; border-bottom: 1px solid var(--dm-border); color: var(--dm-text); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-queue-row:hover { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-queue-row.is-selected { background: var(--dm-greenSoft); box-shadow: inset 3px 0 #11813d; }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-queue-row:focus-visible { outline: 2px solid var(--dm-greenBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-queue-row > span:nth-child(2) small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-queue-issues b { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-queue-issues em { color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-queue-issues > svg { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-queue-empty { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-detail { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-card-header { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-person { border-right: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-person p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-stage { border-right: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-stage:last-child { border-right: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-stage > span { color: var(--dm-muted); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-stage.complete > span { color: var(--dm-green); background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-stage.warning > span { color: var(--dm-orange); background: var(--dm-orangeSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-stage small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-stage em { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-attention { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-attention > header p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-attention-card { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-attention-card.blocking { border-color: var(--dm-redBorder); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-attention-card.warning { border-color: var(--dm-orangeBorder); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-attention-card.requests { border-color: var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-attention-card > span { color: var(--dm-muted); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-attention-card.blocking > span { color: var(--dm-red); background: var(--dm-redSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-attention-card.warning > span { color: var(--dm-orange); background: var(--dm-orangeSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-attention-card.requests > span { color: var(--dm-purple); background: var(--dm-purpleSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-attention-card p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-attention-card button { border: 0; color: var(--dm-green); background: none; }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-detail-grid > div { border-right: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-subpanel > header,
:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-side-section > header { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-subpanel header p,
:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-side-section header p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-text-action,
:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-side-section > header button { border: 0; color: var(--dm-green); background: none; }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-side-section > header > span { color: var(--dm-green); border: 1px solid var(--dm-greenBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-entry-table th { color: var(--dm-muted); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-entry-table td { border-top: 1px solid var(--dm-border); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-entry-table tbody tr[data-team-entry-row]:hover { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-entry-table tbody tr[data-team-entry-row].is-selected { background: var(--dm-greenSoft); box-shadow: inset 2px 0 #11813d; }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-entry-table td.missing { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-entry-status { border: 1px solid var(--dm-border); color: var(--dm-muted); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-entry-status.complete { color: var(--dm-green); border-color: var(--dm-greenBorder); background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-entry-status.warning { color: var(--dm-orange); border-color: var(--dm-orangeBorder); background: var(--dm-orangeSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-entry-status.blocking { color: var(--dm-red); border-color: var(--dm-redBorder); background: var(--dm-redSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-entry-edit { border: 1px solid var(--dm-border); color: var(--dm-muted); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-entry-total td { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-empty-cell { color: var(--dm-muted) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-side-section { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-request-list > article { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-request-icon { color: var(--dm-muted); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-request-list small,
:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-request-list em { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-request-actions button { border: 0; color: var(--dm-green); background: none; }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-request-actions button:last-child { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-empty { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-history-list article > span { color: var(--dm-green); border: 1px solid var(--dm-greenBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-history-list small,
:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-history-list p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-actions { border-top: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-actions > span { color: var(--dm-muted); }@media (max-width: 1320px) {:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-person { border-right: 0; border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-detail-grid > div { border-right: 0; border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-side-section { border-right: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-side-section:last-child { border-right: 0; } }@media (max-width: 1020px) {:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-summary-grid.is-team-review .timecard-summary-card:nth-child(3) { border-right: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-summary-grid.is-team-review .timecard-summary-card:nth-child(-n + 3) { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-layout.is-team-review .timecard-list-shell { border-right: 0; border-bottom: 1px solid var(--dm-border); } }@media (max-width: 720px) {:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-summary-grid.is-team-review .timecard-summary-card { border-right: 1px solid var(--dm-border); border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .timecard-summary-grid.is-team-review .timecard-summary-card:nth-child(even) { border-right: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-stage,
:root[data-appearance="dark"]:has(body.is-authenticated) .team-review-side-section { border-right: 0; border-bottom: 1px solid var(--dm-border); } }:root[data-appearance="dark"]:has(body.is-authenticated) { --app-bg: var(--dm-background); --app-bg-soft: var(--dm-background); --surface: var(--dm-surface); --surface-subtle: var(--dm-surface); --surface-selected: var(--dm-greenSoft); --text-primary: var(--dm-text); --text-secondary: var(--dm-muted); --text-muted: var(--dm-muted); --brand: var(--dm-greenFill); --brand-strong: var(--dm-greenFill); --brand-soft: var(--dm-greenSoft); --border: var(--dm-border); --border-strong: var(--dm-border); --danger: var(--dm-redFill); --danger-soft: var(--dm-redSoft); --warning: var(--dm-orangeFill); --warning-soft: var(--dm-orangeSoft); --info: var(--dm-blueFill); --info-soft: var(--dm-blueSoft); --purple: var(--dm-purpleFill); --purple-soft: var(--dm-purpleSoft); --shadow-panel: 0 5px 18px rgba(0,0,0,.045); --shadow-floating: 0 10px 28px rgba(0,0,0,.07); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"],
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"],
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"],
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] { color: var(--text-primary); background: var(--app-bg); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"]::after,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"]::after,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"]::after,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"]::after { background: radial-gradient(circle at 95% 5%, color-mix(in srgb, var(--dm-greenFill) 8%, transparent), transparent 31%), radial-gradient(circle at 6% 94%, color-mix(in srgb, var(--dm-greenFill) 5.5%, transparent), transparent 27%); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .app-frame,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .app-frame,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .app-frame,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .app-frame { background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .sidebar,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .sidebar,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .sidebar,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .sidebar { border-right: 1px solid var(--border); background: color-mix(in srgb, var(--dm-raised) 96%, transparent); box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .sidebar-rail,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .sidebar-rail,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .sidebar-rail,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .sidebar-rail { background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) body.target-operations-view .sidebar-rail .nav-tab { border: 1px solid transparent; color: var(--dm-muted); background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) body.target-operations-view .sidebar-rail .nav-tab:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) body.target-operations-view .sidebar-rail .nav-tab:focus-visible { color: var(--dm-green); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) body.target-operations-view .sidebar-rail .nav-tab.active { color: var(--dm-green); border-color: var(--dm-border); background: var(--brand-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) body.target-operations-view .sidebar-rail-collapse { border: 1px solid transparent; color: var(--dm-muted); background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .main,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .main,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .main,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .main { background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) body.target-operations-view .workspace { background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .page-header,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .page-header,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .page-header,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .page-header { border: 0; border-bottom: 1px solid var(--border); background: color-mix(in srgb, var(--dm-surface) 94%, transparent); box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body.target-operations-view .page-header .search-box { border: 1px solid var(--border); background: var(--dm-surface); box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body.target-operations-view .page-header .search-box:focus-within { border-color: var(--dm-border); box-shadow: 0 0 0 3px rgba(0,0,0,.10); }:root[data-appearance="dark"]:has(body.is-authenticated) body.target-operations-view .page-header .search-box > svg { color: var(--text-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.target-operations-view .page-header .search-box input { color: var(--text-primary); }:root[data-appearance="dark"]:has(body.is-authenticated) .command-search-shortcut { border: 1px solid var(--border); color: var(--dm-muted); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body.target-operations-view .page-header .button,
:root[data-appearance="dark"]:has(body.is-authenticated) body.target-operations-view .page-header .icon-button { box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body.target-operations-view .page-header .button.primary { border-color: var(--dm-greenBorder); background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) body.target-operations-view .page-header .button.primary:hover { background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) .command-profile-button { border: 1px solid var(--border); color: var(--dm-green); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .command-profile-button span { background: var(--brand-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) body.target-operations-view .app-frame.sidebar-collapsed .profile-menu:not(.hidden) { border: 1px solid var(--border); background: var(--dm-raised); box-shadow: var(--shadow-floating); }:root[data-appearance="dark"]:has(body.is-authenticated) .target-page-heading h2,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #schedulePageTitle { color: var(--text-primary); }:root[data-appearance="dark"]:has(body.is-authenticated) .target-page-heading p,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #schedulePageSubtitle { color: var(--text-secondary); }:root[data-appearance="dark"]:has(body.is-authenticated) body.target-operations-view .data-card,
:root[data-appearance="dark"]:has(body.is-authenticated) body.target-operations-view .employee-card,
:root[data-appearance="dark"]:has(body.is-authenticated) body.target-operations-view .detail-panel { border: 1px solid var(--border); background: var(--surface); box-shadow: var(--shadow-panel); }:root[data-appearance="dark"]:has(body.is-authenticated) body.target-operations-view :focus-visible { outline: 2px solid var(--dm-greenBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .employee-dashboard-top { border: 0; background: transparent; box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .employee-dashboard-top h2 { color: var(--text-primary); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .employee-dashboard-top p { color: var(--text-secondary); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-view-options { border-color: var(--border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] #dashboardTimeClock { border: 1px solid var(--dm-border); background: linear-gradient(108deg, var(--dm-surface) 0%, var(--dm-surface) 62%, var(--dm-greenSoft) 100%); box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] #dashboardTimeClock::after { border: 1px solid color-mix(in srgb, var(--dm-greenBorder) 12%, transparent); background: color-mix(in srgb, var(--dm-greenSoft) 13%, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] #dashboardTimeClock[data-status-tone="attention"] { border-color: var(--dm-orangeBorder); background: var(--warning-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] #dashboardTimeClock[data-status-tone="critical"] { border-color: var(--dm-redBorder); background: var(--danger-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .time-clock-icon { color: var(--dm-green); background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] #dashboardTimeClock[data-status-tone="attention"] .time-clock-icon { color: var(--dm-orange); background: var(--dm-orangeSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] #dashboardTimeClock[data-status-tone="critical"] .time-clock-icon { color: var(--dm-red); background: var(--dm-redSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .time-clock-copy p { color: var(--text-secondary); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .employee-icon-box,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-section-icon { color: var(--dm-green); background: var(--brand-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-card.is-alerts .employee-icon-box { color: var(--dm-purple); background: var(--purple-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-card.is-site-health .employee-icon-box { color: var(--dm-orange); background: var(--dm-orangeSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-card.is-ack .employee-icon-box { color: var(--dm-blue); background: var(--info-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-summary-label { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-summary-main { color: var(--text-primary); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-pill { border: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-summary-copy { color: var(--text-secondary); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .employee-card-link { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-task-head { border-bottom: 1px solid var(--border); color: var(--text-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-task-row { border: 0; border-bottom: 1px solid var(--dm-border); background: transparent; box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-task-row:hover { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-task-main small,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-task-due { color: var(--text-secondary); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .employee-card-footer-note { color: var(--text-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .employee-signal-row,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-activity-item { border: 0; border-bottom: 1px solid var(--dm-border); background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .employee-signal-row p,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .employee-signal-row small,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-activity-item p,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="dashboard"] .dashboard-activity-item small { color: var(--text-secondary); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .workflow-queue { box-shadow: var(--shadow-panel); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-tabs-header { border-bottom: 1px solid var(--border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #taskContextTabs { border: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #taskContextTabs .task-tab { border: 0; border-bottom: 2px solid transparent; color: var(--text-secondary); background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #taskContextTabs .task-tab.active { color: var(--dm-green); border-bottom-color: var(--dm-greenBorder); background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-tab-count { background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-view-toggle { border: 1px solid var(--border); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .queue-controls { border-bottom: 1px solid var(--border); background: var(--surface-subtle); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .filter-select > span { color: var(--text-secondary); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .filter-select select { border-color: var(--border); background: var(--dm-mutedSurface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .workflow-clear-filters { color: var(--text-secondary); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .workflow-sort-control { color: var(--text-secondary); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .workflow-sort-control .icon-button { border: 1px solid var(--border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowFollowupsHead th { border-bottom: 1px solid var(--border); color: var(--text-muted); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .sort-header { color: inherit; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-due-group th { border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-due-group:first-child th { border-top: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-due-group.is-danger th { color: var(--dm-red); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-due-group.is-warning th { color: var(--dm-orange); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-due-group.is-info th { color: var(--dm-blue); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-due-group th span { color: var(--text-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .workflow-task-grid-row td { border: 0; border-bottom: 1px solid var(--dm-border); color: var(--dm-text); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .workflow-task-grid-row:hover td { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .workflow-task-grid-row.selected-row td { background: var(--surface-selected); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .followup-title-line strong { color: var(--text-primary); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .followup-title-line small { color: var(--text-secondary); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-location-cell,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-assignment-cell { color: var(--text-secondary); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-location-cell svg,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-assignment-cell svg { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-assignment-cell strong,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-date-cell strong { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-date-cell small { color: var(--text-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-date-cell.is-overdue strong { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .task-group-empty td { border-bottom: 1px solid var(--dm-border); color: var(--text-muted); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .logs-action-button { border: 0; color: var(--text-secondary); background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] .workflow-table-footer { border-top: 1px solid var(--border); color: var(--text-secondary); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-kpi-card { border: 1px solid var(--border); background: var(--dm-surface); box-shadow: var(--shadow-panel); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-kpi-icon { border: 0; color: var(--dm-green); background: var(--brand-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-kpi-card.blue .observation-kpi-icon { color: var(--dm-blue); background: var(--info-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-kpi-card.orange .observation-kpi-icon { color: var(--dm-orange); background: var(--warning-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-kpi-card p { color: var(--text-secondary); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-kpi-card strong { color: var(--text-primary); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-kpi-card small { color: var(--text-secondary); }:root[data-appearance="dark"]:has(body.is-authenticated) .observation-progress-ring { background: radial-gradient(circle, var(--dm-surface) 57%, transparent 59%), conic-gradient(var(--dm-greenFill) var(--dm-blueFill), var(--dm-raised) 0); }:root[data-appearance="dark"]:has(body.is-authenticated) .observation-kpi-card.blue .observation-progress-ring { background: radial-gradient(circle, var(--dm-surface) 57%, transparent 59%), conic-gradient(var(--dm-blueFill) var(--dm-blueFill), var(--dm-raised) 0); }:root[data-appearance="dark"]:has(body.is-authenticated) .observation-kpi-card.orange .observation-progress-ring { background: radial-gradient(circle, var(--dm-surface) 57%, transparent 59%), conic-gradient(var(--dm-orangeFill) var(--dm-blueFill), var(--dm-raised) 0); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] #observationCategoryTabs { border-bottom: 1px solid var(--border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] #observationCategoryTabs button { border: 0; border-bottom: 2px solid transparent; color: var(--text-secondary); background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] #observationCategoryTabs button.active { color: var(--dm-green); border-bottom-color: var(--dm-greenBorder); background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] #observationCategoryTabs button span { color: var(--text-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .database-filter-row { border-bottom: 1px solid var(--border); background: var(--surface-subtle); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .database-filter-row .field > span { color: var(--text-secondary); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .database-filter-row select,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .observation-reset-button { border-color: var(--border); background: var(--dm-mutedSurface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-table th { border: 0; border-bottom: 1px solid var(--border); color: var(--text-muted); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-table td { border: 0; border-bottom: 1px solid var(--dm-border); color: var(--dm-text); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-row:hover td { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-cell-primary { color: var(--text-primary); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-cell-secondary { color: var(--text-secondary); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-avatar { color: var(--dm-green); background: var(--brand-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .database-footer { border-top: 1px solid var(--border); color: var(--text-secondary); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #scheduleModeRow { border: 0; border-bottom: 1px solid var(--border); background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #scheduleModeTabs .status-tab { border: 0; border-bottom: 2px solid transparent; color: var(--text-secondary); background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #scheduleModeTabs .status-tab.active { color: var(--dm-green); border-bottom-color: var(--dm-greenBorder); background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #scheduleWeekRow { border: 0; background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-week-range-control { border: 1px solid var(--border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-week-range-control .icon-button { border: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-week-label { border-inline: 1px solid var(--border); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #scheduleCurrentWeek,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #scheduleLocationField select,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-options-button { border-color: var(--border); background: var(--dm-mutedSurface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-kpi { border: 1px solid var(--border); background: var(--dm-surface); box-shadow: var(--shadow-panel); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-icon { color: var(--dm-green); background: var(--brand-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-kpi.red .schedule-v2-icon { color: var(--dm-red); background: var(--danger-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-kpi p { color: var(--text-secondary); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-kpi strong { color: var(--text-primary); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-kpi small,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-kpi em { color: var(--text-secondary); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-kpi .soft-link { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #myScheduleList { border: 1px solid var(--border); background: var(--dm-surface); box-shadow: var(--shadow-panel); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #myScheduleList .schedule-v2-day { border: 0; border-right: 1px solid var(--border); color: var(--dm-text); background: var(--dm-surface); box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #myScheduleList .schedule-v2-day:last-child { border-right: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #myScheduleList .schedule-v2-day:hover { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #myScheduleList .schedule-v2-day.today { background: var(--surface-selected); box-shadow: inset 0 3px var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #myScheduleList .schedule-v2-day.active { outline: 1px solid var(--dm-greenBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #myScheduleList .schedule-v2-day > span:first-child small { color: var(--text-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] #myScheduleList .schedule-v2-day > b { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-shift-chip { border: 1px solid var(--dm-border); background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-shift-chip small { color: var(--text-secondary); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-no-shift { color: var(--text-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-action-card { border: 1px solid var(--border); color: var(--dm-text); background: var(--dm-surface); box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-action-card:hover { border-color: var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-action-card > span { color: var(--dm-green); background: var(--brand-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-action-card.danger > span { color: var(--dm-red); background: var(--danger-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-action-card small { color: var(--text-secondary); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="workflow"] #workflowFollowupsHead th { color: var(--dm-muted) !important; background: var(--dm-surface) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) { --app-bg: var(--dm-background); --app-bg-soft: var(--dm-background); --surface: var(--dm-surface); --surface-subtle: var(--dm-surface); --surface-selected: var(--dm-greenSoft); --text-primary: var(--dm-text); --text-secondary: var(--dm-muted); --text-muted: var(--dm-muted); --brand: var(--dm-greenFill); --brand-strong: var(--dm-greenFill); --brand-soft: var(--dm-greenSoft); --border: var(--dm-border); --border-strong: var(--dm-border); --danger: var(--dm-redFill); --danger-soft: var(--dm-redSoft); --warning: var(--dm-orangeFill); --warning-soft: var(--dm-orangeSoft); --info: var(--dm-blueFill); --info-soft: var(--dm-blueSoft); --shadow-panel: 0 3px 12px rgba(0,0,0,.035); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated.target-operations-view { background: var(--app-bg); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated.target-operations-view .app-frame,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated.target-operations-view .app-frame.sidebar-collapsed { background: var(--app-bg); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated.target-operations-view .sidebar { border-right: 1px solid var(--border); background: var(--dm-raised); box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated.target-operations-view .main { background: var(--app-bg); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated.target-operations-view .page-header { border: 0; border-bottom: 1px solid var(--border); background: color-mix(in srgb, var(--dm-surface) 97%, transparent); box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated.target-operations-view .page-header .search-box { border-color: var(--border-strong); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .employee-dashboard-top { border: 0; background: transparent; box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .employee-dashboard-top p { color: var(--text-secondary); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-control-bar { border: 1px solid var(--border); background: var(--dm-surface); box-shadow: var(--shadow-panel); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-filter-controls label { color: var(--text-secondary); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-filter-controls select { border: 1px solid var(--border); background: var(--dm-mutedSurface); color: var(--text-primary); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-local-clock span { color: var(--text-secondary); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-local-clock strong { color: var(--text-primary); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-view-options { border: 1px solid var(--border); color: var(--text-secondary); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] #dashboardTimeClock { border: 1px solid var(--border-strong); background: var(--dm-surface); box-shadow: var(--shadow-panel); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .time-clock-icon { border: 3px solid var(--dm-greenBorder); color: var(--dm-green); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] #dashboardTimeClock .kicker { color: var(--text-secondary); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-clock-badge { color: var(--dm-green); background: var(--brand-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-clock-badge.is-idle { color: var(--text-secondary); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-current-work { border-left: 1px solid var(--border); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-current-work > span { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-current-work > small { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-current-work progress { border: 0; background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-current-work progress::-webkit-progress-bar { background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-current-work progress::-webkit-progress-value { background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-current-work progress::-moz-progress-bar { background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-clock-status-only .time-clock-icon { background: var(--brand-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-summary-grid .dashboard-card { border: 1px solid var(--border); background: var(--dm-surface); box-shadow: var(--shadow-panel); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-summary-grid .is-alerts .employee-icon-box { color: var(--dm-red); background: var(--danger-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-summary-grid .is-ack .employee-icon-box { color: var(--dm-green); background: var(--brand-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-summary-label { color: var(--text-primary); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-summary-meta { color: var(--text-secondary); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-summary-split > div > span { color: var(--text-secondary); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-summary-split dl { border-left: 1px solid var(--border); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-summary-split dd { color: var(--text-secondary); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-summary-split .is-danger dt,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-summary-split .is-danger dd { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-summary-split .is-warning dt,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-summary-split .is-warning dd { color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] #dashboardWorkTable > .dashboard-card,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-rail-card { border: 1px solid var(--border); background: var(--dm-surface); box-shadow: var(--shadow-panel); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-section-title { border-bottom: 1px solid var(--border); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-count-badge { color: var(--text-secondary); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-head { color: var(--text-secondary); background: var(--surface-subtle); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-row { border: 0; border-bottom: 1px solid var(--dm-border); color: var(--dm-text); background: var(--dm-surface); box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-row:hover { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-main small,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-site small { color: var(--text-secondary); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-due { color: var(--text-secondary); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-due.is-overdue { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-assignee > span { border: 1px solid var(--border-strong); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-row > svg { color: var(--text-secondary); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-table-footer { color: var(--text-secondary); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-table-footer button { border: 0; color: var(--dm-green); background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-rail-row { border: 0; border-bottom: 1px solid var(--dm-border); color: var(--text-primary); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-rail-row:hover { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-rail-icon { color: var(--dm-red); background: var(--danger-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-rail-row.is-acknowledgement .dashboard-rail-icon { color: var(--dm-blue); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-rail-copy time { color: var(--text-secondary); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-rail-copy small { color: var(--text-secondary); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-rail-copy p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-rail-footer { border: 0; color: var(--dm-green); background: var(--dm-surface); }@media (max-width: 700px) {:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-current-work { border-top: 1px solid var(--border); border-left: 0; } }:root[data-appearance="dark"]:has(body.is-authenticated) .account-profile-photo-editor { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .account-profile-photo { border: 2px solid var(--dm-greenBorder); background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .account-profile-photo-copy > strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .account-profile-photo-copy > span,
:root[data-appearance="dark"]:has(body.is-authenticated) .account-profile-photo-form > span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .attachment-preview-backdrop { background: rgba(15, 23, 42, 0.82); }:root[data-appearance="dark"]:has(body.is-authenticated) .attachment-preview-dialog { border: 1px solid var(--dm-border); background: var(--dm-surface); box-shadow: 0 28px 80px rgba(0,0,0,0.34); }:root[data-appearance="dark"]:has(body.is-authenticated) .attachment-preview-header { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .attachment-preview-header h3 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .attachment-preview-body { background: linear-gradient(45deg, var(--dm-raised) 25%, transparent 25%),
    linear-gradient(-45deg, var(--dm-raised) 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, var(--dm-raised) 75%),
    linear-gradient(-45deg, transparent 75%, var(--dm-raised) 75%); }:root[data-appearance="dark"]:has(body.is-authenticated) .attachment-preview-loading,
:root[data-appearance="dark"]:has(body.is-authenticated) .attachment-preview-error { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .attachment-preview-error svg { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-security-note { border: 1px solid var(--dm-greenBorder); background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .admin-security-note small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .custom-page-admin-title > svg { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .custom-page-origin { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .custom-page-audience-heading strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .custom-page-audience-heading small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .custom-page-audience-section { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .custom-page-audience-section legend { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .custom-page-audience-section > p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .custom-page-audience-option { border: 1px solid var(--dm-border); background: var(--dm-surface); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .custom-page-audience-option:hover { border-color: var(--dm-greenBorder); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .custom-page-audience-option:has(input:focus-visible) { outline: 2px solid var(--dm-greenBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) .custom-page-audience-option:has(input:checked) { border-color: var(--dm-greenBorder); background: var(--dm-greenSoft); box-shadow: inset 3px 0 0 #008a37; }:root[data-appearance="dark"]:has(body.is-authenticated) .custom-page-audience-option input { accent-color: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) .custom-page-audience-option > span > small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .custom-page-audience-option.is-everyone { border-color: var(--dm-greenBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) .custom-page-audience-empty { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-profile-hero { border-top: 3px solid var(--green, var(--dm-greenBorder)); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-profile-avatar { border: 1px solid var(--dm-greenBorder); background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-profile-identity > p:last-of-type { color: var(--muted, var(--dm-muted)); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-profile-photo-actions > span { color: var(--muted, var(--dm-muted)); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-profile-details { border: 1px solid var(--border, var(--dm-border)); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-profile-details > div { border-right: 1px solid var(--border, var(--dm-border)); border-bottom: 1px solid var(--border, var(--dm-border)); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-profile-details dt { color: var(--muted, var(--dm-muted)); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-profile-managed-password { border: 1px solid var(--dm-border); background: var(--dm-surface); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-profile-managed-password svg { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-profile-log-table td small { color: var(--muted, var(--dm-muted)); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-profile-log-detail-row td { border-top: 0; background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-profile-log-detail { border: 1px solid var(--border, var(--dm-border)); background: var(--border, var(--dm-greenSoft)); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-profile-log-detail > div { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-profile-log-detail span { color: var(--muted, var(--dm-muted)); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-profile-log-detail-loading { color: var(--muted, var(--dm-muted)); }:root[data-appearance="dark"]:has(body.is-authenticated) .my-profile-log-pagination { color: var(--muted, var(--dm-muted)); }:root[data-appearance="dark"]:has(body.is-authenticated) .not-found-card > svg { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .log-photo-upload { border: 1px dashed var(--dm-border); background: var(--dm-surface); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .log-photo-upload small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .log-inline-photo > button { border: 1px solid var(--dm-border); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .log-inline-photo figcaption strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .log-inline-photo figcaption span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="observations"] .logs-photo-add { border: 1px solid var(--dm-greenBorder); background: var(--dm-surface); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"].schedule-my-mode #myScheduleList.schedule-v2-week-strip { border: 0; background: transparent; box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"].schedule-my-mode #myScheduleList .schedule-v2-day { border: 1px solid var(--border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"].schedule-my-mode #myScheduleList .schedule-v2-day:last-child { border-right: 1px solid var(--border); }:root[data-appearance="dark"]:has(body.is-authenticated) .person-avatar-standard { border: 1px solid var(--dm-greenBorder) !important; color: var(--dm-green) !important; background: var(--dm-greenSoft) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) .notification-preference-category { border: 1px solid var(--line); }:root[data-appearance="dark"]:has(body.is-authenticated) .notification-preference-category fieldset { border: 1px solid var(--line); }:root[data-appearance="dark"]:has(body.is-authenticated) .icon-picker-trigger { border: 1px solid var(--dm-border); background: var(--dm-surface); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .icon-picker-options { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .icon-picker [role=option] { border: 0; background: transparent; color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .icon-picker [role=option][aria-selected=true] { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .icon-picker [role=option]:hover { background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) .icon-picker button:focus-visible { outline: 2px solid var(--dm-greenBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) .icon-picker button span { color: inherit; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-availability.limited-hours,
:root[data-appearance="dark"]:has(body.is-authenticated) .conflict-badge.limited-hours,
:root[data-appearance="dark"]:has(body.is-authenticated) .conflict-detail-card.limited-hours,
:root[data-appearance="dark"]:has(body.is-authenticated) .availability-warning-panel.limited-hours,
:root[data-appearance="dark"]:has(body.is-authenticated) .availability-management-card.limited-hours,
:root[data-appearance="dark"]:has(body.is-authenticated) .manage-availability-entry.limited-hours { color: var(--dm-partialRed); border-color: var(--dm-partialRedBorder); background: var(--dm-partialRedSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .conflict-badge.limited-hours::before { background: var(--dm-partialRedSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) #notificationPanel { border: 1px solid var(--dm-border); background: var(--dm-surface); box-shadow: 0 16px 48px rgba(0,0,0,.16); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) #notificationPanel .notification-header { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) #notificationPanel .notification-heading-icon { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) #notificationPanel h2 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) #notificationPanel .notification-heading p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) #notificationPanel .icon-button { border: 1px solid var(--dm-border); background: var(--dm-surface); color: var(--dm-muted); box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) #notificationPanel .notification-toolbar { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) #notificationPanel .notification-toolbar .button { border: 1px solid var(--dm-border); box-shadow: none; background: var(--dm-surface); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) #notificationPanel .notification-list { background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) #notificationPanel .notification-row { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) #notificationPanel .notification-row.is-unread { border-color: var(--dm-greenBorder); background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) #notificationPanel .notification-item { border: 0; background: transparent; color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) #notificationPanel .notification-row:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) #notificationPanel .notification-row:focus-within { background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) #notificationPanel .notification-item:hover { background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) #notificationPanel .notification-item svg { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) #notificationPanel .notification-item strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) #notificationPanel .notification-item small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) #notificationPanel .notification-item em { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) #notificationPanel .notification-dismiss { border-color: transparent; background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) #notificationPanel .notification-dismiss:hover { border-color: var(--dm-redBorder); background: var(--dm-redSoft); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) #notificationPanel .notification-row.is-urgent { border-color: var(--dm-redBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) #notificationPanel .notification-item.urgent svg { color: var(--dm-red); background: var(--dm-redSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) #notificationPanel button:focus-visible { outline: 2px solid var(--dm-greenBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) #notificationPanel .empty-state { border: 0; box-shadow: none; background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] #peopleDrawer .people-drawer { border: 1px solid var(--people-border); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] #peopleDrawer .person-profile { border: 0; background: transparent; box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] #peopleDrawer .people-profile-card { border: 0; box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] #peopleDrawer .people-profile-header { border: 0; background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] #peopleDrawer .people-profile-status > small { color: var(--people-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] #peopleDrawer .profile-tabs { border-top: 1px solid var(--people-border); border-bottom: 1px solid var(--people-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] #peopleDrawer :is(.profile-tab, .profile-tab-content):focus-visible { outline: 2px solid var(--dm-greenBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] #peopleDrawer .profile-tab-content { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] #peopleDrawer .people-detail-fields { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] #peopleDrawer .people-detail-fields > div { border: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] #peopleDrawer .location-history-row { background: var(--dm-surface); border: 1px solid var(--people-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] #peopleDrawer .location-history-row small { color: var(--people-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] #peopleDrawer .location-history-row > span:last-child { color: var(--people-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] #peopleDrawer .people-detail-actions { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] #peopleDrawer .people-detail-actions .button.primary { background: var(--dm-greenFill); border-color: var(--dm-greenBorder); color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] #peopleDrawer .people-detail-actions .button.primary svg { color: inherit; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] #peopleDrawer .people-detail-section > .empty-state { background: var(--dm-surface); box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] #peopleDrawer .people-schedule-destination { border: 1px solid var(--people-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="people"] #peopleDrawer .people-schedule-destination p { color: var(--people-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-review-toolbar h2 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-review-toolbar p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-review-toolbar label { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-review-toolbar select { border: 1px solid var(--dm-border); background: var(--dm-mutedSurface); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-review-card { background: var(--dm-surface); border: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-review-card > header { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-review-card h3 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-review-card header small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-review-status { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-review-status > span:first-child { background: var(--dm-raised); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-review-status > span.published { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-review-status > span.pending { background: var(--dm-orangeSoft); color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-review-placeholder,
:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-review-empty { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-review-table-scroll :is(th, td) { border-bottom: 1px solid var(--dm-border); border-right: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-review-table-scroll thead th { background: var(--dm-greenFill); color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-review-table-scroll :is(th, td):last-child { border-right: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-review-table-scroll tbody th { background: var(--dm-surface); color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-review-table-scroll tbody th small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-review-table-scroll tbody tr:nth-child(even) :is(th,td) { background-color: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-review-shift,
:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-review-off { border: 1px solid var(--dm-border); border-left: 3px solid var(--review-accent, var(--dm-greenBorder)); background: var(--dm-greenSoft); color: var(--review-ink, var(--dm-green)); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-review-shift.is-open { color: var(--dm-blue); background: var(--dm-blueSoft); border-color: var(--dm-blueBorder); border-left-color: var(--dm-blueBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-review-off { color: var(--dm-muted); background: var(--dm-raised); border-color: var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-review-blank { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-review-total,
:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-review-table-scroll tfoot { color: var(--dm-green); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) #scheduleOverviewPanel tr { border: 0; box-shadow: none; } /* shell-dashboard.css */:root[data-appearance="dark"]:has(body.is-authenticated) { --oso-shell-border: var(--dm-border); --oso-shell-bg: var(--dm-raised); --oso-panel-bg: var(--dm-surface); --oso-text: var(--dm-text); --oso-muted: var(--dm-muted); --oso-green: var(--dm-greenFill); --oso-green-dark: var(--dm-greenFill); --oso-green-soft: var(--dm-greenSoft); --oso-shadow: 0 2px 9px rgba(0,0,0,0.045); }:root[data-appearance="dark"]:has(body.is-authenticated)[data-sidebar-state] body.is-authenticated.target-operations-view { background: var(--oso-shell-bg); }:root[data-appearance="dark"]:has(body.is-authenticated)[data-sidebar-state] body.is-authenticated.target-operations-view .app-frame { background: var(--oso-shell-bg); }:root[data-appearance="dark"]:has(body.is-authenticated)[data-sidebar-state] body.is-authenticated.target-operations-view .sidebar { border: 0 !important; border-right: 1px solid var(--oso-shell-border) !important; background: var(--dm-raised) !important; box-shadow: none !important; }:root[data-appearance="dark"]:has(body.is-authenticated) .app-sidebar-brand { border-bottom: 1px solid transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) .app-sidebar-nav { scrollbar-color: var(--dm-greenSoft) transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) .app-sidebar-nav .sidebar-section-label { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .app-sidebar-nav .nav-tab { border: 1px solid transparent !important; color: var(--dm-muted) !important; background: transparent !important; box-shadow: none !important; }:root[data-appearance="dark"]:has(body.is-authenticated) .app-sidebar-nav .nav-tab:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .app-sidebar-nav .nav-tab:focus-visible { color: var(--dm-green) !important; background: var(--dm-raised) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) .app-sidebar-nav .nav-tab.active { color: var(--dm-green) !important; border-color: var(--dm-border) !important; background: var(--oso-green-soft) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) .app-sidebar-footer { border-top: 1px solid var(--oso-shell-border); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) .app-sidebar-profile,
:root[data-appearance="dark"]:has(body.is-authenticated) .app-sidebar-toggle { border: 1px solid transparent !important; color: var(--dm-muted); background: transparent !important; box-shadow: none !important; }:root[data-appearance="dark"]:has(body.is-authenticated) .app-sidebar-profile:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .app-sidebar-profile:focus-visible,
:root[data-appearance="dark"]:has(body.is-authenticated) .app-sidebar-toggle:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .app-sidebar-toggle:focus-visible { border-color: var(--dm-border) !important; background: var(--dm-raised) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) .app-sidebar-profile .profile-avatar { border: 1px solid var(--dm-border); color: var(--dm-green); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) .app-sidebar-profile strong { color: var(--oso-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .app-sidebar-profile span { color: var(--oso-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .app-sidebar-toggle { border-color: var(--dm-border) !important; }:root[data-appearance="dark"]:has(body.is-authenticated)[data-sidebar-state="collapsed"] .app-sidebar-toggle { border-color: var(--dm-greenBorder) !important; color: var(--dm-green) !important; background: var(--oso-green-soft) !important; box-shadow: 0 3px 10px rgba(0,0,0,0.12) !important; }:root[data-appearance="dark"]:has(body.is-authenticated)[data-sidebar-state] body.is-authenticated.target-operations-view .main { background: var(--oso-shell-bg) !important; }:root[data-appearance="dark"]:has(body.is-authenticated)[data-sidebar-state] body.is-authenticated.target-operations-view .workspace { background: transparent !important; }:root[data-appearance="dark"]:has(body.is-authenticated)[data-sidebar-state] body.is-authenticated.target-operations-view .page-header { border: 0 !important; border-bottom: 1px solid var(--oso-shell-border) !important; background: color-mix(in srgb, var(--dm-raised) 97%, transparent) !important; box-shadow: none !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated.target-operations-view .page-header #currentViewTitle { color: var(--dm-text) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] .page-header #currentViewTitle { color: var(--dm-text) !important; }:root[data-appearance="dark"]:has(body.is-authenticated)[data-sidebar-state] body.is-authenticated.target-operations-view .page-header .search-box { border: 1px solid var(--dm-border) !important; background: var(--dm-raised) !important; box-shadow: none !important; }:root[data-appearance="dark"]:has(body.is-authenticated)[data-sidebar-state] body.is-authenticated.target-operations-view .page-header .search-box:focus-within { border-color: var(--dm-greenBorder) !important; box-shadow: 0 0 0 3px rgba(0,0,0,0.1) !important; }:root[data-appearance="dark"]:has(body.is-authenticated)[data-sidebar-state] body.is-authenticated.target-operations-view .page-header .button,
:root[data-appearance="dark"]:has(body.is-authenticated)[data-sidebar-state] body.is-authenticated.target-operations-view .page-header .icon-button,
:root[data-appearance="dark"]:has(body.is-authenticated)[data-sidebar-state] body.is-authenticated.target-operations-view .command-profile-button { box-shadow: none !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .employee-dashboard-top { border: 0 !important; background: transparent !important; box-shadow: none !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .employee-dashboard-top h2 { color: var(--oso-text) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .employee-dashboard-top p { color: var(--oso-muted) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-local-clock { color: var(--oso-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-local-clock span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-view-options { border: 1px solid var(--oso-shell-border) !important; background: var(--dm-surface) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-control-bar { border: 1px solid var(--oso-shell-border) !important; background: var(--dm-surface) !important; box-shadow: var(--oso-shadow) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-filter-controls label > span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-filter-controls select { border: 1px solid var(--dm-border) !important; color: var(--dm-text); background-color: var(--dm-mutedSurface); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-quick-strip .button { border: 1px solid var(--dm-border) !important; color: var(--dm-green) !important; background: var(--dm-surface) !important; box-shadow: none !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-quick-strip .button:hover { border-color: var(--dm-border) !important; background: var(--dm-surface) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] #dashboardTimeClock { border: 1px solid var(--dm-border) !important; background: linear-gradient(110deg, var(--dm-surface) 0%, var(--dm-surface) 62%, var(--dm-surface) 100%) !important; box-shadow: var(--oso-shadow) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-clock-face { border-right: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .time-clock-icon { border: 3px solid var(--dm-greenBorder) !important; color: var(--dm-green) !important; background: var(--dm-surface) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] #dashboardTimeClock .kicker { color: var(--dm-muted) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-clock-face h3 { color: var(--oso-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-clock-badge { color: var(--dm-green); background: var(--oso-green-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-clock-badge.is-idle { color: var(--dm-muted); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-current-work strong { color: var(--oso-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-current-work > span,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-current-work small { color: var(--oso-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-card { border: 1px solid var(--oso-shell-border) !important; background: var(--dm-surface) !important; box-shadow: var(--oso-shadow) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .employee-icon-box { color: var(--dm-green) !important; background: var(--oso-green-soft) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-card.is-alerts .employee-icon-box { color: var(--dm-red) !important; background: var(--dm-redSoft) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-summary-label { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-summary-main { color: var(--oso-text) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-summary-copy,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-summary-meta { color: var(--oso-muted) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-summary-split > div { border-right: 1px solid var(--oso-shell-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-summary-split > div strong { color: var(--oso-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-summary-split > div span { color: var(--oso-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-summary-split dl div { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-summary-split .is-danger { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .employee-card-link { border: 0 !important; color: var(--dm-green) !important; background: transparent !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-section-title { border-bottom: 1px solid var(--oso-shell-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-section-title h3 { color: var(--oso-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-count-badge { color: var(--dm-muted); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-head { color: var(--dm-muted) !important; background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-row { border: 0 !important; border-top: 1px solid var(--dm-border) !important; color: var(--dm-text) !important; background: var(--dm-surface) !important; box-shadow: none !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-row:hover { background: var(--dm-surface) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-priority .status-badge,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-status .status-badge { box-shadow: inset 0 1px 0 rgba(0,0,0,0.68) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-priority .status-badge.info,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-priority .status-badge.normal { border: 1px solid var(--dm-blueBorder) !important; color: var(--dm-blue) !important; background: linear-gradient(180deg, var(--dm-blueSoft) 0%, var(--dm-blueSoft) 100%) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-priority .status-badge.danger,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-priority .status-badge.high,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-priority .status-badge.critical { border: 1px solid var(--dm-redBorder) !important; color: var(--dm-red) !important; background: linear-gradient(180deg, var(--dm-redSoft) 0%, var(--dm-redSoft) 100%) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-priority .status-badge.low,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-priority .status-badge.neutral { border: 1px solid var(--dm-border) !important; color: var(--dm-muted) !important; background: linear-gradient(180deg, var(--dm-surface) 0%, var(--dm-blueSoft) 100%) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-status .status-badge.success,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-status .status-badge.open,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-status .status-badge.resolved,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-status .status-badge.completed { border: 1px solid var(--dm-greenBorder) !important; color: var(--dm-green) !important; background: linear-gradient(180deg, var(--dm-greenSoft) 0%, var(--dm-greenSoft) 100%) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-status .status-badge.indigo,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-status .status-badge.in-progress,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-status .status-badge.in_progress { border: 1px solid var(--dm-blueBorder) !important; color: var(--dm-blue) !important; background: linear-gradient(180deg, var(--dm-blueSoft) 0%, var(--dm-blueSoft) 100%) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-status .status-badge.danger,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-status .status-badge.high,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-status .status-badge.critical,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-status .status-badge.blocked,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-status .status-badge.overdue { border: 1px solid var(--dm-redBorder) !important; color: var(--dm-red) !important; background: linear-gradient(180deg, var(--dm-redSoft) 0%, var(--dm-redSoft) 100%) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-main strong,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-site strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-main small,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-site small { color: var(--oso-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-due { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-due.is-overdue { color: var(--dm-red) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-assignee > span { border: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-table-footer { border-top: 1px solid var(--oso-shell-border); color: var(--oso-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-table-footer button { border: 0; color: var(--dm-green); background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-rail-row { border: 0 !important; border-bottom: 1px solid var(--dm-border) !important; color: var(--dm-text) !important; background: var(--dm-surface) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-rail-row:hover { background: var(--dm-surface) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-rail-icon { color: var(--dm-red); background: var(--dm-redSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-rail-copy strong { color: var(--oso-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-rail-copy time { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-rail-copy small { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-rail-copy p { color: var(--oso-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-rail-footer { border: 0; color: var(--dm-green); background: var(--dm-surface); }@media (max-width: 840px) {:root[data-appearance="dark"]:has(body.is-authenticated)[data-sidebar-state] body.is-authenticated.target-operations-view .sidebar { box-shadow: 18px 0 40px rgba(0,0,0,0.16) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) .app-sidebar-mobile-close { border: 1px solid var(--dm-border); color: var(--dm-muted); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) .app-sidebar-backdrop { border: 0; background: rgba(16, 31, 22, 0.42); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-clock-face { border-right: 0; border-bottom: 1px solid var(--oso-shell-border); } }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-location-label { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-location-trigger { border: 1px solid var(--dm-border); color: var(--dm-text); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-location-trigger:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-location-trigger[aria-expanded="true"] { border-color: var(--dm-greenBorder); box-shadow: 0 0 0 3px rgba(0,0,0,0.08); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-location-trigger svg { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-location-trigger svg:last-child { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-location-trigger.is-static { border-color: transparent; background: transparent; box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-location-trigger.is-static:hover { border-color: transparent; box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-location-menu { border: 1px solid var(--dm-border); background: var(--dm-raised); box-shadow: 0 16px 34px rgba(0,0,0,0.16); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-location-menu-head { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-location-menu-head button,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-location-chips button { border: 0; color: var(--dm-green); background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-location-options label { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-location-options label:hover { background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-location-options input { accent-color: var(--dm-greenFill); box-shadow: none !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-location-empty { color: var(--oso-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-location-chips > span { border: 1px solid var(--dm-border); color: var(--dm-green); background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-kpi-card { border: 1px solid var(--dm-border); background: var(--dm-surface); box-shadow: 0 10px 22px rgba(0,0,0,0.045); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-kpi-card::before { background: var(--dashboard-kpi-color, var(--dm-greenFill)); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-kpi-card.is-green { --dashboard-kpi-soft: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-kpi-card.is-blue { --dashboard-kpi-soft: var(--dm-blueSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-kpi-card.is-red { --dashboard-kpi-soft: var(--dm-redSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-kpi-card.is-orange { --dashboard-kpi-soft: var(--dm-orangeSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-kpi-icon { border: 0 !important; color: var(--dashboard-kpi-color, var(--dm-green)) !important; background: transparent !important; box-shadow: none !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-kpi-card span { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-kpi-card strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-kpi-card small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-kpi-card.is-red small { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-quick-strip { border: 0; background: transparent; box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-quick-strip > button { border: 1px solid var(--dm-border); color: var(--dm-green); background: var(--dm-surface); box-shadow: 0 6px 16px rgba(0,0,0,0.035); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-quick-strip > button:hover:not(:disabled) { border-color: var(--dm-greenBorder); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-quick-strip > button:disabled { color: var(--dm-muted); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-quick-strip > button svg { color: var(--dm-green); background: transparent !important; box-shadow: none !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-quick-strip > button:disabled svg { color: var(--dm-muted); background: transparent !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-card { border: 1px solid var(--dm-border) !important; background: var(--dm-surface) !important; box-shadow: 0 8px 20px rgba(0,0,0,0.045) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .is-overdue-section { border-left: 3px solid var(--dm-redBorder) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .is-overdue-section .dashboard-section-title { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .is-overdue-section .dashboard-section-title h3 { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .is-acknowledgements .dashboard-rail-icon { color: var(--dm-green); background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .is-announcements .employee-announcement-item { border: 0; border-bottom: 1px solid var(--dm-border); color: var(--dm-text); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .is-announcements .employee-announcement-item:hover { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .is-announcements .employee-announcement-item strong { color: var(--oso-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .is-announcements .employee-announcement-item small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .is-announcements .employee-announcement-item p { color: var(--oso-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .employee-tasks-card,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-rail-card { border: 1px solid var(--dm-border) !important; box-shadow: 0 3px 12px rgba(0,0,0,0.045) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .is-overdue-section { border-left: 1px solid var(--dm-border) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .employee-tasks-card .dashboard-section-title,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-rail-card .dashboard-section-title { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .is-overdue-section .dashboard-section-title { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .employee-tasks-card .employee-card-link:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-rail-card .employee-card-link:hover { background: var(--dm-raised) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .employee-tasks-card .dashboard-task-row.is-overdue { background: var(--dm-surface) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .employee-tasks-card .dashboard-task-row.is-overdue:hover { background: var(--dm-surface) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .employee-tasks-card .dashboard-task-main small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .employee-tasks-card .dashboard-task-due.is-today { color: var(--dm-orange) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-priority .status-badge,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-status .status-badge { box-shadow: none !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-priority .status-badge.info,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-priority .status-badge.normal { border-color: var(--dm-blueBorder) !important; color: var(--dm-blue) !important; background: var(--dm-blueSoft) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-priority .status-badge.high { border-color: var(--dm-orangeBorder) !important; color: var(--dm-orange) !important; background: var(--dm-orangeSoft) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-priority .status-badge.danger,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-priority .status-badge.critical { border-color: var(--dm-redBorder) !important; color: var(--dm-red) !important; background: var(--dm-redSoft) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-priority .status-badge.low,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-priority .status-badge.neutral { border-color: var(--dm-border) !important; color: var(--dm-muted) !important; background: var(--dm-raised) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-status .status-badge.success,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-status .status-badge.open,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-status .status-badge.resolved,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-status .status-badge.completed { border-color: var(--dm-greenBorder) !important; color: var(--dm-green) !important; background: var(--dm-greenSoft) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-status .status-badge.indigo,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-status .status-badge.in-progress,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-status .status-badge.in_progress { border-color: var(--dm-blueBorder) !important; color: var(--dm-blue) !important; background: var(--dm-blueSoft) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-status .status-badge.blocked,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-status .status-badge.overdue { border-color: var(--dm-redBorder) !important; color: var(--dm-red) !important; background: var(--dm-redSoft) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-status .status-badge.archived { border-color: var(--dm-border) !important; color: var(--dm-muted) !important; background: var(--dm-raised) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-rail-card .dashboard-rail-row,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .is-announcements .employee-announcement-item { border: 1px solid var(--dm-border) !important; background: var(--dm-surface) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .is-recent-alerts .dashboard-rail-row.is-critical,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .is-recent-alerts .dashboard-rail-row.is-high { border-color: var(--dm-border) !important; background: var(--dm-surface) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .is-recent-alerts .dashboard-rail-row.is-critical .dashboard-rail-icon,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .is-recent-alerts .dashboard-rail-row.is-high .dashboard-rail-icon { color: var(--dm-red); background: var(--dm-redSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .is-recent-alerts .dashboard-rail-row.is-warning,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .is-recent-alerts .dashboard-rail-row.is-medium { border-color: var(--dm-orangeBorder) !important; background: var(--dm-orangeSoft) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .is-recent-alerts .dashboard-rail-row.is-warning .dashboard-rail-icon,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .is-recent-alerts .dashboard-rail-row.is-medium .dashboard-rail-icon { color: var(--dm-orange); background: var(--dm-orangeSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .is-recent-alerts .dashboard-rail-row.is-info,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .is-recent-alerts .dashboard-rail-row.is-low,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .is-recent-alerts .dashboard-rail-row.is-normal { border-color: var(--dm-border) !important; background: var(--dm-blueSoft) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .is-recent-alerts .dashboard-rail-row.is-info .dashboard-rail-icon,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .is-recent-alerts .dashboard-rail-row.is-low .dashboard-rail-icon,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .is-recent-alerts .dashboard-rail-row.is-normal .dashboard-rail-icon { color: var(--dm-blue); background: var(--dm-blueSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .is-acknowledgements .dashboard-rail-row { background: var(--dm-surface) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .is-announcements .employee-announcement-item { color: var(--dm-text); background: var(--dm-surface) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .is-announcements .employee-announcement-item .dashboard-rail-icon { color: var(--dm-green); background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .is-announcements .employee-announcement-item.is-critical,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .is-announcements .employee-announcement-item.is-high,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .is-announcements .employee-announcement-item.is-urgent,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .is-announcements .employee-announcement-item.is-important { border-color: var(--dm-orangeBorder) !important; background: var(--dm-orangeSoft) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .is-announcements .employee-announcement-item.is-critical .dashboard-rail-icon,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .is-announcements .employee-announcement-item.is-high .dashboard-rail-icon,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .is-announcements .employee-announcement-item.is-urgent .dashboard-rail-icon,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .is-announcements .employee-announcement-item.is-important .dashboard-rail-icon { color: var(--dm-orange); background: var(--dm-orangeSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .is-announcements .announcement-importance { color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-greeting h2 { color: var(--oso-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-greeting h2 span { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-greeting p { color: var(--oso-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-intro-row .dashboard-location-filter { border-left: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-intro-row .dashboard-local-clock span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-intro-row .dashboard-local-clock strong { color: var(--oso-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] #dashboardTimeClock { background: var(--dm-surface) !important; box-shadow: 0 5px 16px rgba(0,0,0,0.035) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-timekeeping-state strong,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-timekeeping-metric strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-timekeeping-state small,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-timekeeping-metric small { color: var(--oso-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-timekeeping-metric { border-left: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-timekeeping-metric > span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] #dashboardTimeClock .time-clock-icon { border: 0 !important; color: var(--dm-green) !important; background: var(--dm-greenSoft) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-kpi-card { color: inherit; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-kpi-card:hover { border-color: var(--dm-border); box-shadow: 0 12px 26px rgba(0,0,0,0.07); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-kpi-card:focus-visible,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-quick-strip > button:focus-visible,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-task-row:focus-visible,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-rail-row:focus-visible { outline: 3px solid color-mix(in srgb, var(--dm-greenBorder) 22%, transparent); }@media (max-width: 840px) {:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-intro-row .dashboard-location-filter { border-left: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-timekeeping-state { border-bottom: 1px solid var(--dm-border); } }@media (max-width: 620px) {:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .dashboard-timekeeping-metric { border-top: 1px solid var(--dm-border); border-left: 0; } }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="dashboard"] .is-overdue-section .dashboard-section-title { background: var(--dm-surface) !important; } /* tasks-workspace.css */:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] { --tasks-border: var(--dm-border); --tasks-text: var(--dm-text); --tasks-muted: var(--dm-muted); --tasks-green: var(--dm-greenFill); --tasks-green-dark: var(--dm-greenFill); --tasks-green-soft: var(--dm-greenSoft); --tasks-blue: var(--dm-blueFill); --tasks-red: var(--dm-redFill); --tasks-shadow: 0 5px 18px rgba(0,0,0,0.055); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .page-header #currentViewTitle { color: var(--tasks-text) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #openMyActivity { border-color: var(--tasks-border) !important; background: var(--dm-surface) !important; color: var(--tasks-text) !important; }:root[data-appearance="dark"]:has(body.is-authenticated)[data-sidebar-state] body.is-authenticated[data-active-view="workflow"] #workflowView.active { background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.active .task-metric-card { border: 1px solid var(--tasks-border) !important; color: var(--tasks-text) !important; background: var(--dm-surface) !important; box-shadow: var(--tasks-shadow) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.active .task-metric-card::before { background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.active .task-metric-card.blue::before { background: var(--dm-blueFill); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.active .task-metric-card.red::before { background: var(--dm-redFill); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.active .task-metric-icon { color: var(--dm-green) !important; background: var(--tasks-green-soft) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.active .task-metric-card.blue .task-metric-icon { color: var(--dm-blue) !important; background: var(--dm-blueSoft) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.active .task-metric-card.red .task-metric-icon { color: var(--dm-red) !important; background: var(--dm-redSoft) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.active .task-metric-card.blue .task-metric-icon,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.active .task-metric-card.red .task-metric-icon { background: transparent !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.active .task-metric-card > div > span { color: var(--dm-text) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.active .task-metric-card strong { color: var(--tasks-text) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-view-cards { border: 0 !important; border-bottom: 1px solid var(--tasks-border) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #taskContextTabs .task-tab { border: 1px solid var(--tasks-border) !important; color: var(--dm-muted) !important; background: var(--dm-surface) !important; box-shadow: var(--tasks-shadow) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #taskContextTabs .task-tab:hover { border-color: var(--dm-border) !important; background: var(--dm-surface) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #taskContextTabs .task-tab.active { color: var(--dm-green) !important; border-color: var(--dm-greenBorder) !important; background: linear-gradient(100deg, var(--dm-surface), var(--dm-surface)) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #taskContextTabs .task-tab.active::before { background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #taskContextTabs .task-tab.is-overdue.active::before { background: var(--dm-redFill); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #taskContextTabs .task-tab.is-overdue.active { color: var(--dm-red) !important; border-color: var(--dm-redBorder) !important; background: var(--dm-redSoft) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-tab-icon { color: var(--dm-green); background: var(--tasks-green-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-tab.is-team .task-tab-icon { color: var(--dm-blue); background: var(--dm-blueSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-tab.is-created .task-tab-icon { color: var(--dm-muted); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-tab.is-overdue .task-tab-icon { color: var(--dm-red); background: var(--dm-redSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #taskContextTabs .task-tab-count { color: var(--tasks-text); background: transparent !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #taskContextTabs .task-tab > span { border: 0 !important; color: inherit !important; background: transparent !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #taskContextTabs .task-tab > .task-tab-icon { color: var(--dm-green) !important; background: var(--tasks-green-soft) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #taskContextTabs .task-tab.is-team > .task-tab-icon { color: var(--dm-blue) !important; background: var(--dm-blueSoft) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #taskContextTabs .task-tab.is-created > .task-tab-icon { color: var(--dm-muted) !important; background: var(--dm-raised) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #taskContextTabs .task-tab.is-overdue > .task-tab-icon { color: var(--dm-red) !important; background: var(--dm-redSoft) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #taskContextTabs .task-tab > .task-tab-copy > .task-tab-count { border: 0 !important; background: transparent !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .workflow-queue { border: 1px solid var(--tasks-border) !important; background: var(--dm-surface) !important; box-shadow: var(--tasks-shadow) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .queue-controls { border-bottom: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .queue-controls > .filter-bar { border-top: 1px solid var(--tasks-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .filter-check { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .table-scroll { border: 1px solid var(--tasks-border) !important; border-bottom: 0 !important; background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .workflow-task-grid-row th,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .workflow-task-grid-row td { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .workflow-task-grid-row th { color: var(--dm-muted) !important; background: var(--dm-surface) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .workflow-task-grid-row td { color: var(--dm-text); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .workflow-task-grid-row:hover td { background: var(--dm-surface) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .workflow-task-grid-row.selected-row td { background: var(--dm-greenSoft) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .task-group-row.is-overdue td { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .task-group-row.is-today td { background: var(--dm-orangeSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .task-group-row.is-upcoming td { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .task-group-row.is-no_due_date td { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .task-group-row.is-completed td { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .task-group-row.is-overdue:hover td { background: var(--dm-redSoft) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .task-group-row.is-today:hover td { background: var(--dm-orangeSoft) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .task-group-row.is-upcoming:hover td { background: var(--dm-blueSoft) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .task-group-row.is-completed:hover td { background: var(--dm-greenSoft) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .task-group-row.is-overdue td:first-child { box-shadow: inset 3px 0 0 var(--dm-redFill); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .task-group-row.is-today td:first-child { box-shadow: inset 3px 0 0 #d97706; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .task-group-row.is-upcoming td:first-child { box-shadow: inset 3px 0 0 var(--dm-blueFill); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .task-group-row.is-no_due_date td:first-child { box-shadow: inset 3px 0 0 #98a2b3; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .task-group-row.is-completed td:first-child { box-shadow: inset 3px 0 0 var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .task-due-group th { border-top: 1px solid var(--dm-border); border-bottom: 1px solid var(--dm-border); background: var(--dm-surface) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .task-due-group:first-child th { border-top: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .task-group-heading strong { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .task-group-heading small { color: var(--dm-muted); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .task-due-group.is-danger .task-group-heading svg,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .task-due-group.is-danger .task-group-heading strong { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .task-due-group.is-warning .task-group-heading svg,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .task-due-group.is-warning .task-group-heading strong { color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .task-due-group.is-info .task-group-heading svg,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .task-due-group.is-info .task-group-heading strong { color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .task-due-group.is-neutral .task-group-heading svg,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .task-due-group.is-neutral .task-group-heading strong { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .task-due-group.is-success .task-group-heading svg,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .task-due-group.is-success .task-group-heading strong { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .task-due-group.is-danger th { background: var(--dm-redSoft) !important; border-left: 3px solid var(--dm-redBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .task-due-group.is-warning th { background: var(--dm-orangeSoft) !important; border-left: 3px solid var(--dm-orangeBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .task-due-group.is-info th { background: var(--dm-blueSoft) !important; border-left: 3px solid var(--dm-blueBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .task-due-group.is-neutral th { background: var(--dm-raised) !important; border-left: 3px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .task-due-group.is-success th { background: var(--dm-greenSoft) !important; border-left: 3px solid var(--dm-greenBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .followup-title-line strong { color: var(--tasks-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .followup-title-line small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .task-location-cell { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .task-list-icon { color: var(--dm-muted); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .task-date-cell strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .task-date-cell small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .task-date-cell.is-overdue strong,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .task-date-cell.is-overdue small { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .task-relative-due { color: var(--dm-blue); background: var(--dm-blueSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .task-group-row.is-overdue .task-relative-due { color: var(--dm-red); background: var(--dm-redSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .task-group-row.is-today .task-relative-due { color: var(--dm-orange); background: var(--dm-orangeSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .task-assignment-cell strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .task-assignment-cell small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .task-list-assignee-badge { border: 1px solid var(--dm-border); color: var(--dm-green); background: var(--tasks-green-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .task-list-open-button { border: 1px solid transparent; color: var(--dm-muted); background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .task-list-open-button:hover { border-color: var(--dm-border); color: var(--dm-green); background: var(--tasks-green-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .task-list-open-button:focus-visible { outline: 3px solid color-mix(in srgb, var(--dm-blueBorder) 28.000000000000004%, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .workflow-table-footer { border: 1px solid var(--tasks-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .workflow-page-size { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .workflow-page-size select { border: 1px solid var(--tasks-border); color: var(--dm-text); background: var(--dm-mutedSurface); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.task-list-mode .workflow-pagination .page-button.active { border-color: var(--dm-greenBorder); color: var(--dm-onBrand); background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-workspace-toolbar { border-bottom: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-workspace-title { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-workspace-title strong { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-workspace-title span { background: var(--tasks-green-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .tasks-filter-button { border: 1px solid var(--tasks-border); color: var(--tasks-text); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .tasks-filter-button:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .tasks-filter-button.active { border-color: var(--dm-greenBorder); background: var(--tasks-green-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .tasks-filter-count { color: var(--dm-onBrand); background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .workflow-sort-control { color: var(--tasks-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .tasks-sort-value { color: var(--tasks-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-sort-icon-button { border: 1px solid var(--tasks-border) !important; background: var(--dm-surface) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-view-toggle { border: 1px solid var(--tasks-border) !important; background: var(--dm-raised) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-view-toggle button { border: 0; color: var(--tasks-muted); background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-view-toggle button.active { color: var(--dm-green); background: var(--dm-surface); box-shadow: 0 1px 4px rgba(0,0,0,.11); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .tasks-filter-popover { border: 1px solid var(--tasks-border) !important; background: var(--dm-raised) !important; box-shadow: 0 18px 48px rgba(0,0,0,.16) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .tasks-filter-popover-header,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .tasks-filter-popover-footer { border-bottom: 1px solid var(--tasks-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .tasks-filter-popover-footer { border-top: 1px solid var(--tasks-border); border-bottom: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .tasks-filter-field label { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .tasks-filter-field select { border: 1px solid var(--tasks-border); background: var(--dm-mutedSurface); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-card-clear { border: 0; color: var(--dm-green); background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-filter-chip { border: 1px solid var(--dm-border); color: var(--dm-green); background: var(--tasks-green-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-card-section-pinned { border: 0 !important; background: transparent !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-card-section-title { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-card-section-title span { background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView .task-card { border: 1px solid var(--tasks-border) !important; color: var(--tasks-text) !important; background: var(--dm-surface) !important; box-shadow: 0 3px 12px rgba(0,0,0,.055) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView .task-card::before { background: var(--dm-greenFill) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView .task-card.overdue::before,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView .task-card.is-overdue::before { background: var(--dm-redFill) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView .task-card.is-in-progress:not(.is-overdue):not(.overdue)::before { background: var(--dm-blueFill) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView .task-card:hover { box-shadow: 0 8px 22px rgba(0,0,0,.09) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView .task-card.selected { border-color: var(--dm-greenBorder) !important; box-shadow: 0 0 0 3px rgba(0,0,0,.1) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView .task-card.is-in-progress:is(.selected, .is-selected):not(.is-overdue):not(.overdue) { border-color: var(--dm-blueBorder) !important; box-shadow: 0 0 0 3px rgba(0,0,0,.1) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView .task-card:is(.overdue, .is-overdue):is(.selected, .is-selected) { border-color: var(--dm-redBorder) !important; box-shadow: 0 0 0 3px rgba(0,0,0,.1) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView .checklist-task-card { box-shadow: 0 4px 16px rgba(0,0,0,.065) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .checklist-task-due-rail { border-right: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .checklist-task-calendar { color: var(--dm-green); background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .checklist-task-due-rail.is-overdue .checklist-task-calendar { color: var(--dm-red); background: var(--dm-redSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .checklist-task-due-rail.is-due-today .checklist-task-calendar { color: var(--dm-orange); background: var(--dm-orangeSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .checklist-task-due-rail.has-no-due .checklist-task-calendar { color: var(--dm-muted); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .checklist-task-due-rail.has-no-due .checklist-task-due-copy strong,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .checklist-task-due-rail.has-no-due .checklist-task-due-copy b { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .checklist-task-due-copy small { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .checklist-task-due-copy strong,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .checklist-task-due-copy b { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .checklist-task-due-rail.is-overdue .checklist-task-due-copy strong,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .checklist-task-due-rail.is-overdue .checklist-task-due-copy b { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .checklist-task-due-rail.is-due-today .checklist-task-due-copy strong,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .checklist-task-due-rail.is-due-today .checklist-task-due-copy b { color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .checklist-task-overdue { border: 1px solid var(--dm-redBorder); color: var(--dm-red); background: var(--dm-redSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .checklist-task-overdue.is-today { border-color: var(--dm-orangeBorder); color: var(--dm-orange); background: var(--dm-orangeSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .checklist-task-heading .task-card-location { color: var(--dm-text) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView .checklist-task-card h4 { color: var(--dm-text) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .checklist-task-detail > svg { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .checklist-task-detail small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .checklist-task-detail strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .operational-task-description small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView .operational-task-description p { color: var(--dm-muted) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .checklist-task-state-bar { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] :is(.checklist-task-priority, .checklist-task-status) { color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .checklist-task-priority.is-high,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .checklist-task-priority.is-critical { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .checklist-task-priority.is-low { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .checklist-task-status { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .checklist-task-status.is-blocked { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .checklist-task-status.is-in_progress { color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .checklist-task-status.is-resolved { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .checklist-task-state-divider { background: var(--dm-blueSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-card-open-surface { border: 0; background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-card-open-surface:focus-visible { outline: 3px solid color-mix(in srgb, var(--dm-blueBorder) 28.000000000000004%, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-card-location { color: var(--dm-muted) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-card-due-indicator { color: var(--dm-onBrand) !important; background: var(--dm-redFill) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-card-icon { border: 0 !important; color: var(--dm-muted); background: transparent !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-card-icon:hover { background: var(--dm-raised) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView .task-card h4 { color: var(--tasks-text) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView .task-card p { color: var(--dm-muted) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView .task-card-footer { border-top: 1px solid var(--dm-border) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-card-footer-label { color: var(--dm-muted) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-card-footer-value { color: var(--tasks-text) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-card-avatar { border: 1px solid var(--dm-border); color: var(--dm-text); background: var(--dm-mutedSurface); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-card.overdue .task-card-footer-due * { color: var(--dm-red) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView .task-card-action-menu { border: 1px solid var(--tasks-border) !important; background: var(--dm-raised) !important; box-shadow: 0 14px 28px rgba(0,0,0,.16) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-card-load-state { color: var(--tasks-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] :is(.task-metric-card, .task-tab, .task-card, .tasks-filter-button, .task-filter-chip, .task-view-toggle button):focus-visible { outline: 3px solid color-mix(in srgb, var(--dm-blueBorder) 26%, transparent) !important; }@media (max-width: 560px) {:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .checklist-task-due-rail { border-right: 0; border-bottom: 1px solid var(--dm-border); } }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.active.has-task-detail .task-detail-panel,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowTaskDetail.task-detail-panel { border: 1px solid var(--dm-border) !important; background: var(--dm-surface) !important; box-shadow: 0 16px 38px rgba(0,0,0,.12) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-detail-command-panel { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-detail-workspace-header { border-bottom: 1px solid var(--dm-border); background: color-mix(in srgb, var(--dm-surface) 97%, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-detail-location { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-detail-location :is(i, svg) { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-detail-workspace-header h3 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-detail-overdue-badge { border: 1px solid var(--dm-redBorder); color: var(--dm-red); background: var(--dm-redSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-detail-workspace-header .task-icon-action { border: 1px solid var(--dm-border) !important; color: var(--dm-text); background: var(--dm-surface) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-detail-workspace-header .task-edit-icon-action { color: var(--dm-green) !important; border-color: var(--dm-greenBorder) !important; background: var(--dm-greenSoft) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-detail-section { border-bottom: 1px solid var(--dm-border) !important; background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-detail-section:last-child { border-bottom: 0 !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-detail-action-bar { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-detail-status-row { border-right: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-detail-status-row .task-status-dropdown { box-shadow: none !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-detail-transition { border: 0; border-right: 1px solid var(--dm-border); color: var(--dm-muted); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-detail-transition:last-child { border-right: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-detail-transition:hover { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-detail-transition.is-open,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-detail-transition.is-resolve { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-detail-transition.is-in-progress { color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-detail-transition.is-block { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-detail-metadata-grid > div { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-detail-metadata-grid > div:nth-child(odd) { border-right: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-detail-metadata-grid > div:nth-last-child(-n + 2) { border-bottom-color: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-detail-metadata-grid > div > :is(i, svg) { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-detail-metadata-grid span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-detail-metadata-grid strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-detail-metadata-grid small { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-detail-metadata-grid .is-overdue > svg,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-detail-metadata-grid .is-overdue > strong { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-detail-section h4 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-detail-description { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-detail-description.is-empty { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-description-toggle { border: 0; color: var(--dm-green); background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-update-composer-section { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-side-comment-form.compact { border: 1px solid var(--dm-border) !important; background: var(--dm-surface) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-side-comment-form.compact textarea { border: 0 !important; color: var(--dm-text); background: var(--dm-mutedSurface) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-composer-upload { border: 1px solid transparent; color: var(--dm-muted); background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-composer-upload:hover { color: var(--dm-green); border-color: var(--dm-border); background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-side-comment-form.compact .send-update-button { border-color: var(--dm-greenBorder) !important; color: var(--dm-onBrand) !important; background: var(--dm-greenFill) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-side-comment-form.compact .send-update-button:disabled { border-color: var(--dm-border) !important; color: var(--dm-muted) !important; background: var(--dm-raised) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-activity-section-heading > span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-thread::before { background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-activity-item { border: 0 !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-activity-marker { border: 1px solid var(--dm-greenBorder); color: var(--dm-green); background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-activity-marker.is-blocked { border-color: var(--dm-redBorder); color: var(--dm-red); background: var(--dm-redSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-activity-marker.is-in_progress { border-color: var(--dm-blueBorder); color: var(--dm-blue); background: var(--dm-blueSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-activity-author { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-activity-time { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-activity-item p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-activity-status-change { border: 1px solid var(--dm-border) !important; border-left: 3px solid var(--dm-greenBorder) !important; background: var(--dm-surface) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-activity-status-row svg { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-activity-file-card { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-activity-file-icon { color: var(--dm-green); background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-attachment-name { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-attachment-meta { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-activity-file-card .icon-button { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-activity-photo-grid button { border: 0; background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-activity-photo-grid button > span { color: var(--dm-onBrand); background: color-mix(in srgb, var(--dm-mutedSurface) 64%, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-load-older { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-detail-recoverable-state { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-detail-recoverable-state > svg { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-detail-recoverable-state strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-activity-skeleton :is(i, b, em) { background: linear-gradient(90deg, var(--dm-mutedSurface) 25%, var(--dm-mutedSurface) 45%, var(--dm-mutedSurface) 65%); }@media (max-width: 1280px) {:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.active.has-task-detail::after { background: color-mix(in srgb, var(--dm-mutedSurface) 26%, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.active.has-task-detail .workflow-sidebar { background: var(--dm-raised); box-shadow: -20px 0 44px rgba(0,0,0,.2); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.active.has-task-detail .task-detail-panel,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowTaskDetail.task-detail-panel { border-block: 0 !important; border-right: 0 !important; } }@media (max-width: 480px) {:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-detail-status-row { border-right: 0; border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-detail-metadata-grid > div:nth-child(n) { border-right: 0; border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] .task-detail-metadata-grid > div:last-child { border-bottom: 0; } }:root[data-appearance="dark"]:has(body.is-authenticated) .task-repeat-days label,
:root[data-appearance="dark"]:has(body.is-authenticated) .task-position-choice { border: 1px solid var(--line); }:root[data-appearance="dark"]:has(body.is-authenticated) .task-repeat-fields fieldset { border: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) .task-repeat-badge { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-modal .task-location-trigger { border: 1px solid var(--line); background: var(--surface); color: var(--ink); }:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-modal .task-location-trigger > svg { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-modal .task-location-trigger > svg:last-child { color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-modal .task-location-trigger:focus-visible,
:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-modal .task-location-trigger[aria-expanded="true"] { border-color: var(--dm-greenBorder); outline: 2px solid var(--green-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-modal .task-location-options { border: 1px solid var(--line); background: var(--surface); box-shadow: 0 10px 26px rgba(0,0,0,.14); }:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-modal .task-location-option { border: 0; background: transparent; color: var(--ink); box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-modal .task-location-option[aria-selected="true"] { color: var(--dm-green); background: var(--green-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-modal .task-location-option:focus-visible,
:root[data-appearance="dark"]:has(body.is-authenticated) .create-task-modal .task-location-option:hover { outline: 1px solid var(--dm-greenBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) .task-repeat-summary { border: 1px solid var(--line); background: var(--green-soft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .task-repeat-days label:has(input:checked) { background: var(--green-soft); border-color: var(--dm-greenBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) #taskModal [data-task-primary-location] { border: 1px solid var(--line, var(--dm-border)); }:root[data-appearance="dark"]:has(body.is-authenticated) #taskModal [data-task-primary-location] input[type="checkbox"] { accent-color: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) #taskModal [data-task-primary-location] strong { color: var(--ink); }:root[data-appearance="dark"]:has(body.is-authenticated) #taskModal [data-task-primary-location] small { color: var(--muted); } /* logs-navigation.css */:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] { --logs-nav-border: var(--dm-border); --logs-nav-text: var(--dm-text); --logs-nav-muted: var(--dm-muted); --logs-nav-green: var(--dm-greenFill); --logs-nav-green-dark: var(--dm-greenFill); --logs-nav-green-soft: var(--dm-greenSoft); --logs-nav-shadow: 0 5px 18px rgba(0,0,0,0.055); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] .page-header #currentViewTitle { color: var(--logs-nav-text) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] #openMyActivity { border-color: var(--logs-nav-border) !important; color: var(--logs-nav-text) !important; background: var(--dm-surface) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-card { border: 1px solid var(--logs-nav-border) !important; color: var(--logs-nav-text) !important; background: var(--dm-surface) !important; box-shadow: var(--logs-nav-shadow) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-card::before { background: var(--dm-greenFill) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-card.blue::before { background: var(--dm-blueFill) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-card.orange::before { background: var(--dm-orangeFill) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-icon,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-card.green .observation-kpi-icon,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-card.blue .observation-kpi-icon,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-card.orange .observation-kpi-icon { border: 0 !important; color: var(--dm-green) !important; background: var(--logs-nav-green-soft) !important; box-shadow: none !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-card.blue .observation-kpi-icon { color: var(--dm-blue) !important; background: var(--dm-blueSoft) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-card.orange .observation-kpi-icon { color: var(--dm-orange) !important; background: var(--dm-orangeSoft) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-icon,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-card.green .observation-kpi-icon,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-card.blue .observation-kpi-icon,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-card.orange .observation-kpi-icon { background: transparent !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-icon svg { color: inherit !important; fill: none !important; stroke: currentColor !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-card p { color: var(--dm-text) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-card strong { color: var(--logs-nav-text) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-card small { color: var(--logs-nav-muted) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] .log-view-cards { border: 0 !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] #observationCategoryTabs .log-view-card { border: 1px solid var(--logs-nav-border) !important; color: var(--logs-nav-muted) !important; background: var(--dm-surface) !important; box-shadow: var(--logs-nav-shadow) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] #observationCategoryTabs .log-view-card:hover { border-color: var(--dm-border) !important; background: var(--dm-surface) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] #observationCategoryTabs .log-view-card.active { color: var(--dm-green) !important; border-color: var(--dm-greenBorder) !important; background: linear-gradient(100deg, var(--dm-surface), var(--dm-surface)) !important; box-shadow: 0 3px 12px rgba(0,0,0,.04) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] #observationCategoryTabs .log-view-card.active::before { background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] .log-view-icon { color: var(--dm-muted); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] .log-view-card.active .log-view-icon { color: var(--dm-green); background: var(--logs-nav-green-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] #observationCategoryTabs .log-view-copy > span { color: var(--logs-nav-text) !important; background: transparent !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] #observationCategoryTabs .log-view-card > span { color: inherit !important; background: transparent !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] #observationCategoryTabs .log-view-card > .log-view-icon { color: var(--dm-muted) !important; background: var(--dm-raised) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] #observationCategoryTabs .log-view-card.active > .log-view-icon { color: var(--dm-green) !important; background: var(--logs-nav-green-soft) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] #observationCategoryTabs .log-view-card > .log-view-copy > span { color: var(--logs-nav-text) !important; background: transparent !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] #observationCategoryTabs .log-view-card:focus-visible { outline: 3px solid color-mix(in srgb, var(--dm-blueBorder) 26%, transparent) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] #observationsView.active { background: var(--dm-surface) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-card { border: 1px solid var(--dm-border) !important; background: var(--dm-surface) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-card:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-card[aria-pressed="true"] { border-color: var(--dm-greenBorder) !important; box-shadow: 0 10px 24px rgba(0,0,0,.09) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-card p { color: var(--dm-text) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-icon { background: var(--dm-greenSoft) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-card.blue .observation-kpi-icon { color: var(--dm-blue) !important; background: var(--dm-blueSoft) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-card.orange .observation-kpi-icon { color: var(--dm-orange) !important; background: var(--dm-orangeSoft) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-icon svg { fill: none !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] .observations-table-card { border: 1px solid var(--dm-border) !important; background: var(--dm-surface) !important; box-shadow: 0 8px 28px rgba(0,0,0,.055) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] #observationCategoryTabs.logs-status-tabs { border-bottom: 1px solid var(--dm-border) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] #observationCategoryTabs.logs-status-tabs button { border: 0 !important; border-bottom: 2px solid transparent !important; color: var(--dm-muted) !important; background: transparent !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] #observationCategoryTabs.logs-status-tabs button.active { color: var(--dm-green) !important; border-bottom-color: var(--dm-greenBorder) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] .logs-filter-row { border-bottom: 1px solid var(--dm-border) !important; background: var(--dm-surface) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] .logs-filter-row select,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] .logs-filter-row input { border: 1px solid var(--dm-border) !important; color: var(--dm-text) !important; background: var(--dm-mutedSurface) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] .logs-search-control { border: 1px solid var(--dm-border); color: var(--dm-muted); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] .logs-search-control:focus-within { border-color: var(--dm-greenBorder); box-shadow: 0 0 0 1px #15803d; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] .logs-search-control input { border: 0 !important; outline: 0; background: transparent !important; box-shadow: none !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] .logs-table th { color: var(--dm-muted) !important; background: var(--dm-surface) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] .logs-table td { color: var(--dm-text) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] .logs-row:hover td { background: var(--dm-surface) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] .logs-avatar { border: 0 !important; color: var(--logs-avatar-color) !important; background: var(--logs-avatar-bg) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] .logs-cell-primary { color: var(--dm-text) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] .logs-cell-secondary { color: var(--dm-muted) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] .logs-badge.expired { border-color: var(--dm-redBorder); color: var(--dm-red); background: var(--dm-redSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] .database-footer { background: var(--dm-surface) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] .pagination-lite .mini-button.active { color: var(--dm-green); border-color: var(--dm-greenBorder); background: var(--dm-greenSoft); } /* schedule-presets.css */:root[data-appearance="dark"]:has(body.is-authenticated) #presetModal.modal-backdrop { background: rgba(42, 52, 67, .58) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) #presetModal .preset-modal-card { border: 1px solid var(--dm-border) !important; color: var(--dm-text); background: var(--dm-raised) !important; box-shadow: 0 26px 64px rgba(0,0,0,.24) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) #presetModal .preset-modal-header { border-bottom: 1px solid var(--dm-border) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) #presetModal .preset-modal-header-icon { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) #presetModal .preset-modal-header .kicker { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) #presetModal .preset-modal-header h3 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) #presetModal .preset-modal-header p:last-child { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) #presetModal #closePresetModal { border: 1px solid var(--dm-border) !important; color: var(--dm-text) !important; background: var(--dm-surface) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) #presetModal #closePresetModal:hover { border-color: var(--dm-border) !important; background: var(--dm-surface) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) #presetModal .preset-modal-body { background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) #presetModal .preset-modal-section { border: 1px solid var(--dm-border); border-top: 3px solid var(--dm-greenBorder); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) #presetModal .preset-section-heading { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) #presetModal .preset-section-heading > span { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) #presetModal .preset-section-heading h4 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) #presetModal .preset-section-heading p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) #presetModal .preset-modal-list { scrollbar-color: var(--dm-raised) transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) #presetModal .preset-modal-row { border: 0; border-bottom: 1px solid var(--dm-border); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) #presetModal .preset-modal-row:last-child { border-bottom: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) #presetModal .preset-row-icon { color: var(--dm-green); background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) #presetModal .preset-row-copy strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) #presetModal .preset-row-copy span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) #presetModal .preset-row-copy small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) #presetModal .preset-row-actions .mini-button { border: 1px solid var(--dm-border); color: var(--dm-blue); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) #presetModal .preset-row-actions .mini-button.danger { border-color: var(--dm-redBorder); color: var(--dm-red); background: var(--dm-redSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) #presetModal .preset-row-actions .mini-button:hover { background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) #presetModal .preset-modal-form .field > span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) #presetModal .preset-modal-form input[type="text"],
:root[data-appearance="dark"]:has(body.is-authenticated) #presetModal .preset-modal-form input[type="time"] { border: 1px solid var(--dm-border); color: var(--dm-text); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) #presetModal .preset-modal-form input:focus { border-color: var(--dm-greenBorder); outline: 3px solid color-mix(in srgb, var(--dm-greenBorder) 11%, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) #presetModal .preset-modal-form .form-help { border: 1px solid var(--dm-border); color: var(--dm-text); background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) #presetModal .preset-modal-form .form-help svg { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) #presetModal .preset-active-check { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) #presetModal .preset-active-check input { accent-color: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) #presetModal .preset-active-check strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) #presetModal .preset-active-check small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) #presetModal .preset-modal-footer { border-top: 1px solid var(--dm-border); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) #presetModal .preset-modal-footer .button.primary { border-color: var(--dm-greenBorder) !important; color: var(--dm-onBrand) !important; background: var(--dm-greenFill) !important; box-shadow: 0 8px 18px rgba(0,0,0,.16); }:root[data-appearance="dark"]:has(body.is-authenticated) #presetModal .preset-modal-footer .button.primary:hover { background: var(--dm-greenFill) !important; } /* schedule-cards.css */:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-kpi { border: 1px solid var(--dm-border) !important; background: var(--dm-surface) !important; box-shadow: 0 8px 18px rgba(0,0,0,.045) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-kpi::before { background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-kpi.red::before { background: var(--dm-redFill); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-icon,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-kpi.red .schedule-v2-icon,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-kpi.orange .schedule-v2-icon { border: 0 !important; color: var(--dm-green) !important; background: transparent !important; box-shadow: none !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-kpi.red .schedule-v2-icon { color: var(--dm-red) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-kpi p { color: var(--dm-text) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-kpi strong { color: var(--dm-text) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-kpi small,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-kpi em { color: var(--dm-muted) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-v2-kpi .soft-link { color: var(--dm-green) !important; }:root[data-appearance="dark"]:has(body.is-authenticated)[data-sidebar-state] body.is-authenticated[data-active-view="schedule"] #scheduleView.active.schedule-fullscreen-shell { background: var(--dm-raised) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"].schedule-my-mode #myScheduleList .schedule-v2-day-heading { border: 0; background: transparent; color: inherit; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"].schedule-my-mode #myScheduleList .schedule-v2-day-heading > span strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"].schedule-my-mode #myScheduleList .schedule-v2-day-heading > span small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"].schedule-my-mode #myScheduleList .schedule-v2-day-heading > b { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"].schedule-my-mode #myScheduleList .schedule-v2-day-heading:focus-visible { outline: 2px solid color-mix(in srgb, var(--dm-greenBorder) 55.00000000000001%, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"].schedule-my-mode #myScheduleList .my-schedule-availability strong,
:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"].schedule-my-mode #myScheduleList .my-schedule-availability small { color: inherit; }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"].schedule-my-mode #myScheduleList button.schedule-v2-shift-card { border: 0; border-left: 3px solid var(--dm-greenBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"].schedule-my-mode #myScheduleList button.schedule-v2-shift-card:focus-visible { outline: 2px solid color-mix(in srgb, var(--dm-greenBorder) 55.00000000000001%, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-loading-state { color: var(--dm-text); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-loading-spinner { border: 3px solid var(--dm-border); border-top-color: var(--dm-greenBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-loading-state strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-loading-state small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] #scheduleModeRow.schedule-v2-tabs-row { border-bottom: 1px solid var(--border, var(--dm-border)) !important; background: transparent !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] #scheduleModeTabs .status-tab { border: 0 !important; border-bottom: 2px solid transparent !important; color: var(--dm-muted) !important; background: transparent !important; box-shadow: none !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] #scheduleModeTabs .status-tab:hover { color: var(--dm-text) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] #scheduleModeTabs .status-tab.active,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] #scheduleModeTabs .status-tab[aria-selected="true"] { border-bottom-color: var(--brand, var(--dm-greenBorder)) !important; color: var(--brand-strong, var(--dm-green)) !important; background: transparent !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] #scheduleModeTabs .status-tab:focus-visible { outline: 2px solid color-mix(in srgb, var(--dm-greenBorder) 28.000000000000004%, transparent) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] #scheduleWeekRow.schedule-v2-week-row { border: 0 !important; background: transparent !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] .schedule-week-range-control { border: 1px solid var(--border-strong, var(--dm-border)) !important; background: var(--dm-surface) !important; box-shadow: 0 2px 7px rgba(0,0,0,.035) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] #schedulePrevWeek,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] #scheduleNextWeek,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] .schedule-v2-week-label { border: 0 !important; background: var(--dm-surface) !important; box-shadow: none !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] #schedulePrevWeek,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] #scheduleNextWeek { color: var(--dm-text) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] #schedulePrevWeek:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] #scheduleNextWeek:hover { color: var(--brand-strong, var(--dm-green)) !important; background: var(--brand-soft, var(--dm-greenSoft)) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] .schedule-v2-week-label { border-inline: 1px solid var(--border, var(--dm-border)) !important; color: var(--dm-text) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] .schedule-v2-week-label svg { color: var(--dm-muted) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] #scheduleCurrentWeek,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] #scheduleLocationSelect,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] #scheduleOptionsButton { border: 1px solid var(--border-strong, var(--dm-border)) !important; color: var(--dm-text) !important; background: var(--dm-surface) !important; box-shadow: 0 2px 7px rgba(0,0,0,.035) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] #scheduleCurrentWeek:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] #scheduleOptionsButton:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] #scheduleOptionsButton[aria-expanded="true"] { border-color: var(--dm-greenBorder) !important; color: var(--brand-strong, var(--dm-green)) !important; background: var(--dm-surface) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] #locationScheduleSummary .schedule-v2-kpi { border: 1px solid var(--border, var(--dm-border)) !important; background: var(--dm-surface) !important; box-shadow: 0 5px 14px rgba(0,0,0,.05) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] #locationScheduleSummary .schedule-v2-kpi::before { background: var(--brand, var(--dm-greenFill)) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] #locationScheduleSummary .schedule-v2-kpi.red::before { background: var(--danger, var(--dm-redFill)) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] #locationScheduleSummary .schedule-v2-icon,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] #locationScheduleSummary .schedule-v2-kpi.red .schedule-v2-icon { border: 0 !important; color: var(--brand, var(--dm-green)) !important; background: var(--brand-soft, var(--dm-greenSoft)) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] #locationScheduleSummary .schedule-v2-kpi.red .schedule-v2-icon { color: var(--danger, var(--dm-red)) !important; background: var(--danger-soft, var(--dm-redSoft)) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] #locationScheduleSummary .schedule-v2-kpi p { color: var(--dm-text) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] #locationScheduleSummary .schedule-v2-kpi strong { color: var(--dm-text) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] #locationScheduleSummary .schedule-v2-kpi small { color: var(--dm-muted) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] #scheduleView .schedule-v2-team-card { border: 1px solid var(--border-strong, var(--dm-border)) !important; background: var(--dm-surface) !important; box-shadow: 0 5px 16px rgba(0,0,0,.055) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] #scheduleView .schedule-grid { border: 0 !important; background: var(--dm-surface) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] .schedule-grid-header { border: 0 !important; border-right: 1px solid color-mix(in srgb, var(--dm-border) 22%, transparent) !important; border-bottom: 1px solid var(--dm-greenBorder) !important; color: var(--dm-onBrand) !important; background: var(--dm-greenFill) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] .schedule-grid > .schedule-grid-header:nth-child(9) { border-right: 0 !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] .schedule-grid-header strong { color: var(--dm-onBrand) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] .schedule-grid-header small { color: color-mix(in srgb, var(--dm-onBrand) 92%, transparent) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] .schedule-grid > :nth-child(9n + 1) { box-shadow: 1px 0 0 var(--border, #e1e8e3) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] #scheduleView .schedule-employee-row > .schedule-employee-cell,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] #scheduleView .schedule-total-label { box-shadow: 1px 0 0 var(--border, #e1e8e3) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] .schedule-employee-cell,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] .schedule-day-cell,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] .schedule-total-cell,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] .schedule-total-label { border: 0 !important; border-right: 1px solid var(--border, var(--dm-border)) !important; border-bottom: 1px solid var(--border, var(--dm-border)) !important; background: var(--dm-surface) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] #scheduleView .schedule-employee-row.is-alternate > .schedule-employee-cell,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] #scheduleView .schedule-employee-row.is-alternate > .schedule-day-cell,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] #scheduleView .schedule-employee-row.is-alternate > .schedule-total-cell { background: var(--dm-surface) !important; }@media (hover: hover) and (pointer: fine) {:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] #scheduleView .schedule-employee-row:hover > .schedule-employee-cell,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] #scheduleView .schedule-employee-row:hover > .schedule-day-cell,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] #scheduleView .schedule-employee-row:hover > .schedule-total-cell { background: var(--dm-raised) !important; } }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] #scheduleView .schedule-employee-row:focus-within > .schedule-employee-cell,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] #scheduleView .schedule-employee-row:focus-within > .schedule-day-cell,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] #scheduleView .schedule-employee-row:focus-within > .schedule-total-cell { background: var(--dm-raised) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] .schedule-employee-cell:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] .schedule-employee-cell:focus-visible { background: var(--dm-surface) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] .schedule-employee-cell strong { color: var(--dm-text) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] .schedule-employee-cell span { color: var(--dm-muted) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] .schedule-day-cell:hover { background: var(--dm-surface) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] .schedule-cell-action:focus-visible { outline: 2px solid color-mix(in srgb, var(--dm-greenBorder) 80%, transparent) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] #scheduleView .shift-pill,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] #scheduleView .schedule-v2-availability,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] #scheduleView .schedule-off-marker { box-shadow: none !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] .shift-pill:hover { box-shadow: 0 2px 6px rgba(0,0,0,.07) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] .shift-pill:focus-visible { outline: 2px solid color-mix(in srgb, var(--dm-greenBorder) 55.00000000000001%, transparent) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] .shift-pill.scheduled { border-color: color-mix(in srgb, var(--shift-color, #237A50) 45%, var(--dm-border)) !important; border-left-color: var(--shift-color, var(--dm-greenBorder)) !important; background: color-mix(in srgb, var(--shift-color, #237A50) 15%, var(--dm-surface)) !important; color: var(--shift-text-color, var(--dm-green)) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] .shift-pill.open { border-color: var(--dm-blueBorder) !important; border-left-color: var(--dm-blueBorder) !important; background: var(--dm-blueSoft) !important; color: var(--dm-blue) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] .shift-pill.pending { border-color: var(--dm-orangeBorder) !important; border-left-color: var(--dm-orangeBorder) !important; background: var(--dm-orangeSoft) !important; color: var(--dm-orange) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] .shift-pill.has-conflict { border: 1px solid var(--dm-redBorder) !important; border-left: 3px solid var(--danger, var(--dm-redBorder)) !important; background: var(--danger-soft, var(--dm-redSoft)) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] .schedule-v2-availability.cannot-work,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] .schedule-v2-availability.unavailable { border-color: var(--dm-redBorder) !important; border-left-color: var(--danger, var(--dm-redBorder)) !important; background: var(--danger-soft, var(--dm-redSoft)) !important; color: var(--dm-red) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] .schedule-v2-availability.prefer-off { border-color: var(--dm-purpleBorder) !important; border-left-color: var(--dm-purpleBorder) !important; background: var(--dm-purpleSoft) !important; color: var(--dm-purple) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] .schedule-off-marker { border-color: var(--dm-border) !important; border-left-color: var(--dm-border) !important; background: var(--dm-surface) !important; color: var(--dm-muted) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] .no-shift { color: var(--dm-muted) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] .schedule-total-cell { color: var(--brand-strong, var(--dm-green)) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] .schedule-total-label,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] .schedule-week-total { background: var(--dm-surface) !important; border-bottom: 0 !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] .schedule-total-label { color: var(--dm-text) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] .schedule-grand-total { border-right: 0 !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] .schedule-grand-total small { color: var(--dm-text) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] .schedule-grand-total strong { color: var(--brand-strong, var(--dm-green)) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] .schedule-legend { border-top: 1px solid var(--border, var(--dm-border)) !important; color: var(--dm-muted) !important; background: var(--dm-surface) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] .legend-dot,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] .legend-badge { border: 0 !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] .legend-dot.scheduled { background: var(--dm-greenFill) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] .legend-dot.open { background: var(--dm-blueFill) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] .legend-dot.pending { background: var(--dm-orangeFill) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] .legend-badge.cannot-work { background: var(--dm-redFill) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] .legend-badge.prefer-off { background: var(--dm-purpleFill) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] .legend-badge.off { background: var(--dm-mutedSurface) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] .legend-dash { color: var(--dm-muted) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) .availability-week-pause { border: 1px solid var(--border, var(--dm-border)); background: var(--surface, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] .schedule-kpi-card-action { border: 0; background: transparent; color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] .schedule-kpi-card-action:hover { background: color-mix(in srgb, var(--dm-greenFill) 5%, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] .schedule-kpi-card-action:focus-visible { outline: 2px solid var(--dm-greenBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="schedule"] .schedule-v2-availability.limited-hours { border-color: var(--dm-partialRedBorder) !important; border-left-color: var(--dm-partialRedBorder) !important; background: var(--dm-partialRedSoft) !important; color: var(--dm-partialRed) !important; } /* metric-card-parity.css */:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.active .task-metric-card.green::before,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-card.green::before { background: var(--dm-greenFill) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="workflow"] #workflowView.active .task-metric-icon,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-icon { border: 0 !important; background: transparent !important; box-shadow: none !important; } /* checklists-workspace.css */:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-notice { background: var(--dm-redSoft); border: 1px solid var(--dm-redBorder); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-kpis article,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-detail-summary article { background: var(--dm-surface); border: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-kpis article > svg,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-detail-summary article > svg { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-kpis span,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-detail-summary span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-kpis strong,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-detail-summary strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-kpis small,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-detail-summary small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-tabs { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-tabs button { background: transparent; border: 0; border-bottom: 2px solid transparent; color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-tabs button.active { border-bottom-color: var(--dm-greenBorder); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-tabs button span { background: var(--dm-raised); color: inherit; }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-workspace-card { background: var(--dm-surface); border: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-run-card { border: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-run-card > p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-card-heading > svg { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-run-card dl { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-run-card dt { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-status.success { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-status.warning { background: var(--dm-orangeSoft); color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-status.danger { background: var(--dm-redSoft); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-status.neutral { background: var(--dm-blueSoft); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-lock { color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-empty { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-empty > svg { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-empty strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-toolbar select,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-toolbar input { border: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-search svg { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-table th,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-table td,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-analytics-grid th,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-analytics-grid td { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-table th,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-analytics-grid th { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-table td small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-pagination { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-template-list > article { border: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-template-list p,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-template-list small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-analytics-grid > article { border: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-trend-bars span { background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-trend-bars small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-skeleton { background: var(--dm-mutedSurface); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-builder > header,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-completion > header,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-detail > header { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-builder-layout > aside { background: var(--dm-surface); border-right: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-page-list button { background: transparent; border: 1px solid transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-page-list button.active { background: var(--dm-greenSoft); border-color: var(--dm-greenBorder); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-builder-settings.compact-grid { background: var(--dm-surface); border: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-draft-recovery { background: var(--dm-orangeSoft); border: 1px solid var(--dm-orangeBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-draft-recovery p { color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-config-help-button { background: transparent; border: 0; color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-config-help-button:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-config-help-button:focus-visible { background: var(--dm-greenSoft); color: var(--dm-green); outline: 2px solid transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-config-tooltip-layer { border: 1px solid color-mix(in srgb, var(--dm-border) 12%, transparent); background: var(--dm-mutedSurface); box-shadow: 0 14px 34px rgba(0,0,0,.28); color: var(--dm-onBrand); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-builder-targeting { border: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-weekdays { border: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-target-grid fieldset { border: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-question-editor { border: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-question-drag { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-question-drag button { background: transparent; border: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-question-rules { background: var(--dm-surface); border: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-logic-guide { background: var(--dm-greenSoft); border-left: 3px solid var(--dm-greenBorder); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-action-choices { border: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-question-rules :is(input, select):disabled { background: var(--dm-mutedSurface); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-builder > footer,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-completion > footer { border-top: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-progress > div { background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-progress > div span { background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-response-field { border: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-response-field legend { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-response-field > p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-response-field > input,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-response-field > textarea { border: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-choice-row span,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-choice-list span,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-rating span { border: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-choice-row input:focus + span,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-choice-list input:focus + span,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-rating input:focus + span { box-shadow: 0 0 0 3px rgba(0,0,0,.18); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-choice-row input:checked + span,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-choice-list input:checked + span,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-rating input:checked + span { background: var(--dm-greenSoft); border-color: var(--dm-greenBorder); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-upload { border: 1px dashed var(--dm-border); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-photo-strip button { background: var(--dm-surface); border: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-overall-photos { border-top: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-detail > main > aside { background: var(--dm-surface); border-left: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-detail-pages article { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-detail-pages article.flagged { background: var(--dm-orangeSoft); border: 1px solid var(--dm-orangeBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-detail > main > aside section,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-detail > main > aside details { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-comments article { background: var(--dm-surface); border: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-comments time { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-audit time { color: var(--dm-muted); }@media (max-width: 720px) {:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-builder-layout > aside { border-bottom: 1px solid var(--dm-border); border-right: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-detail > main > aside { border-left: 0; border-top: 1px solid var(--dm-border); } }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="checklists"] { --checklist-green: var(--dm-greenFill); --checklist-green-dark: var(--dm-greenFill); --checklist-green-soft: var(--dm-greenSoft); --checklist-text: var(--dm-text); --checklist-muted: var(--dm-muted); --checklist-border: var(--dm-border); --checklist-shadow: 0 8px 28px rgba(0,0,0,.055); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="checklists"] .main { background: var(--checklist-canvas); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-kpis article,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-detail-summary article { border-color: var(--checklist-border); box-shadow: var(--checklist-shadow); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-kpis article::before,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-detail-summary article::before { background: var(--tone-color, var(--dm-greenFill)); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-kpis article.tone-blue { --tone-color: var(--dm-blue); --tone-soft: var(--dm-blueSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-kpis article.tone-violet { --tone-color: var(--dm-purple); --tone-soft: var(--dm-purpleSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-kpis article.tone-orange { --tone-color: var(--dm-orange); --tone-soft: var(--dm-orangeSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-kpis article > svg,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-detail-summary article > svg { color: var(--tone-color, var(--dm-green)); background: var(--tone-soft, var(--checklist-green-soft)); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-kpis span,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-detail-summary span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-content-shell { border: 1px solid var(--checklist-border); background: var(--dm-surface); box-shadow: var(--checklist-shadow); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-tabs { border-bottom: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-tabs button { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-tabs button.active { color: var(--dm-green); border-bottom-color: var(--dm-greenBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-tabs button span { background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-tabs button.active span { background: var(--checklist-green-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-workspace-card { border: 0; background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-section-heading > .checklist-section-icon { color: var(--dm-green); background: var(--checklist-green-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-section-heading span { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-section-heading h3 { color: var(--checklist-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-section-heading p { color: var(--checklist-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-section-heading > strong { color: var(--dm-muted); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-run-card { --card-accent: var(--dm-green); border-color: var(--checklist-border); background: var(--dm-surface); box-shadow: 0 3px 12px rgba(0,0,0,.05); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-run-card::before,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-template-list > article::before { background: var(--card-accent); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-run-card.tone-warning,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-template-list > article.tone-warning { --card-accent: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-run-card.tone-danger,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-template-list > article.tone-danger { --card-accent: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-run-card.tone-neutral,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-template-list > article.tone-neutral { --card-accent: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-run-card:hover { border-color: var(--dm-border); box-shadow: 0 9px 24px rgba(0,0,0,.09); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-run-icon,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-template-icon { color: var(--card-accent); background: color-mix(in srgb, var(--card-accent) 9%, var(--dm-surface)); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-run-copy h3 { color: var(--checklist-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-run-copy > p { color: var(--checklist-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-run-location { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-run-card dl { border-top: 1px solid var(--dm-border); border-bottom: 1px solid var(--dm-border); background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-run-card dt { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-run-card dd { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-toolbar { border-top: 1px solid var(--dm-border); border-bottom: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-toolbar select,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-toolbar input { border-color: var(--checklist-border); color: var(--dm-text); background: var(--dm-mutedSurface); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-table th { color: var(--dm-muted); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-table td { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-table tbody tr:hover td { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-pagination { border-top: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-template-list > article { --card-accent: var(--dm-green); border-color: var(--checklist-border); box-shadow: 0 3px 12px rgba(0,0,0,.045); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-analytics-grid > article { border-color: var(--checklist-border); background: var(--dm-surface); box-shadow: 0 3px 12px rgba(0,0,0,.045); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-analytics-grid h4 { color: var(--checklist-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-builder,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-completion,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-detail { border: 1px solid var(--dm-border); background: var(--dm-surface); box-shadow: 0 24px 70px rgba(0,0,0,.2); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-builder > header,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-completion > header,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-detail > header { border-bottom-color: var(--dm-border); background: linear-gradient(105deg, var(--dm-surface), var(--dm-surface)); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-modal-title > span { color: var(--dm-green); background: var(--checklist-green-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-modal-title .kicker { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-modal-title h2 { color: var(--checklist-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-modal-title p:last-child { color: var(--checklist-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-builder-layout { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-builder-layout > aside { background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-builder-layout > aside h3 { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-page-list button { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-page-list button.active { border-color: var(--dm-greenBorder); color: var(--dm-green); background: var(--dm-surface); box-shadow: 0 3px 10px rgba(0,0,0,.06); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-builder-layout > main { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-builder-settings:not(.compact-grid) { border: 1px solid var(--checklist-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-builder-section-heading > span { color: var(--dm-green); background: var(--checklist-green-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-builder-section-heading h3 { color: var(--checklist-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-builder-section-heading p { color: var(--checklist-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-builder-settings.compact-grid { border-color: var(--checklist-border); background: var(--dm-surface); box-shadow: 0 3px 12px rgba(0,0,0,.035); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-builder .field > span,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-builder .field > .checklist-config-label,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-builder .check { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-builder .field :is(input, select, textarea) { border-color: var(--dm-border); color: var(--dm-text); background: var(--dm-mutedSurface); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-builder-targeting { border-color: var(--checklist-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-builder-targeting > summary { border-bottom: 1px solid transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-builder-targeting[open] > summary { border-bottom-color: var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-builder-targeting summary span { color: var(--checklist-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-builder-targeting summary svg { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-builder-targeting summary small { color: var(--checklist-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-target-grid fieldset { border-color: var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-page-editor { border: 1px solid var(--checklist-border); background: var(--dm-surface); box-shadow: 0 3px 12px rgba(0,0,0,.035); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-page-title { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-question-editor { border-color: var(--checklist-border); background: var(--dm-surface); box-shadow: 0 2px 8px rgba(0,0,0,.035); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-question-editor::before { background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-question-drag { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-question-rules { border-color: var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-question-rules summary { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-builder > footer,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-completion > footer { background: var(--dm-surface); box-shadow: 0 -6px 18px rgba(0,0,0,.035); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-progress { border-bottom: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-completion > main { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-completion-page-header > span { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-completion-page-header h3 { color: var(--checklist-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-completion-page-header p { color: var(--checklist-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-response-field { border-color: var(--checklist-border); background: var(--dm-surface); box-shadow: 0 3px 12px rgba(0,0,0,.04); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-response-field legend { color: var(--checklist-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-choice-row span,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-choice-list span,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-rating span { border-color: var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-detail-summary { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-detail-summary article { box-shadow: 0 3px 12px rgba(0,0,0,.04); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-detail-pages { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-detail-pages > section > h3 { color: var(--checklist-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-detail-pages article { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-detail > main > aside { background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-detail > main > aside section,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-detail > main > aside details { border: 1px solid var(--checklist-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-anytime-note { border: 1px solid var(--dm-greenBorder); background: linear-gradient(135deg, var(--dm-greenSoft) 0%, var(--dm-surface) 100%); color: var(--checklist-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-anytime-note > span { background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-anytime-note p { color: var(--checklist-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-anytime-note small { border: 1px solid var(--dm-greenBorder); background: var(--dm-surface); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-settings-group-title { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-settings-group-title span { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-settings-group-title small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-builder-errors { border: 1px solid var(--dm-redBorder); color: var(--dm-red); background: var(--dm-redSoft); box-shadow: 0 4px 14px rgba(0,0,0,.045); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-builder-errors > span { color: var(--dm-red); background: var(--dm-redSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) [data-checklist-saved-at][data-tone="pending"] { color: var(--dm-orange); background: var(--dm-orangeSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) [data-checklist-saved-at][data-tone="saving"] { color: var(--dm-muted); background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) [data-checklist-saved-at][data-tone="saved"] { color: var(--dm-green); background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) [data-checklist-saved-at][data-tone="error"] { color: var(--dm-red); background: var(--dm-redSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-action-dialog-icon.danger { color: var(--dm-red); background: var(--dm-redSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-action-dialog .button.danger { border-color: var(--dm-redBorder); color: var(--dm-onBrand); background: var(--dm-redFill); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-action-dialog .button.danger:hover { background: var(--dm-redFill); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-response-field { border-color: var(--dm-border); background: linear-gradient(135deg, var(--dm-surface) 0%, var(--dm-surface) 100%); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-response-field:focus-within { border-color: var(--dm-greenBorder); box-shadow: 0 0 0 3px rgba(0,0,0,.07), 0 8px 22px rgba(0,0,0,.055); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-detail > main > aside > section,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-detail > main > aside > details { border: 1px solid var(--dm-border); background: var(--dm-surface); box-shadow: 0 4px 14px rgba(0,0,0,.035); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-detail > main > aside { background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-local-loading { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-local-loading strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-local-loading small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-spinner { border: 2px solid currentColor; border-right-color: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-local-loading .checklist-spinner { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-upload.is-uploading { color: var(--dm-muted); background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) #checklistsView :is(input, select, textarea):focus-visible,
:root[data-appearance="dark"]:has(body.is-authenticated) #checklistsModalHost :is(input, select, textarea):focus-visible,
:root[data-appearance="dark"]:has(body.is-authenticated) #checklistsModalHost summary:focus-visible { border-color: var(--dm-greenBorder); outline: 3px solid color-mix(in srgb, var(--dm-greenBorder) 14.000000000000002%, transparent); }@media (max-width: 720px) {:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-builder,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-completion,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-detail { border: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-detail-summary { scrollbar-color: var(--dm-mutedSurface) transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-detail-summary::-webkit-scrollbar-thumb { background: var(--dm-mutedSurface); } }:root[data-appearance="dark"]:has(body.is-authenticated) #checklistsView .button.subtle,
:root[data-appearance="dark"]:has(body.is-authenticated) #checklistsModalHost .button.subtle { border-color: var(--dm-border); color: var(--dm-green); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) #checklistsView .button.subtle:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) #checklistsModalHost .button.subtle:hover { border-color: var(--dm-greenBorder); color: var(--dm-green); background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) #checklistsView :is(input, select, textarea):focus,
:root[data-appearance="dark"]:has(body.is-authenticated) #checklistsModalHost :is(input, select, textarea):focus { border-color: var(--dm-greenBorder) !important; outline: 3px solid color-mix(in srgb, var(--dm-greenBorder) 12%, transparent) !important; box-shadow: none !important; }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-builder-backdrop,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-completion-backdrop,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-detail-backdrop { background: rgba(22, 34, 28, .54); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-builder > header,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-completion > header,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-detail > header { background: linear-gradient(120deg, var(--dm-surface) 0%, var(--dm-surface) 58%); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-builder-section-heading > span,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-modal-title > span { border: 1px solid var(--dm-border); background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-builder-settings.compact-grid,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-page-editor,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-question-editor,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-response-field,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-detail-pages article { box-shadow: 0 5px 18px rgba(0,0,0,.045); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-question-rules[open] { border-color: var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-question-rules[open] > summary { color: var(--dm-green); background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-scoring-setup { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-scoring-setup.is-enabled { border-color: var(--dm-greenBorder); background: linear-gradient(135deg, var(--dm-greenSoft), var(--dm-surface)); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-scoring-setup-icon,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-scoring-editor-heading > span { color: var(--dm-green); background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-scoring-setup .check { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-scoring-setup p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-scoring-setup-controls { border-top: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-scoring-setup-controls > div:last-child { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-scoring-setup-controls > div:last-child strong { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-percent-input small { border: 1px solid var(--dm-border); border-left: 0; color: var(--dm-muted); background: var(--dm-mutedSurface); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-scoring-editor { border: 1px solid var(--dm-greenBorder); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-scoring-editor.is-disabled { border-color: var(--dm-border); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-scoring-editor-heading strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-scoring-editor-heading p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-scoring-weight { background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-weight-example { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-weight-example strong { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-answer-points > label { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-answer-points > label > span,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-number-score-row label > span { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-answer-points small { border: 1px solid var(--dm-border); border-left: 0; color: var(--dm-muted); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-score-empty { color: var(--dm-muted); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-completion > main { background: linear-gradient(180deg, var(--dm-raised), var(--dm-surface)); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-response-field { border-color: var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-response-field::before { background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-choice-row input:checked + span,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-choice-list input:checked + span,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-rating input:checked + span { border-color: var(--dm-greenBorder); color: var(--dm-green); background: var(--dm-greenSoft); box-shadow: 0 0 0 2px rgba(0,0,0,.09); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-explanation { border-top: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-submission-controls { border-top: 1px solid var(--dm-border); border-bottom: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-submission-filter-grid > label > span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-submission-filter-grid :is(input, select) { border: 1px solid var(--dm-border); color: var(--dm-text); background: var(--dm-mutedSurface); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-flag-filter { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-flag-filter > span { color: var(--dm-text) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-submission-actions { border-top: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-table-location svg,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-review-state svg { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-score-cell strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-score-cell > span { background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-score-cell > span i { background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-score-none { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-review-state { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-review-state.has-flags,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-review-state.has-flags svg { color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-detail-summary article.tone-red > svg { color: var(--dm-red); background: var(--dm-redSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-detail-summary article.tone-orange > svg { color: var(--dm-orange); background: var(--dm-orangeSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-detail-summary article.tone-neutral > svg { color: var(--dm-muted); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-detail-pages > section { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-detail-question > span:first-child { color: var(--dm-green); background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-detail-question small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-detail-response { border-left: 3px solid var(--dm-greenBorder); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-detail-response > span,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-detail-note span,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-detail-answer-score > span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-detail-response p,
:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-detail-note p { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-detail-note { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-detail-note > svg { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-detail-answer-score { border-top: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-detail-answer-score strong { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-detail-answer-score strong small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-action-dialog-backdrop { background: rgba(20, 31, 25, .55); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-action-dialog { border: 1px solid var(--dm-border); background: var(--dm-surface); box-shadow: 0 24px 70px rgba(0,0,0,.24); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-action-dialog-icon { color: var(--dm-green); background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-action-dialog > div:nth-child(2) > span { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-action-dialog h3 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .checklist-action-dialog p { color: var(--dm-muted); } /* announcements-workspace.css */:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="announcements"] .announcement-kpi { border: 1px solid var(--dm-border); border-left: 4px solid var(--dm-greenBorder); background: var(--dm-surface); box-shadow: 0 8px 22px rgba(0,0,0,0.045); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="announcements"] .announcement-kpi::after { background: linear-gradient(110deg, color-mix(in srgb, var(--dm-greenFill) 2.5%, transparent), transparent 44%); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="announcements"] .announcement-kpi.is-needs-ack { border-left-color: var(--dm-blueBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="announcements"] .announcement-kpi.is-needs-ack::after { background: linear-gradient(110deg, color-mix(in srgb, var(--dm-blueFill) 2.5%, transparent), transparent 44%); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="announcements"] .announcement-kpi.is-urgent { border-left-color: var(--dm-redBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="announcements"] .announcement-kpi.is-urgent::after { background: linear-gradient(110deg, color-mix(in srgb, var(--dm-redFill) 2.5%, transparent), transparent 44%); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="announcements"] .announcement-kpi.is-drafts { border-left-color: var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="announcements"] .announcement-kpi.is-drafts::after { background: linear-gradient(110deg, color-mix(in srgb, var(--dm-mutedSurface) 2.5%, transparent), transparent 44%); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="announcements"] .announcement-kpi i { border: 0; background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="announcements"] .announcement-kpi.is-needs-ack i { border: 0; background: var(--dm-blueSoft); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="announcements"] .announcement-kpi.is-urgent i { border: 0; background: var(--dm-redSoft); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="announcements"] .announcement-kpi.is-drafts i { border: 0; background: var(--dm-raised); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="announcements"] .announcement-kpi small { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="announcements"] .announcement-list-panel,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="announcements"] .announcement-detail-panel { border: 1px solid var(--dm-border); background: var(--dm-surface); box-shadow: 0 8px 22px rgba(0,0,0,0.045); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="announcements"] .announcement-list-panel .database-tabs { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="announcements"] .announcement-list-panel .database-tabs button { border: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="announcements"] .announcement-list-panel .database-tabs button:hover { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="announcements"] .announcement-list-panel .database-tabs button.active { border-bottom-color: var(--dm-greenBorder); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="announcements"] .announcement-filter-field input,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="announcements"] .announcement-filter-field select { border-color: var(--dm-border); background-color: var(--dm-mutedSurface); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="announcements"] .announcement-filter-field input:focus,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="announcements"] .announcement-filter-field select:focus { border-color: var(--dm-greenBorder); box-shadow: 0 0 0 3px rgba(0,0,0,0.1); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="announcements"] .announcement-list-card,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="announcements"] .announcement-card { border: 1px solid var(--dm-border); border-left: 3px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="announcements"] .announcement-list-card:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="announcements"] .announcement-card:hover { border-color: var(--dm-greenBorder); background: var(--dm-surface); box-shadow: 0 5px 14px rgba(0,0,0,0.07); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="announcements"] .announcement-list-card.is-selected,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="announcements"] .announcement-card.active { border-color: var(--dm-greenBorder); border-left-color: var(--dm-greenBorder); background: var(--dm-greenSoft); box-shadow: inset 0 0 0 1px rgba(0,0,0,0.04); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="announcements"] .announcement-list-card.is-important { border-left-color: var(--dm-orangeBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="announcements"] .announcement-list-card.is-urgent { border-left-color: var(--dm-redBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="announcements"] .announcement-list-card.is-archived { background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="announcements"] .announcement-card-top,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="announcements"] .announcement-card-meta { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="announcements"] .announcement-card strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="announcements"] .announcement-card-preview { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="announcements"] .announcement-card-meta i { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="announcements"] .announcement-priority.normal { border-color: var(--dm-greenBorder); background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="announcements"] .announcement-priority.important { border-color: var(--dm-orangeBorder); background: var(--dm-orangeSoft); color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="announcements"] .announcement-priority.urgent { border-color: var(--dm-redBorder); background: var(--dm-redSoft); color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="announcements"] .announcement-archived-label { background: var(--dm-raised); color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="announcements"] .announcement-detail-header { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="announcements"] .announcement-detail h3 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="announcements"] .announcement-detail-header p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="announcements"] .announcement-ack-state { border: 1px solid var(--dm-greenBorder); background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="announcements"] .announcement-detail-meta span { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="announcements"] .announcement-body { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="announcements"] .announcement-body blockquote { border-left-color: var(--dm-greenBorder); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="announcements"] .announcement-ack-panel { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="announcements"] .announcement-ack-summary span,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="announcements"] .announcement-ack-summary-cards article { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) #announcementModal,
:root[data-appearance="dark"]:has(body.is-authenticated) #announcementAckModal { background: color-mix(in srgb, var(--dm-mutedSurface) 46%, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) #announcementModal .announcement-modal,
:root[data-appearance="dark"]:has(body.is-authenticated) #announcementAckModal .announcement-ack-modal { border: 1px solid var(--dm-border); background: var(--dm-raised); box-shadow: 0 28px 80px rgba(0,0,0,0.24); }:root[data-appearance="dark"]:has(body.is-authenticated) #announcementModal .announcement-modal-header,
:root[data-appearance="dark"]:has(body.is-authenticated) #announcementAckModal .modal-header { border-bottom: 1px solid var(--dm-border); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) #announcementModal .announcement-modal-header h3,
:root[data-appearance="dark"]:has(body.is-authenticated) #announcementAckModal .modal-header h3 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) #announcementModal .announcement-modal-header .kicker,
:root[data-appearance="dark"]:has(body.is-authenticated) #announcementAckModal .modal-header .kicker { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) #announcementModal .announcement-modal-header p:not(.kicker),
:root[data-appearance="dark"]:has(body.is-authenticated) #announcementAckModal .modal-header p:not(.kicker) { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) #announcementModal .icon-button,
:root[data-appearance="dark"]:has(body.is-authenticated) #announcementAckModal .icon-button { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) #announcementModal .icon-button:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) #announcementAckModal .icon-button:hover { border-color: var(--dm-greenBorder); background: var(--dm-greenSoft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) #announcementModal .announcement-modal-body { background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) #announcementModal .announcement-form-section { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) #announcementModal .announcement-form-section .section-heading h3 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) #announcementModal .announcement-form-section .section-heading p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) #announcementModal .field > span,
:root[data-appearance="dark"]:has(body.is-authenticated) #announcementModal .check strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) #announcementModal .field input,
:root[data-appearance="dark"]:has(body.is-authenticated) #announcementModal .field select,
:root[data-appearance="dark"]:has(body.is-authenticated) #announcementModal .field .button { border-color: var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) #announcementModal .field input:focus,
:root[data-appearance="dark"]:has(body.is-authenticated) #announcementModal .field select:focus { border-color: var(--dm-greenBorder); box-shadow: 0 0 0 3px rgba(0,0,0,0.1); }:root[data-appearance="dark"]:has(body.is-authenticated) #announcementModal .announcement-editor-toolbar { border-color: var(--dm-border); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) #announcementModal .announcement-editor-button { border-color: var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) #announcementModal .announcement-editor { border-color: var(--dm-border); outline: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) #announcementModal .announcement-editor:focus { border-color: var(--dm-greenBorder); box-shadow: 0 0 0 3px rgba(0,0,0,0.08); }:root[data-appearance="dark"]:has(body.is-authenticated) #announcementModal .announcement-audience-picker section,
:root[data-appearance="dark"]:has(body.is-authenticated) #announcementModal .announcement-ack-card { border-color: var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) #announcementModal .announcement-audience-preview { border-color: var(--dm-greenBorder) !important; background: var(--dm-greenSoft) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) #announcementModal .announcement-check-grid label { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) #announcementModal .announcement-check-grid label:has(input:checked) { border-color: var(--dm-greenBorder); background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) #announcementModal .announcement-modal-footer { border-top: 1px solid var(--dm-border); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) #announcementAckModal .announcement-ack-modal-body { background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) #announcementAckModal .announcement-ack-table { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) #announcementAckModal .announcement-ack-table th { background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) #announcementAckModal .announcement-ack-table tr:last-child td { border-bottom: 0; } /* ui-consistency.css */:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated { --action-green: var(--brand, var(--dm-greenFill)); --action-green-dark: var(--brand-strong, var(--dm-greenFill)); --action-green-soft: var(--brand-soft, var(--dm-greenSoft)); --action-green-border: var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated .soft-link,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated .employee-card-link,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated .text-link,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated .my-time-head-action,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated .team-review-text-action { color: var(--dm-green) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated .soft-link:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated .soft-link:focus-visible,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated .employee-card-link:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated .employee-card-link:focus-visible,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated .text-link:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated .text-link:focus-visible,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated .my-time-head-action:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated .my-time-head-action:focus-visible,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated .team-review-text-action:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated .team-review-text-action:focus-visible { color: var(--dm-green) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated #refreshButton { border: 1px solid var(--action-green-border) !important; color: var(--dm-green) !important; background: var(--dm-surface) !important; box-shadow: none !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated #refreshButton:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated #refreshButton:focus-visible { border-color: var(--dm-greenBorder) !important; color: var(--dm-green) !important; background: var(--action-green-soft) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated #refreshButton svg { color: currentColor !important; }:root[data-appearance="dark"]:has(body.is-authenticated) .save-feedback { border: 1px solid var(--dm-border); background: var(--dm-greenSoft); color: var(--dm-green); box-shadow: 0 6px 24px rgba(0,0,0,.1); }:root[data-appearance="dark"]:has(body.is-authenticated) .save-feedback.is-error { background: var(--dm-redSoft); color: var(--dm-red); border-color: var(--dm-redBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) .save-feedback button { border: 0; background: transparent; color: inherit; }:root[data-appearance="dark"]:has(body.is-authenticated) .schedule-publication-notice { border: 1px solid var(--dm-orangeBorder); background: var(--dm-orangeSoft); color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated #reviewModal.observation-review .side-drawer { border: 1px solid var(--dm-border); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) #reviewModal.observation-review .modal-header { border-bottom: 1px solid var(--dm-border); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) #reviewModal.observation-review .kicker { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) #reviewModal.observation-review .review-acknowledgement { border: 1px solid var(--dm-border); background: var(--dm-raised); }:root[data-appearance="dark"]:has(body.is-authenticated) #reviewModal.observation-review .review-acknowledgement.is-complete { background: var(--dm-greenSoft); border-color: var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) #reviewModal.observation-review .review-ack-icon { background: var(--dm-surface); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) #reviewModal.observation-review .review-acknowledgement strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) #reviewModal.observation-review .review-acknowledgement p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) #reviewModal.observation-review .review-grid { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) #reviewModal.observation-review .review-grid > div { border: 0; background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) #reviewModal.observation-review .review-note { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) #reviewModal.observation-review .section-heading { border: 0; background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) #reviewModal.observation-review .mini-button,
:root[data-appearance="dark"]:has(body.is-authenticated) #reviewModal.observation-review .button { box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) #reviewModal.observation-review .mini-button { border: 1px solid var(--dm-border); background: var(--dm-surface); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) #reviewModal.observation-review .mini-button:hover { border-color: var(--dm-greenBorder); background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) #reviewModal.observation-review .empty-state { border: 0; background: transparent; box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) #reviewModal.observation-review .empty-state-icon { border: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) #reviewModal.observation-review #reviewCloseForm { border: 0; border-top: 1px solid var(--dm-border); background: var(--dm-surface); box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) #reviewModal.observation-review .upload-zone { background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) #scheduleOptionsButton.needs-publication::after { color: var(--dm-onBrand); background: var(--dm-redFill); }:root[data-appearance="dark"]:has(body.is-authenticated) #schedulePublishButton.needs-republish { background: var(--dm-redFill) !important; border-color: var(--dm-redBorder) !important; color: var(--dm-onBrand) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) #schedulePublishButton.needs-republish:hover { background: var(--dm-redFill) !important; } /* timecards-workspace.css */:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="timecards"] .time-attendance-header h1 { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="timecards"] .time-attendance-header p { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="timecards"] .time-attendance-period { border-color: var(--dm-border); box-shadow: 0 3px 12px rgba(0,0,0,.035); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="timecards"] .time-attendance-period-tools .icon-button:hover:not(:disabled) { color: var(--dm-green); border-color: var(--dm-greenBorder); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="timecards"] .time-attendance-tabs { border-bottom: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="timecards"] .time-attendance-tabs button { border: 0; border-bottom: 2px solid transparent; color: var(--dm-muted); background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="timecards"] .time-attendance-tabs button:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="timecards"] .time-attendance-tabs button.active { color: var(--dm-green); border-bottom-color: var(--dm-greenBorder); background: transparent; box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="timecards"] .timecard-summary-card { border: 1px solid var(--dm-border); border-left: 4px solid var(--dm-greenBorder); background: var(--dm-surface); box-shadow: 0 7px 20px rgba(0,0,0,.045); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="timecards"] button.timecard-summary-card:hover { border-color: var(--dm-greenBorder); border-left-color: var(--dm-greenBorder); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="timecards"] .timecard-summary-card.red { border-left-color: var(--dm-redBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="timecards"] .timecard-summary-card.amber { border-left-color: var(--dm-orangeBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="timecards"] .timecard-summary-card.purple { border-left-color: var(--dm-purpleBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="timecards"] .timecard-summary-card.blue { border-left-color: var(--dm-greenBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="timecards"] .timecard-summary-icon { color: var(--dm-green); background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="timecards"] .timecard-summary-card > span:not(.timecard-summary-icon) { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="timecards"] .timecard-summary-card > strong { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="timecards"] .timecard-toolbar { border: 0; background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="timecards"] .timecard-workspace { border-color: var(--dm-border); box-shadow: 0 8px 24px rgba(0,0,0,.04); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="timecards"] .timecard-workspace:has(.my-time-workspace),
:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="timecards"] .timecard-workspace:has(.timecard-analytics:not(.hidden)) { box-shadow: none; }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="timecards"] .my-time-panel { border-color: var(--dm-border); box-shadow: 0 6px 18px rgba(0,0,0,.035); }:root[data-appearance="dark"]:has(body.is-authenticated) body.is-authenticated[data-active-view="timecards"] .my-time-panel-head { background: var(--dm-surface); } /* onespot-pickers.css */:root[data-appearance="dark"]:has(body.is-authenticated) { --onespot-picker-surface: var(--surface, var(--dm-raised)); --onespot-picker-border: var(--border, var(--dm-border)); --onespot-picker-text: var(--text-primary, var(--dm-text)); --onespot-picker-muted: var(--text-secondary, var(--dm-muted)); --onespot-picker-shadow: 0 10px 28px rgba(0,0,0,.12); }:root[data-appearance="dark"]:has(body.is-authenticated) .onespot-picker-input { border: 1px solid var(--onespot-picker-border) !important; color: var(--onespot-picker-text) !important; background-color: var(--onespot-picker-surface) !important; }:root[data-appearance="dark"]:has(body.is-authenticated) .onespot-picker-input:focus,
:root[data-appearance="dark"]:has(body.is-authenticated) .onespot-picker-input[aria-expanded="true"] { border-color: var(--onespot-picker-active) !important; box-shadow: 0 0 0 3px rgba(0,0,0,.13) !important; outline: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) .onespot-picker-portal { color: var(--onespot-picker-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .onespot-picker-surface { border: 1px solid var(--onespot-picker-border); background: var(--onespot-picker-surface); box-shadow: var(--onespot-picker-shadow); }:root[data-appearance="dark"]:has(body.is-authenticated) .onespot-picker-month { border: 0; color: var(--onespot-picker-text); background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) .onespot-picker-button { border: 0; color: var(--onespot-picker-text); background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) .onespot-picker-button:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .onespot-picker-button:focus-visible,
:root[data-appearance="dark"]:has(body.is-authenticated) .onespot-month-option:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .onespot-month-option:focus-visible,
:root[data-appearance="dark"]:has(body.is-authenticated) .onespot-calendar-day:hover:not(:disabled),
:root[data-appearance="dark"]:has(body.is-authenticated) .onespot-calendar-day:focus-visible { background: var(--onespot-picker-hover); outline: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) .onespot-picker-button.icon-button { border: 1px solid transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) .onespot-calendar-weekdays { color: var(--onespot-picker-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .onespot-calendar-day { border: 1px solid transparent; color: var(--onespot-picker-text); background: transparent; }:root[data-appearance="dark"]:has(body.is-authenticated) .onespot-calendar-day.is-adjacent { color: var(--dm-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .onespot-calendar-day.is-today { border-color: var(--onespot-picker-active); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .onespot-calendar-day.is-selected { border-color: var(--onespot-picker-active); color: var(--dm-onBrand); background: var(--onespot-picker-active); }:root[data-appearance="dark"]:has(body.is-authenticated) .onespot-calendar-day.is-in-range { color: var(--dm-green); background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .onespot-calendar-day.is-disabled { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .onespot-calendar-day.is-focused { outline: 2px solid color-mix(in srgb, var(--dm-greenBorder) 35%, transparent); }:root[data-appearance="dark"]:has(body.is-authenticated) .onespot-picker-footer { border-top: 1px solid var(--dm-border); }:root[data-appearance="dark"]:has(body.is-authenticated) .onespot-picker-button.text-button { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .onespot-picker-button.apply-button { border: 1px solid var(--dm-greenBorder); color: var(--dm-onBrand); background: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) .onespot-month-year select { border: 1px solid var(--onespot-picker-border); color: var(--onespot-picker-text); background: var(--dm-mutedSurface); }:root[data-appearance="dark"]:has(body.is-authenticated) .onespot-month-option { border: 1px solid transparent; color: var(--onespot-picker-text); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .onespot-month-option.is-selected { border-color: var(--dm-greenBorder); color: var(--dm-green); background: var(--dm-greenSoft); }:root[data-appearance="dark"]:has(body.is-authenticated) .onespot-time-title { color: var(--dm-text); }:root[data-appearance="dark"]:has(body.is-authenticated) .onespot-time-unit { color: var(--onespot-picker-muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .onespot-time-stepper { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .onespot-time-stepper button { border: 0; color: var(--dm-green); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .onespot-time-stepper button:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .onespot-time-stepper button:focus-visible { color: var(--dm-onBrand); background: var(--dm-greenFill); outline: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) .onespot-time-stepper strong { border-inline: 1px solid var(--dm-border); color: var(--dm-green); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .onespot-time-colon { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .onespot-period-control { border: 1px solid var(--dm-border); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .onespot-period-control button { border: 0; color: var(--dm-muted); background: var(--dm-surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .onespot-period-control button:hover,
:root[data-appearance="dark"]:has(body.is-authenticated) .onespot-period-control button:focus-visible { color: var(--dm-green); background: var(--dm-greenSoft); outline: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) .onespot-period-control button.is-selected { color: var(--dm-onBrand); background: var(--dm-greenFill); box-shadow: inset 0 0 0 1px #066f31; } /* shift-requests.css */:root[data-appearance="dark"]:has(body.is-authenticated) .shift-requests-card { background: var(--surface); color: var(--ink); }:root[data-appearance="dark"]:has(body.is-authenticated) .shift-requests-card > .modal-header { border-bottom: 1px solid var(--line); }:root[data-appearance="dark"]:has(body.is-authenticated) .shift-requests-card .modal-header p { color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .shift-request-notice { background: var(--blue-soft); color: var(--ink); }:root[data-appearance="dark"]:has(body.is-authenticated) .shift-request-item { border: 1px solid var(--line); }:root[data-appearance="dark"]:has(body.is-authenticated) .shift-request-heading { background: var(--surface); color: var(--ink); border: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) .shift-request-heading small { color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .shift-request-summary,
:root[data-appearance="dark"]:has(body.is-authenticated) .shift-request-hours > div { background: var(--surface-soft); border: 1px solid var(--line); }:root[data-appearance="dark"]:has(body.is-authenticated) .shift-request-summary small,
:root[data-appearance="dark"]:has(body.is-authenticated) .shift-request-hours span,
:root[data-appearance="dark"]:has(body.is-authenticated) .shift-request-hours small { color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .shift-request-error,
:root[data-appearance="dark"]:has(body.is-authenticated) .shift-request-hours .shift-request-error { color: var(--dm-red); }:root[data-appearance="dark"]:has(body.is-authenticated) .shift-request-confirm { border: 1px solid var(--line-strong); }:root[data-appearance="dark"]:has(body.is-authenticated) .shift-request-choice { border: 1px solid var(--line); }:root[data-appearance="dark"]:has(body.is-authenticated) .shift-request-choice.selected { border-color: var(--dm-greenBorder); background: var(--green-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) .shift-request-choice .shift-request-summary { background: transparent; border: 0; }:root[data-appearance="dark"]:has(body.is-authenticated) .shift-request-tabs { border: 1px solid var(--line); background: var(--surface-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) .shift-request-tab { border: 0; background: transparent; color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .shift-request-tab.selected { background: var(--green-soft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .shift-request-count { background: var(--green-soft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .shift-request-section-heading p { color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .shift-request-filters button { border: 1px solid var(--line); background: var(--surface); color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .shift-request-filters button[aria-pressed="true"] { background: var(--green-soft); border-color: var(--dm-greenBorder); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .shift-request-status { background: var(--surface-soft); color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .shift-request-status.pending { background: var(--orange-soft); color: var(--dm-orange); }:root[data-appearance="dark"]:has(body.is-authenticated) .shift-request-status.approved { background: var(--green-soft); color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) .shift-request-empty { border: 1px dashed var(--line-strong); background: var(--surface-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) .shift-request-empty p { color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .shift-request-attention-card { border: 1px solid var(--line); background: var(--surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .shift-request-attention-card strong { color: var(--ink); }:root[data-appearance="dark"]:has(body.is-authenticated) .shift-request-attention-card p { color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .shift-request-tab:focus-visible,
:root[data-appearance="dark"]:has(body.is-authenticated) .shift-request-heading:focus-visible,
:root[data-appearance="dark"]:has(body.is-authenticated) .shift-request-filters button:focus-visible { outline: 2px solid var(--dm-greenBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) .shift-request-open-status { background: var(--blue-soft); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated)[data-appearance="dark"]:has(body.is-authenticated) .shift-request-open-status { background: var(--dm-blueSoft); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated)[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-open-row .shift-pill.open { background: var(--dm-blueSoft); border-color: var(--dm-blueBorder); border-left-color: var(--dm-blue); color: var(--dm-blue); }:root[data-appearance="dark"]:has(body.is-authenticated) body[data-active-view="schedule"] .schedule-open-row .shift-pill.open small { color: inherit; }:root[data-appearance="dark"]:has(body.is-authenticated) .open-shift-management { border: 1px solid var(--line); background: var(--surface-soft); }:root[data-appearance="dark"]:has(body.is-authenticated) .open-shift-management p { color: var(--muted); }:root[data-appearance="dark"]:has(body.is-authenticated) .open-shift-locations label { border: 1px solid var(--line); background: var(--surface); }:root[data-appearance="dark"]:has(body.is-authenticated) .open-shift-locations input[type="checkbox"] { accent-color: var(--dm-greenFill); }:root[data-appearance="dark"]:has(body.is-authenticated) #shiftRequestsModal .kicker { color: var(--dm-green); }:root[data-appearance="dark"]:has(body.is-authenticated) #shiftRequestsModal .shift-request-item { border-left: 3px solid var(--dm-greenBorder); }:root[data-appearance="dark"]:has(body.is-authenticated) #shiftRequestsModal .shift-request-details { border-top: 1px solid var(--line); }:root[data-appearance="dark"]:has(body.is-authenticated) #shiftRequestsModal .shift-request-summary { border: 1px solid var(--line); background: var(--surface); }:root[data-appearance="dark"]:has(body.is-authenticated) body { background: var(--dm-background); }
:root[data-appearance="dark"]:has(body.is-authenticated) input, :root[data-appearance="dark"]:has(body.is-authenticated) select, :root[data-appearance="dark"]:has(body.is-authenticated) textarea { color-scheme: dark; }
:root[data-appearance="dark"]:has(body.is-authenticated) input::placeholder, :root[data-appearance="dark"]:has(body.is-authenticated) textarea::placeholder { color: var(--dm-muted); }
:root[data-appearance="dark"]:has(body.is-authenticated) .onespot-picker-surface { background: var(--dm-raised); }
:root[data-appearance="dark"]:has(body.is-authenticated) .onespot-calendar-day.is-disabled { color: var(--dm-muted); }
:root[data-appearance="dark"]:has(body.is-authenticated) .onespot-picker-input { background-color: var(--dm-mutedSurface) !important; }
:root[data-appearance="dark"]:has(body.is-authenticated) .button.primary, :root[data-appearance="dark"]:has(body.is-authenticated) .button.danger { color: var(--dm-onBrand); }
:root[data-appearance="dark"]:has(body.is-authenticated) [style*="--logs-avatar-bg"] { --logs-avatar-bg: var(--dm-mutedSurface) !important; --logs-avatar-color: var(--dm-muted) !important; }
}