/* HowiePulse - MB Pizza LLC · Theme layer (dark mode) v1.0 · staged 10/19/26 1) Tokens: --hp-* custom properties, light values on :root, dark values on html[data-theme="dark"]. 2) GENERATED dark twins of every colour rule in the site's stylesheets (tools/gen_dark_theme.py; re-run after CSS changes). 3) Hand-written dark rules (header/footer, logo, inline-style colours from JS, charts/maps, toggle). html[data-theme] is set before first paint by hub-theme.js (System / Light / Dark, localStorage "hp-theme"). Brand rules hold in dark: no tinted fills behind text, status colours are text-only green / yellow / red (WCAG AA on every dark surface), the pizza-pulse logo only in the header. Print always uses the light theme (everything dark is @media screen). */ :root { --hp-bg: #FFFFFF; --hp-surface: #FFFFFF; --hp-surface-3: #EFEFEF; --hp-ink-bg: #121212; --hp-mid: #9E9E9E; --hp-text: #121212; --hp-muted: #5a5a5a; --hp-faint: #6b6b6b; --hp-border: #121212; --hp-line: #D8D8D8; --hp-line-strong: #9E9E9E; --hp-accent: #FFF200; --hp-accent-2: #FFC700; --hp-ok: #1b6e20; --hp-warn: #9a6700; --hp-bad: #b0001f; --hp-bad-line: #E4002B; --hp-header-bg: #FFF200; } @media screen { html[data-theme="dark"] { color-scheme: dark; --hp-bg: #121212; --hp-surface: #1b1b1b; --hp-surface-3: #2e2e2e; --hp-ink-bg: #000000; --hp-mid: #6b6b6b; --hp-text: #ececec; --hp-muted: #b3b3b3; --hp-faint: #9a9a9a; --hp-border: #808080; --hp-line: #3a3a3a; --hp-line-strong: #5a5a5a; --hp-accent: #FFF200; --hp-accent-2: #FFC700; --hp-ok: #5fd47a; --hp-warn: #f2c037; --hp-bad: #ff6b7d; --hp-bad-line: #ff5c72; --hp-header-bg: #161616; /* legacy --hh-* tokens used by inline styles written from JS (stylesheet uses are covered by the generated twins) */ --hh-charcoal: #ececec; --hh-muted: #b3b3b3; --hh-white: #1b1b1b; --hh-panel: #1b1b1b; --hh-panel-soft: #1b1b1b; --hh-ok: #5fd47a; --hh-green: #5fd47a; --hh-red: #ff6b7d; --hh-survey: #b3b3b3; --hh-border: #808080; --shadow: 0 2px 0 rgba(0,0,0,.5), 0 8px 24px rgba(0,0,0,.45); } html[data-theme="light"] { color-scheme: light; } } /* >>> GENERATED DARK TWINS >>> */ /* GENERATED by tools/gen_dark_theme.py from source sha ac3a87f55f089070; do not hand-edit (edit the sources and re-run) */ @media screen { /* ---- support.css (support) : 15 rules */ :root:where([data-theme="dark"]:is([data-hp-page=support])){--shadow:0 2px 0 rgba(0,0,0,0.312), 0 8px 24px rgba(0,0,0,0.208)} :where(html[data-theme="dark"]:is([data-hp-page=support])) body{background:var(--hp-surface);color:var(--hp-text)} :where(html[data-theme="dark"]:is([data-hp-page=support])) a{color:var(--hp-text)} :where(html[data-theme="dark"]:is([data-hp-page=support])) header.top{border-bottom:3px solid #121212;background:#FFF200;box-shadow:0 3px 0 rgba(255,199,0,.9);color:#121212} :where(html[data-theme="dark"]:is([data-hp-page=support])) .brand .eyebrow{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=support])) .brand h1 span{color:var(--hp-muted);background:var(--hp-surface);border:2px solid var(--hp-border)} :where(html[data-theme="dark"]:is([data-hp-page=support])) .user-chip{background:var(--hp-surface);border:2px solid var(--hp-border)} :where(html[data-theme="dark"]:is([data-hp-page=support])) .flash{border:2px solid var(--hp-border);background:var(--hp-surface);border-color:var(--hp-ok);color:var(--hp-ok)} :where(html[data-theme="dark"]:is([data-hp-page=support])) .flash.err{background:var(--hp-surface);border-color:var(--hp-bad-line);color:var(--hp-bad)} :where(html[data-theme="dark"]:is([data-hp-page=support])) .panel{background:var(--hp-surface);border:3px solid var(--hp-border);box-shadow:var(--shadow)} :where(html[data-theme="dark"]:is([data-hp-page=support])) input,:where(html[data-theme="dark"]:is([data-hp-page=support])) select,:where(html[data-theme="dark"]:is([data-hp-page=support])) textarea{border:2px solid var(--hp-border);background:var(--hp-surface);color:var(--hp-text)} :where(html[data-theme="dark"]:is([data-hp-page=support])) button,:where(html[data-theme="dark"]:is([data-hp-page=support])) .btn{border:2px solid #121212;background:#FFF200;color:#121212;text-decoration:none} :where(html[data-theme="dark"]:is([data-hp-page=support])) button:hover,:where(html[data-theme="dark"]:is([data-hp-page=support])) .btn:hover{background:var(--hp-surface-3)} :where(html[data-theme="dark"]:is([data-hp-page=support])) button.secondary,:where(html[data-theme="dark"]:is([data-hp-page=support])) .btn.secondary{background:var(--hp-surface)} :where(html[data-theme="dark"]:is([data-hp-page=support])) .gate{background:var(--hp-surface);border:3px solid var(--hp-border);box-shadow:6px 6px 0 #000} /* ---- sales.css (index) : 57 rules */ :where(html[data-theme="dark"]:is([data-hp-page=index])) .sx-titlebar{background:var(--hp-accent);color:#121212;box-shadow:4px 4px 0 #FFF200;border:2px solid var(--hp-accent)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .sx-titlebar .sx-sub{color:rgba(255,242,0,.85)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .sx-titlebar .sx-stale{color:var(--hp-bad)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .sx-toolbar{background:var(--hp-surface);border:2px solid var(--hp-border)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .sx-range-note{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .sx-range-note b{color:var(--hp-text)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .sx-kpi{background:var(--hp-surface);border:1.5px solid rgba(236,236,236,0.385)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .sx-kpi .k-label{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .sx-kpi .k-value.ok{color:var(--hp-ok)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .sx-kpi .k-value.bad{color:var(--hp-bad)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .sx-kpi .k-value.warn{color:var(--hp-warn)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .sx-chip{border:1.2px solid rgba(236,236,236,0.275);background:transparent} :where(html[data-theme="dark"]:is([data-hp-page=index])) .sx-chip.up{color:var(--hp-ok)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .sx-chip.down{color:var(--hp-bad)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .sx-chip.flat,:where(html[data-theme="dark"]:is([data-hp-page=index])) .sx-chip.na{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .sx-kpi .k-sub{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .sx .panel h2 .badge.alt{background:var(--hp-surface)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .sx .sx-note{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .sx-empty{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .sx .tbl-wrap{border:1px solid rgba(236,236,236,0.132)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .sx td.pos{color:var(--hp-ok)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .sx td.neg{color:var(--hp-bad)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .sx tr.sx-sel td:first-child{box-shadow:inset 3px 0 0 #000} :where(html[data-theme="dark"]:is([data-hp-page=index])) .sx tr.sx-total td{background:var(--hp-surface);border-top:2px solid var(--hp-border)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .sx-swatch{border:1px solid rgba(236,236,236,0.22)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .sx-heat th{background:none} :where(html[data-theme="dark"]:is([data-hp-page=index])) .sx-heat td{border:none} :where(html[data-theme="dark"]:is([data-hp-page=index])) .sx-heat td.h-label{color:var(--hp-muted);background:none} :where(html[data-theme="dark"]:is([data-hp-page=index])) .sx-legend{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .sx-sources{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .sx > .sx-range-note.sx-foot{background:transparent;border:0;color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .sx > .sx-range-note.sx-foot b{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .sx-kpi-group{color:var(--hp-muted);background:transparent} :where(html[data-theme="dark"]:is([data-hp-page=index])) .sx-range-note .sx-clamp{color:var(--hp-warn)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .sx-range-note .sx-asof{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .sx > .sx-missing{background:var(--hp-surface);border:2px solid var(--hp-bad-line);color:var(--hp-bad)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .sx > .sx-missing b{color:var(--hp-bad)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .sx > .sx-missing.is-info{background:var(--hp-surface);border-color:var(--hp-warn);color:var(--hp-warn)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .sx-kpi .k-value.na{color:var(--hp-bad)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .sx-na-row td{color:var(--hp-bad);background:var(--hp-surface)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .sx-kpis{--t-green:var(--hp-ok);--t-yellow:var(--hp-warn);--t-red:var(--hp-bad)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .sx-kpi .k-value.t-green{color:var(--t-green)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .sx-kpi .k-value.t-yellow{color:var(--t-yellow)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .sx-kpi .k-value.t-red{color:var(--t-red)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .sx-kpi .k-rule{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .sx-kpi .k-ly{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .sx-kpi .k-ly.up{color:var(--hp-ok)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .sx-kpi .k-ly.down{color:var(--hp-bad)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .sx-kpi .k-ly.flat{color:var(--hp-text)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .sx-kpi .k-ly.na{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .sx-kpi .k-ly.partial{text-decoration:underline dotted} :where(html[data-theme="dark"]:is([data-hp-page=index])) .sx-chip.ref{color:var(--hp-text)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .sx-kpi-legend{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .sx-kpi-legend b{color:var(--hp-text)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .sx-tones .t-green{color:var(--hp-ok)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .sx-tones .t-yellow{color:var(--hp-warn)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .sx-tones .t-red{color:var(--hp-bad)} /* ---- hub-filters.css (index support) : 10 rules */ :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=support])) .hub-filters .hf-field{color:var(--hp-text)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=support])) .hub-filters .hf-csv.is-disabled{background:var(--hp-surface)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=support])) .hub-filters .hf-csv.is-disabled:hover{background:var(--hp-surface)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=support])) .hub-filters .hf-chip{background:var(--hp-surface);border:1.5px solid var(--hp-border)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=support])) .hub-filters .hf-chip .hf-dot{background:#1b6e20} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=support])) .hub-filters .hf-chip.warn{background:var(--hp-surface);border-color:var(--hp-warn);color:var(--hp-warn)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=support])) .hub-filters .hf-chip.warn .hf-dot{background:#FFC700;color:#121212} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=support])) .hub-filters .hf-chip.bad{background:var(--hp-surface);border-color:var(--hp-bad-line);color:var(--hp-bad)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=support])) .hub-filters .hf-chip.bad .hf-dot{background:#E4002B} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=support])) .hub-filters .hf-chip.info .hf-dot{background:var(--hp-mid)} /* ---- hub-drill.css (index) : 36 rules */ :where(html[data-theme="dark"]:is([data-hp-page=index])) [data-drill]:hover,:where(html[data-theme="dark"]:is([data-hp-page=index])) [data-drill]:focus-visible{outline:2px solid var(--hp-bad-line)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .sx-kpi[data-drill]:hover,:where(html[data-theme="dark"]:is([data-hp-page=index])) .card.metric[data-drill]:hover{box-shadow:0 0 0 2px #E4002B inset} :where(html[data-theme="dark"]:is([data-hp-page=index])) td [data-drill],:where(html[data-theme="dark"]:is([data-hp-page=index])) td[data-drill]{text-decoration:underline dotted} :where(html[data-theme="dark"]:is([data-hp-page=index])) .drill-hint{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hd-overlay{background:rgba(18,18,18,.55)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hd-page{background:var(--hp-surface);border:3px solid var(--hp-border);box-shadow:6px 6px 0 #000} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hd-head{background:#FFF200;border-bottom:3px solid #121212;color:#121212} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hd-crumb{color:var(--hp-warn)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hd-sub{color:var(--hp-text)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hd-tools input[type=search]{border:2px solid var(--hp-border)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hd-facet{background:var(--hp-surface)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hd-facet.on{background:var(--hp-surface);color:var(--hp-text);box-shadow:inset 0 -3px 0 #FFF200} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hd-missing{background:var(--hp-surface);border:2px solid var(--hp-bad-line);color:var(--hp-bad)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hd-note{background:var(--hp-surface);border:2px solid var(--hp-warn);color:var(--hp-warn)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hd-table table{background:var(--hp-surface);border:2px solid var(--hp-border)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hd-table thead th{background:var(--hp-ink-bg);color:#fff} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hd-table td{border-top:1px solid rgba(236,236,236,0.11)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hd-table tbody tr:nth-child(even) td{background:transparent} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hd-table tbody tr td{border-bottom:1px solid rgba(236,236,236,0.132)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hd-table tbody tr:hover td{box-shadow:inset 0 -1.5px 0 rgba(0,0,0,0.9)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hd-table tfoot td{border-top:2px solid var(--hp-border);background:transparent} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hd-table td.bad,:where(html[data-theme="dark"]:is([data-hp-page=index])) .hd-table tr.na td{color:var(--hp-bad)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hd-table td.good{color:var(--hp-ok)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hd-link{color:inherit;text-decoration:underline dotted} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hd-empty,:where(html[data-theme="dark"]:is([data-hp-page=index])) .hd-loading{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hd-empty.na{color:var(--hp-bad)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hd-cap{color:var(--hp-muted)} @media (max-width: 720px){ :where(html[data-theme="dark"]:is([data-hp-page=index])) .hd-page{box-shadow:none} } :where(html[data-theme="dark"]:is([data-hp-page=index])) .hd-table table.hd-wide .hd-stk{background:var(--hp-surface)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hd-table table.hd-wide thead th.hd-stk{background:var(--hp-ink-bg)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hd-table table.hd-wide .hd-stk3{box-shadow:inset -2px 0 0 rgba(0,0,0,0.9)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hd-table .t-green{color:var(--hp-ok)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hd-table .t-yellow{color:var(--hp-warn)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hd-table .t-red{color:var(--hp-bad)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hd-table .hd-sep{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hd-table .hd-unav{color:var(--hp-muted)} /* ---- hub-sections.css (index) : 32 rules */ :where(html[data-theme="dark"]:is([data-hp-page=index])) .hub-tabs{background:var(--hp-ink-bg);border-bottom:3px solid var(--hp-border)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hub-tabs .ht-tab{background:transparent;color:#fff;border:0;box-shadow:none;border-bottom:4px solid transparent} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hub-tabs .ht-tab + .ht-tab::before{background:rgba(255,255,255,0.056)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hub-tabs .ht-tab:hover{background:transparent;border-bottom-color:rgba(255,199,0,.45)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hub-tabs .ht-tab.active{border-bottom-color:#FFF200;background:transparent} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hub-tabs .ht-tab.active::before,:where(html[data-theme="dark"]:is([data-hp-page=index])) .hub-tabs .ht-tab.active + .ht-tab::before{background:transparent} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hub-tabs .ht-tab.active .ht-name{color:#FFF200} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hub-tabs .ht-sub{color:var(--hp-faint)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hub-tabs .ht-count{background:transparent;color:var(--hp-bad)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hub-tabs .ht-count.amber{background:transparent;color:#FFC700} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hub-tabs .ht-dot.warn{background:#FFC700;color:#121212} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hub-tabs .ht-dot.bad{background:#E4002B;box-shadow:0 0 0 2px rgba(228,0,43,.35)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hub-tabs .ht-nc{background:transparent;color:var(--hp-faint);border:1px solid var(--hp-line-strong)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hs-banner{background:var(--hp-surface);border:2px solid var(--hp-border)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hs-info{background:var(--hp-surface);border:2px solid var(--hp-warn);color:var(--hp-warn)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hs-tile{background:var(--hp-surface);border:2px dashed var(--hp-line-strong);color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hs-tile-h{color:var(--hp-text)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .badge.nc{background:transparent !important;color:var(--hp-muted) !important;border:1px solid var(--hp-line-strong) !important} :where(html[data-theme="dark"]:is([data-hp-page=index])) .card.metric.na .value{color:var(--hp-bad)} :where(html[data-theme="dark"]:is([data-hp-page=index])) #customersV2 .card.metric.na .value{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .cv2-na h2 .badge.nc{background:transparent;color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .cv2-sub{border-top:2px solid var(--hp-border)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .cv2-map{border:2px solid var(--hp-border);background:var(--hp-surface)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .cv2-fun{border-bottom:1px dashed rgba(236,236,236,0.132)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .cv2-fun:hover{background:transparent;box-shadow:inset 0 -1.5px 0 rgba(0,0,0,0.9)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .cv2-fun-b{background:transparent;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.65)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .cv2-fun-v small{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index])) td.cv2-nc{color:var(--hp-muted);background:transparent} :where(html[data-theme="dark"]:is([data-hp-page=index])) td.num.pos{color:var(--hp-ok)} :where(html[data-theme="dark"]:is([data-hp-page=index])) td.num.neg{color:var(--hp-bad)} :where(html[data-theme="dark"]:is([data-hp-page=index])) #customersV2 tr[data-drill]:hover td{background:transparent;box-shadow:inset 0 -1.5px 0 rgba(0,0,0,0.9)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .cv2-note{color:var(--hp-muted)} /* ---- accounting.css (index) : 45 rules */ :where(html[data-theme="dark"]:is([data-hp-page=index])) .acct-tab{background:var(--hp-surface);color:var(--hp-text);border:2px solid var(--hp-border);box-shadow:none} :where(html[data-theme="dark"]:is([data-hp-page=index])) .acct-tab:hover{background:var(--hp-surface);box-shadow:inset 0 -1.5px 0 rgba(0,0,0,0.9)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .acct-tab.active{background:var(--hp-surface);color:var(--hp-text);box-shadow:inset 0 -3px 0 #FFF200} :where(html[data-theme="dark"]:is([data-hp-page=index])) .acct-who{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .acct-na{background:var(--hp-surface);border:2px dashed var(--hp-bad-line);color:var(--hp-bad)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .acct-empty,:where(html[data-theme="dark"]:is([data-hp-page=index])) .acct-loading{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .acct-cap{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .acct-tools input[type=search],:where(html[data-theme="dark"]:is([data-hp-page=index])) .acct-tools select{border:2px solid var(--hp-border)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .acct-count{color:var(--hp-text)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .acct-tbl th,:where(html[data-theme="dark"]:is([data-hp-page=index])) .acct-tbl td{border-bottom:1px solid rgba(236,236,236,0.088)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .acct-tbl th{background:transparent;border-bottom:2px solid var(--hp-border)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .acct-tbl td.neg,:where(html[data-theme="dark"]:is([data-hp-page=index])) .acct-tbl td.bad{color:var(--hp-bad)} :where(html[data-theme="dark"]:is([data-hp-page=index])) tr.acct-restricted td{color:var(--hp-muted);background:transparent} :where(html[data-theme="dark"]:is([data-hp-page=index])) .acct-memo{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .acct-reason{background:transparent;border:1px solid currentColor;color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .acct-reason.r-unallocated{color:var(--hp-bad)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .acct-reason.r-ambiguous_rules{color:var(--hp-warn)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .acct-reason.r-low_confidence{color:var(--hp-warn)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .acct-reason.r-shared_split{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .acct-review tr.sel td:first-child{box-shadow:inset 4px 0 0 #000} :where(html[data-theme="dark"]:is([data-hp-page=index])) .acct-btn{border:2px solid var(--hp-border);background:var(--hp-surface);box-shadow:none} :where(html[data-theme="dark"]:is([data-hp-page=index])) .acct-btn:hover:not([disabled]){background:var(--hp-surface);box-shadow:0 0 0 2px #FFF200} :where(html[data-theme="dark"]:is([data-hp-page=index])) .acct-btn.primary{background:var(--hp-surface);color:var(--hp-bad);border-color:var(--hp-bad-line)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .acct-editor{border:3px solid #FFF200} :where(html[data-theme="dark"]:is([data-hp-page=index])) .acct-pct input{border:2px solid var(--hp-border)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .acct-total.ok{color:var(--hp-ok)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .acct-total.bad{color:var(--hp-bad)} :where(html[data-theme="dark"]:is([data-hp-page=index])) #acctRuleMatch{border:2px solid var(--hp-line-strong)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .acct-note{border:2px solid var(--hp-line-strong)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .acct-msg.ok{color:var(--hp-ok)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .acct-msg.bad{color:var(--hp-bad)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .acct-is tr.acct-sec td{background:transparent;color:var(--hp-text);border-bottom:2px solid var(--hp-border)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .acct-is tr.acct-net td{border-top:3px double var(--hp-border)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .acct-is .pct{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index])) #accountingApp tr[data-drill]:hover td,:where(html[data-theme="dark"]:is([data-hp-page=index])) #accountingApp tr[data-acct-go]:hover td{background:transparent;box-shadow:inset 0 -1.5px 0 rgba(0,0,0,0.9)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .acct-flash{background:var(--hp-surface);border:2px solid var(--hp-ok);color:var(--hp-ok)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .acct-is tr.acct-sub td{border-top:1px solid var(--hp-border)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .acct-is tr.acct-memo-row td{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .acct-cd.ok{color:var(--hp-ok)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .acct-cd.warn{color:var(--hp-warn)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .acct-cd.bad{color:var(--hp-bad)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .acct-due tr.acct-next td:first-child{box-shadow:inset 4px 0 0 #000} :where(html[data-theme="dark"]:is([data-hp-page=index])) #accountingApp .placeholder{background:transparent;border-left:3px solid var(--hp-line-strong)} :where(html[data-theme="dark"]:is([data-hp-page=index])) #accountingApp table th{background:transparent;border-bottom:2px solid var(--hp-border)} :where(html[data-theme="dark"]:is([data-hp-page=index])) #accountingApp .hd-facet.on{background:var(--hp-surface);color:var(--hp-text);box-shadow:inset 0 -3px 0 #FFF200} /* ---- hcm-scheduling.css (index my-schedule) : 66 rules */ :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-subnav{border-bottom:2px solid var(--hp-border)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-subnav button{background:transparent;border:0;border-bottom:4px solid transparent;color:var(--hp-text);box-shadow:none} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-subnav button.on{border-bottom-color:#FFF200} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-subnav button:hover{background:transparent} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-ok{color:var(--hp-ok)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-warn{color:var(--hp-warn)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-bad{color:var(--hp-bad)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-muted{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-chip{background:transparent;border:1.5px solid var(--hp-border);color:var(--hp-text);box-shadow:none} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-chip.on{border-color:var(--hp-bad-line);color:var(--hp-bad)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-loading{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) table.hcs-grid td.hcs-name{border-left:4px solid var(--hp-line-strong)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) tr.hcs-grp td{color:var(--hp-muted);border-left:4px solid var(--hp-line-strong)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-shift{background:transparent;border:1px solid rgba(236,236,236,0.198);border-left:4px solid var(--hp-line-strong);color:var(--hp-text);box-shadow:none} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-shift small{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-shift.hcs-out{border-left-color:rgba(236,236,236,0.198)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-shift.sel{outline:2px solid var(--hp-border)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-shift:hover{background:transparent} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-note{color:var(--hp-bad);border:1px solid currentColor} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-foot{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-edit{border:2px solid var(--hp-border)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-act{background:transparent;border:1.5px solid var(--hp-border);color:var(--hp-text);box-shadow:none} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-away{color:var(--hp-muted);border:1px dashed rgba(236,236,236,0.33)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-mode{color:var(--hp-text);border:1.5px solid var(--hp-border)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-glyph{color:var(--hp-text)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-form input[type=text],:where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-form input[type=date],:where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-form input[type=time],:where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-decide input,:where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-decide select{border:1.5px solid var(--hp-border);background:transparent} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-msg{background:transparent} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-act.hcs-danger{color:var(--hp-bad);border-color:var(--hp-bad-line)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-add{background:transparent;border:1px dashed rgba(236,236,236,0.44);color:var(--hp-muted);box-shadow:none} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-add:hover{background:transparent;border-color:var(--hp-border);color:var(--hp-text)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) td.hcs-dropok{outline:2px dashed var(--hp-border)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-bform input[type=text],:where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-bform select,:where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-nwform select{border:1.5px solid var(--hp-border);background:var(--hp-surface);color:var(--hp-text)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-nwfill{border:0} @media (max-width: 600px){ :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-mbar{background:var(--hp-surface);border-bottom:2px solid var(--hp-border)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-mbar select{border:2px solid var(--hp-border);background:var(--hp-surface);color:var(--hp-text)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-mnav{background:transparent;border:2px solid var(--hp-border);color:var(--hp-text);box-shadow:none} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-mbtn,:where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) #hcmScheduling .hcs-m .hcs-act{border:2px solid var(--hp-border);background:transparent;color:var(--hp-text);box-shadow:none} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-dtab{background:transparent;border:1.5px solid rgba(236,236,236,0.33);color:var(--hp-text);box-shadow:none} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-dtab.on{border:3px solid var(--hp-bad-line);color:var(--hp-bad)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-dp h3{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-card{background:var(--hp-surface);border:1px solid rgba(236,236,236,0.242);color:var(--hp-text);box-shadow:none} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) button.hcs-card:hover{background:var(--hp-surface)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-crole{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-mmiss{border:2px solid var(--hp-bad-line);color:var(--hp-bad);background:var(--hp-surface)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-myday,:where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-mreq{border:1px solid rgba(236,236,236,0.242);background:var(--hp-surface)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-myday.today{border:2.5px solid var(--hp-border)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-mlabel input,:where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-mlabel select{border:2px solid var(--hp-border);background:var(--hp-surface)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-sheet-wrap{background:transparent} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-sheet{background:var(--hp-surface);border-top:4px solid var(--hp-border);box-shadow:0 -12px 32px rgba(0,0,0,0.728)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-grab{background:var(--hp-mid)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-sheet input[type=text],:where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-sheet input[type=date],:where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-sheet input[type=time],:where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-sheet select{border:2px solid var(--hp-border);background:var(--hp-surface);color:var(--hp-text)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-sheetform.panel,:where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-sheet .panel{border:0;box-shadow:none} } :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) #hcmScheduling input[type=radio],:where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) #hcmScheduling input[type=checkbox],:where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-sheet input[type=radio],:where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-sheet input[type=checkbox]{accent-color:var(--hp-text)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hco .hco-week{border:1.5px solid var(--hp-border);background:var(--hp-surface)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hco .hco-store:focus-visible{outline:3px solid var(--hp-bad-line)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hco .hco-total td{border-top:2px solid var(--hp-border)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hco .hco-grid th,:where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hco .hco-grid td{border-bottom:1px solid rgba(236,236,236,0.132)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hco .hco-grid th.hco-today{color:var(--hp-bad)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hco .hco-sec{border-top:2px solid var(--hp-border)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hco a,:where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hco a:visited{color:var(--hp-text);text-decoration:underline} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hco a:hover{color:var(--hp-bad)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-unavcell{background-image:repeating-linear-gradient(135deg, rgba(255,255,255,0.13) 0 2px, transparent 2px 7px)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-unav{color:var(--hp-text);border:1px solid rgba(236,236,236,0.495);background:var(--hp-surface)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-uadd,:where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-uclear{background:transparent;border:1px dashed rgba(236,236,236,0.44);color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) table.hcs-grid tr:hover .hcs-uadd,:where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-uadd:focus-visible,:where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-uclear:hover{color:var(--hp-text)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-unavlist li{border-bottom:1px solid rgba(236,236,236,0.088)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-resrow{border-bottom:1px solid rgba(236,236,236,0.11)} @media (min-width: 601px){ :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-sheet-wrap{background:transparent} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-sheet{background:var(--hp-surface);border:1px solid rgba(236,236,236,0.22);border-top:4px solid var(--hp-border);box-shadow:0 10px 40px rgba(0,0,0,0.65)} } :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-wkpick{border:1px solid var(--hp-border);background:var(--hp-surface)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-skel td.hcs-name{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-wkddbtn{color:var(--hp-text);background:var(--hp-surface);box-shadow:none} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-wkddbtn:hover{background:var(--hp-surface)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-wklist{background:var(--hp-surface);border:1.5px solid var(--hp-border);box-shadow:0 6px 18px rgba(0,0,0,0.468)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-wkgrp{color:var(--hp-muted);border-top:1px solid rgba(236,236,236,0.165)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-wkgrp:first-child{border-top:0} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-wkopt{border-left:4px solid transparent;outline:none} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-wkopt:hover,:where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-wkopt:focus{text-decoration:underline} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-wkopt:focus-visible{outline:2px solid var(--hp-border)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-wkopt.cur{border-left-color:var(--hp-bad-line)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-wkcurtag{border:1.5px solid var(--hp-bad-line);color:var(--hp-bad)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-mbar select.hcs-mweek.hcs-bad{color:var(--hp-bad)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-dlg-bg{background:transparent} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-dlg{background:var(--hp-surface);color:var(--hp-text);border:2px solid var(--hp-border);box-shadow:0 10px 40px rgba(0,0,0,0.9)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcs-linkbtn{background:none;border:0;text-decoration:underline;color:inherit} /* ---- hcm-employees.css (index) : 29 rules */ :where(html[data-theme="dark"]:is([data-hp-page=index])) .hce{color:var(--hp-text)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hce-title{border-bottom:4px solid #FFF200} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hce-filters{border-bottom:2px solid var(--hp-border)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hce-filters label{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hce-filters select,:where(html[data-theme="dark"]:is([data-hp-page=index])) .hce-filters input,:where(html[data-theme="dark"]:is([data-hp-page=index])) .hce-form select,:where(html[data-theme="dark"]:is([data-hp-page=index])) .hce-form input{color:var(--hp-text);border:1.5px solid var(--hp-border);background:var(--hp-surface)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hce-filters select:focus,:where(html[data-theme="dark"]:is([data-hp-page=index])) .hce-filters input:focus,:where(html[data-theme="dark"]:is([data-hp-page=index])) .hce-form select:focus,:where(html[data-theme="dark"]:is([data-hp-page=index])) .hce-form input:focus{outline:2px solid #FFF200} :where(html[data-theme="dark"]:is([data-hp-page=index])) table.hce-table th{color:var(--hp-muted);background:transparent;border-bottom:2px solid var(--hp-border)} :where(html[data-theme="dark"]:is([data-hp-page=index])) table.hce-table td{border-bottom:1px solid rgba(236,236,236,0.154)} :where(html[data-theme="dark"]:is([data-hp-page=index])) table.hce-table tbody tr:hover td{border-bottom-color:var(--hp-border)} :where(html[data-theme="dark"]:is([data-hp-page=index])) table.hce-table tbody tr.sel td{border-bottom:2px solid var(--hp-bad-line)} :where(html[data-theme="dark"]:is([data-hp-page=index])) table.hce-table tbody tr.sel td:first-child{box-shadow:inset 4px 0 0 #E4002B} :where(html[data-theme="dark"]:is([data-hp-page=index])) table.hce-table tbody tr:focus{outline:2px solid #FFF200} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hce-detail{border:2px solid var(--hp-border);background:var(--hp-surface)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hce-dhead{border-bottom:3px solid #FFF200} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hce-detail h4{color:var(--hp-muted);border-bottom:1px solid rgba(236,236,236,0.22)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hce-form{border-bottom:2px solid var(--hp-border)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hce-form label{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hce-form label.hce-chk{color:var(--hp-text)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hce-form label.hce-chk input{accent-color:var(--hp-text)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hce-box{border:2px solid var(--hp-border);background:var(--hp-surface)} @media (max-width: 600px){ :where(html[data-theme="dark"]:is([data-hp-page=index])) .hce-card{background:var(--hp-surface);border:1.5px solid var(--hp-border);color:var(--hp-text);box-shadow:none} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hce-card:hover{background:var(--hp-surface)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hce-card.sel{border:2.5px solid var(--hp-bad-line)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hce-detail{border:0} } :where(html[data-theme="dark"]:is([data-hp-page=index])) .hce .hce-badge{border:1.5px solid var(--hp-border);background:var(--hp-surface);color:var(--hp-text)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hce-ruleform select,:where(html[data-theme="dark"]:is([data-hp-page=index])) .hce-ruleform input{color:var(--hp-text);border:1px solid rgba(236,236,236,0.33);background:var(--hp-surface)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hce-private{border:1.5px dashed var(--hp-border)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hce-pform fieldset{border:1px solid rgba(236,236,236,0.275)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hce-pform .hce-off{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hce-modalwrap{background:rgba(18, 18, 18, .45)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hce-modal{background:var(--hp-surface);color:var(--hp-text);border:2px solid var(--hp-border);box-shadow:0 10px 30px rgba(0,0,0,0.78)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hce-mbtns .hce-mreplace{background:var(--hp-surface);color:var(--hp-bad);border-color:var(--hp-bad-line)} /* ---- hcm-resources.css (index my-schedule) : 18 rules */ :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcr{color:var(--hp-text)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcr-title{border-bottom:4px solid #FFF200} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcr .hcr-chip{background:var(--hp-surface);border:1.5px solid var(--hp-border);color:var(--hp-text);box-shadow:none} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcr .hcr-chip.on{border-color:var(--hp-border);box-shadow:inset 0 -4px 0 #FFF200} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcr .hcr-chip:hover,:where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcr .hcs-act:hover,:where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcr .hcr-btn:hover{background:var(--hp-surface)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcr-sh{border-bottom:2px solid var(--hp-border)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcr-cat h4{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcr-item{border-bottom:1px solid rgba(236,236,236,0.154)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcr a.hcr-btn{text-decoration:none} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcr-formwrap{background:transparent} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcr-form,:where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcr-read{background:var(--hp-surface);border:2px solid var(--hp-border);box-shadow:0 10px 40px rgba(0,0,0,0.728)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcr-fhead{border-bottom:3px solid #FFF200} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcr-form label{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcr-form input[type=text],:where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcr-form select,:where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcr-form input[type=file]{color:var(--hp-text);border:1.5px solid var(--hp-border);background:var(--hp-surface)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcr-form input:focus,:where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcr-form select:focus{outline:2px solid #FFF200} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcr-text{background:var(--hp-surface)} @media (max-width: 600px){ :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcr-item{border:1.5px solid var(--hp-border)} } :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .hcr-form input[type=file]::file-selector-button{background:var(--hp-surface);color:var(--hp-text);border:1.5px solid var(--hp-border)} /* ---- hcm-security.css (index) : 16 rules */ :where(html[data-theme="dark"]:is([data-hp-page=index])) .hsec-g{color:var(--hp-ok)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hsec-y{color:var(--hp-warn)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hsec-r{color:var(--hp-bad)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hsec-muted{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hsec-notes{color:var(--hp-text)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hsec-table th,:where(html[data-theme="dark"]:is([data-hp-page=index])) .hsec-table td{border-bottom:1px solid var(--hp-line)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hsec-table thead th{border-bottom:2px solid var(--hp-border)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hsec-knob{border:2px solid currentColor} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hsec-knob::after{border:2px solid currentColor} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hsec-sw input:checked + .hsec-knob::after{background:currentColor} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hsec-sw input:focus-visible + .hsec-knob{outline:2px solid currentColor} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hsec-link{border:0;background:none;text-decoration:underline} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hsec-plist{border-top:1px solid var(--hp-line)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hsec-person{border:0;border-bottom:1px solid var(--hp-line);background:none} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hsec-person.on{border-left:4px solid var(--hp-border)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hsec select{border:1px solid var(--hp-border);background:var(--hp-surface)} /* ---- operations.css (index my-schedule) : 27 rules */ :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .ops{color:var(--hp-text)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .ops-subnav{border-bottom:2px solid var(--hp-border)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .ops-subnav button{background:transparent;border:0;border-bottom:4px solid transparent;color:var(--hp-text);box-shadow:none} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .ops-subnav button.on{border-bottom-color:#FFF200} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .ops-subnav button:hover{background:transparent} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .ops-title{border-bottom:4px solid #FFF200} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .ops-card{background:var(--hp-surface);border:2px solid var(--hp-border)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .ops-sh{border-bottom:2px solid var(--hp-border)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .ops table{background:var(--hp-surface)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .ops th,:where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .ops td{border-bottom:1px solid rgba(236,236,236,0.154);background:transparent} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .ops th{color:var(--hp-muted);border-bottom:2px solid var(--hp-border)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .ops tr:hover td{background:transparent;box-shadow:inset 0 -1.5px 0 rgba(0,0,0,0.9)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .ops-foot{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .ops-na{color:var(--hp-bad)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .ops-empty{border:2px dashed rgba(236,236,236,0.385);color:var(--hp-muted);background:transparent} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .ops-empty strong{color:var(--hp-text)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .ops-file{border-bottom:1px solid rgba(236,236,236,0.154)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .ops a.ops-btn{text-decoration:none} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .ops .ops-btn{background:var(--hp-surface)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .ops .ops-btn:hover{background:var(--hp-surface)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .ops-formwrap{background:transparent} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .ops-form{background:var(--hp-surface);border:2px solid var(--hp-border);box-shadow:0 10px 40px rgba(0,0,0,0.728)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .ops-fhead{border-bottom:3px solid #FFF200} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .ops-form label{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .ops-form input[type=text],:where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .ops-form select,:where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .ops-form input[type=file]{color:var(--hp-text);border:1.5px solid var(--hp-border);background:var(--hp-surface)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .ops-text{background:var(--hp-surface)} @media (max-width: 600px){ :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .ops-file{border:1.5px solid var(--hp-border)} } /* ---- hub-viewmode.css (index my-schedule) : 4 rules */ :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .vm-note{color:var(--hp-text);background:transparent;border-bottom:1px solid var(--hp-line)} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .vm-note .vm-back{background:transparent;border:0;color:var(--hp-text);text-decoration:underline;box-shadow:none} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) .vm-note .vm-back:hover{background:transparent} :where(html[data-theme="dark"]:is([data-hp-page=index],[data-hp-page=my-schedule])) label.vm-inline select{border:2px solid var(--hp-border);background:var(--hp-surface);color:var(--hp-text)} /* ---- index.html (index) : 114 rules */ :root:where([data-theme="dark"]:is([data-hp-page=index])){--shadow:0 2px 0 rgba(0,0,0,0.312), 0 8px 24px rgba(0,0,0,0.208)} :where(html[data-theme="dark"]:is([data-hp-page=index])) body{background:var(--hp-surface);color:var(--hp-text)} :where(html[data-theme="dark"]:is([data-hp-page=index])) header{border-bottom:3px solid #121212;background:#FFF200;box-shadow:0 3px 0 rgba(255,199,0,.9);color:#121212} :where(html[data-theme="dark"]:is([data-hp-page=index])) .brand-link{text-decoration:none} :where(html[data-theme="dark"]:is([data-hp-page=index])) .brand-link:focus-visible{outline:none} :where(html[data-theme="dark"]:is([data-hp-page=index])) .brand-link:focus-visible .hp-logo{outline:3px solid var(--hp-border)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .sr-only{border:0} :where(html[data-theme="dark"]:is([data-hp-page=index])) header h1{color:var(--hp-text)} :where(html[data-theme="dark"]:is([data-hp-page=index])) header h1 span{color:var(--hp-muted);background:var(--hp-surface);border:2px solid var(--hp-border)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .controls label{color:var(--hp-text)} :where(html[data-theme="dark"]:is([data-hp-page=index])) input[type="date"],:where(html[data-theme="dark"]:is([data-hp-page=index])) select,:where(html[data-theme="dark"]:is([data-hp-page=index])) button{background:var(--hp-surface);border:2px solid var(--hp-border);color:var(--hp-text)} :where(html[data-theme="dark"]:is([data-hp-page=index])) input[type="date"]:focus,:where(html[data-theme="dark"]:is([data-hp-page=index])) select:focus,:where(html[data-theme="dark"]:is([data-hp-page=index])) button:focus{outline:2px solid var(--hp-bad-line)} :where(html[data-theme="dark"]:is([data-hp-page=index])) button:hover{background:var(--hp-surface-3)} :where(html[data-theme="dark"]:is([data-hp-page=index])) button.active{background:var(--hp-accent);border-color:var(--hp-accent);color:#121212} :where(html[data-theme="dark"]:is([data-hp-page=index])) .coming-soon{background:var(--hp-surface);border:3px solid var(--hp-border);box-shadow:6px 6px 0 #000} :where(html[data-theme="dark"]:is([data-hp-page=index])) .coming-soon .eyebrow{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .coming-soon h2{color:var(--hp-text)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .coming-soon p{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .coming-soon .badge-soon{background:transparent;border:2px solid var(--hp-border)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .comp-brand-swatch{border:1px solid rgba(236,236,236,0.22)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .comp-toolbar{background:var(--hp-surface);border:2px solid var(--hp-border)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .comp-toolbar .comp-period-label{color:var(--hp-text)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .comp-window-range{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .comp-note{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .reach-bar{background:#FFF200;color:#121212} :where(html[data-theme="dark"]:is([data-hp-page=index])) th.sortable:hover{color:#FFC700} :where(html[data-theme="dark"]:is([data-hp-page=index])) .card{background:var(--hp-surface);border:1.5px solid var(--hp-border);box-shadow:0 2px 10px rgba(0,0,0,0.208)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .card::before{background:linear-gradient(90deg, #FFF200, #FFC700);color:#121212} :where(html[data-theme="dark"]:is([data-hp-page=index])) .card.source{background:var(--hp-ink-bg);border:2px solid var(--hp-border);box-shadow:4px 4px 0 #FFF200} :where(html[data-theme="dark"]:is([data-hp-page=index])) .card.source::before{background:linear-gradient(90deg, #FFF200, #FFC700);color:#121212} :where(html[data-theme="dark"]:is([data-hp-page=index])) .card.source .label{color:#FFF200} :where(html[data-theme="dark"]:is([data-hp-page=index])) .card.source .value{color:#FFFFFF} :where(html[data-theme="dark"]:is([data-hp-page=index])) .card.source .sub{color:rgba(255,242,0,.75)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .card.source.clickable:hover{box-shadow:5px 5px 0 #FFC700} :where(html[data-theme="dark"]:is([data-hp-page=index])) .card.source.clickable.active{border:4px solid #FFF200;box-shadow:5px 5px 0 #FFC700} :where(html[data-theme="dark"]:is([data-hp-page=index])) .card.source.clickable.active::before{background:linear-gradient(90deg, #E4002B, #FFC700)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .cp-missing{background:var(--hp-surface);border:2px solid var(--hp-bad-line);color:var(--hp-bad)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .card.metric.na .value{color:var(--hp-bad)} :where(html[data-theme="dark"]:is([data-hp-page=index])) td.na{color:var(--hp-bad)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .card.metric{background:var(--hp-surface);border-color:rgba(236,236,236,0.385);box-shadow:none} :where(html[data-theme="dark"]:is([data-hp-page=index])) .card .label{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .card .value{color:var(--hp-text)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .card .sub{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .card.danger .value{color:var(--hp-bad)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .card.ok .value{color:var(--hp-ok)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .card.warn .value{color:var(--hp-warn)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .panel{background:var(--hp-surface);border:2px solid var(--hp-border);box-shadow:var(--shadow)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .panel h2{color:var(--hp-text)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .panel h2 .badge{background:transparent;border:1.5px solid var(--hp-border);color:var(--hp-text)} :where(html[data-theme="dark"]:is([data-hp-page=index])) th,:where(html[data-theme="dark"]:is([data-hp-page=index])) td{border-bottom:1px solid rgba(236,236,236,0.154)} :where(html[data-theme="dark"]:is([data-hp-page=index])) th{color:var(--hp-muted);background:transparent;border-bottom:2px solid var(--hp-border)} :where(html[data-theme="dark"]:is([data-hp-page=index])) tr:hover td{box-shadow:inset 0 -1.5px 0 rgba(0,0,0,0.9)} :where(html[data-theme="dark"]:is([data-hp-page=index])) tr.row-alert td:first-child{box-shadow:inset 4px 0 0 #b0001f} :where(html[data-theme="dark"]:is([data-hp-page=index])) tr.row-alert:hover td:first-child{box-shadow:inset 4px 0 0 #b0001f, inset 0 -1.5px 0 rgba(0,0,0,0.9)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .flag{border:1.5px solid currentColor;background:transparent} :where(html[data-theme="dark"]:is([data-hp-page=index])) .flag.critical{color:var(--hp-bad)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .flag.high{color:var(--hp-warn)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .flag.low{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .flag.source-survey,:where(html[data-theme="dark"]:is([data-hp-page=index])) .flag.source-feedback,:where(html[data-theme="dark"]:is([data-hp-page=index])) .flag.source-google,:where(html[data-theme="dark"]:is([data-hp-page=index])) .flag.source-pizza,:where(html[data-theme="dark"]:is([data-hp-page=index])) .flag.source-across{color:var(--hp-text);border-color:rgba(236,236,236,0.495)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .rating-bar{background:var(--hp-surface);border:2px solid var(--hp-border)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .rating-bar > div{color:var(--hp-text);text-shadow:0 0 2px rgba(255,255,255,.7)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .legend{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .legend i{border:1px solid rgba(236,236,236,0.275)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .placeholder{border:2px dashed rgba(236,236,236,0.385);color:var(--hp-muted);background:transparent} :where(html[data-theme="dark"]:is([data-hp-page=index])) .placeholder strong{color:var(--hp-text)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .empty-hint{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index])) footer{color:var(--hp-text)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .stars{color:#FFC700} :where(html[data-theme="dark"]:is([data-hp-page=index])) .lows-cell{color:var(--hp-bad)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .lows-cell.zero{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index])) th.group-surveys{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index])) th.group-feedback{color:var(--hp-bad)} :where(html[data-theme="dark"]:is([data-hp-page=index])) th.group-google{color:var(--hp-warn)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .store-caveat{color:var(--hp-text);background:var(--hp-surface);border:2px solid var(--hp-border);border-left:6px solid var(--hp-bad-line)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .store-caveat.sales-meta-footer{border:0;border-top:1px solid var(--hp-line-strong);background:transparent;color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index])) #loadOverlay{background:linear-gradient(165deg, #FFF200, #FFC700);color:#121212} :where(html[data-theme="dark"]:is([data-hp-page=index])) #loadOverlay .spinner{border:4px solid var(--hp-border);border-top-color:var(--hp-bad-line)} :where(html[data-theme="dark"]:is([data-hp-page=index])) #loadOverlay .err{color:var(--hp-bad)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .user-bar{border-top:3px solid #121212;background:#FFF200;box-shadow:0 -3px 0 rgba(255,199,0,.9);color:#121212} :where(html[data-theme="dark"]:is([data-hp-page=index])) .user-bar .user-email{background:var(--hp-surface);border:2px solid var(--hp-border)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .user-bar .role-pill{background:var(--hp-accent);color:#121212} :where(html[data-theme="dark"]:is([data-hp-page=index])) #usersModal{background:rgba(18,18,18,.55)} :where(html[data-theme="dark"]:is([data-hp-page=index])) #usersModal .modal-card{background:var(--hp-surface);border:3px solid var(--hp-border);box-shadow:6px 6px 0 #000} :where(html[data-theme="dark"]:is([data-hp-page=index])) #usersModal th,:where(html[data-theme="dark"]:is([data-hp-page=index])) #usersModal td{border-bottom:1px solid var(--hp-line)} :where(html[data-theme="dark"]:is([data-hp-page=index])) #usersModal input[type="text"],:where(html[data-theme="dark"]:is([data-hp-page=index])) #usersModal input[type="email"],:where(html[data-theme="dark"]:is([data-hp-page=index])) #usersModal input[type="password"],:where(html[data-theme="dark"]:is([data-hp-page=index])) #usersModal select{border:2px solid var(--hp-border)} :where(html[data-theme="dark"]:is([data-hp-page=index])) #usersModal .msg.err{color:var(--hp-bad)} :where(html[data-theme="dark"]:is([data-hp-page=index])) #usersModal .msg.ok{color:var(--hp-ok)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .user-bar .link-btn{background:transparent;border:0;box-shadow:none;color:var(--hp-text);text-decoration:underline} :where(html[data-theme="dark"]:is([data-hp-page=index])) .user-bar .link-btn:hover{background:transparent} :where(html[data-theme="dark"]:is([data-hp-page=index])) #pwModal{background:rgba(18,18,18,.55)} :where(html[data-theme="dark"]:is([data-hp-page=index])) #pwModal .modal-card{background:var(--hp-surface);border:3px solid var(--hp-border);box-shadow:6px 6px 0 #000} :where(html[data-theme="dark"]:is([data-hp-page=index])) #pwModal .pw-sub{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index])) #pwModal input{border:2px solid var(--hp-border);background:var(--hp-surface)} :where(html[data-theme="dark"]:is([data-hp-page=index])) #pwModal .msg{background:transparent} :where(html[data-theme="dark"]:is([data-hp-page=index])) #pwModal .msg.err{color:var(--hp-bad)} :where(html[data-theme="dark"]:is([data-hp-page=index])) #pwModal .msg.ok{color:var(--hp-ok)} :where(html[data-theme="dark"]:is([data-hp-page=index])) #loadOverlay .load-brand{text-shadow:2px 2px 0 #FFFFFF} :where(html[data-theme="dark"]:is([data-hp-page=index])) .support-toolbar{background:var(--hp-surface);border:2px solid var(--hp-border)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .support-toolbar .chip-label{color:var(--hp-text)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .support-chip{border:2px solid var(--hp-border);background:var(--hp-surface)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .support-chip:hover{box-shadow:0 0 0 2px #FFF200} :where(html[data-theme="dark"]:is([data-hp-page=index])) .support-chip.active{background:var(--hp-accent);color:#121212} :where(html[data-theme="dark"]:is([data-hp-page=index])) tr.support-detail-row td{background:var(--hp-surface);border-bottom:2px solid var(--hp-border)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .support-detail .meta{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .flag.status-open{color:var(--hp-bad)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .flag.status-in_progress{color:var(--hp-warn)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .flag.status-waiting{color:var(--hp-warn)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .flag.status-resolved{color:var(--hp-ok)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .flag.status-closed{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .flag.priority-urgent{color:var(--hp-bad)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .flag.priority-high{color:var(--hp-warn)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .flag.priority-normal{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .flag.priority-low{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index])) button.linkish{background:none;border:none;color:var(--hp-text);text-decoration:underline} /* ---- hub-textrule.css (index) : 10 rules */ :where(html[data-theme="dark"]:is([data-hp-page=index])) .hd-page{background:var(--hp-surface)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hd-table tbody tr:nth-child(even) td{background:transparent} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hd-table tbody tr td{border-bottom:1px solid rgba(236,236,236,0.132)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hd-table tfoot td{background:transparent} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hd-facet.on{background:var(--hp-surface);color:var(--hp-text);box-shadow:inset 0 -3px 0 #FFF200} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hs-tile{background:var(--hp-surface)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .cv2-map{background:var(--hp-surface)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .cv2-fun-b{background:transparent;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.65)} :where(html[data-theme="dark"]:is([data-hp-page=index])) td.cv2-nc{background:transparent;color:var(--hp-muted)} @media (max-width: 600px){ :where(html[data-theme="dark"]:is([data-hp-page=index])) header{box-shadow:none !important} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hm-sum{background:var(--hp-surface) !important;color:var(--hp-text);border:2px solid var(--hp-border)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hm-icon{background:var(--hp-surface) !important;color:var(--hp-text);border:2px solid var(--hp-border)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hm-bar button:hover,:where(html[data-theme="dark"]:is([data-hp-page=index])) .hm-bar button:active{background:var(--hp-surface) !important} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hm-fdot{background:#1b6e20} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hm-fresh[data-state=warn] .hm-fdot,:where(html[data-theme="dark"]:is([data-hp-page=index])) .hm-fresh-row.warn .hm-fdot{background:#FFC700;box-shadow:0 0 0 1.5px #9a6700;color:#121212} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hm-fresh[data-state=bad] .hm-fdot,:where(html[data-theme="dark"]:is([data-hp-page=index])) .hm-fresh-row.bad .hm-fdot{background:#E4002B} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hm-fresh-row.info .hm-fdot{background:var(--hp-mid)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hm-pop{background:var(--hp-surface);border:2px solid var(--hp-border);box-shadow:4px 4px 0 #000} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hm-pop-h{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hm-fresh-row{color:var(--hp-text)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hm-fresh-row + .hm-fresh-row{border-top:1px solid rgba(236,236,236,0.132)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hm-fresh-row.ok b{color:var(--hp-ok)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hm-fresh-row.warn b{color:var(--hp-warn)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hm-fresh-row.bad b{color:var(--hp-bad)} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hm-fresh-row small{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=index])) body.hm-filters-open header #hubFilters{background:var(--hp-surface);border-top:3px solid var(--hp-border);box-shadow:0 -4px 0 #000} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hm-sheet-h .hm-done{background:var(--hp-surface);border:2px solid var(--hp-border)} :where(html[data-theme="dark"]:is([data-hp-page=index])) body.hm-filters-open .hub-filters .hf-presets button.active,:where(html[data-theme="dark"]:is([data-hp-page=index])) body.hm-filters-open .hub-filters .hf-presets button[aria-pressed=true]{background:var(--hp-surface) !important;color:var(--hp-text) !important;border-color:var(--hp-border);box-shadow:inset 0 -4px 0 #FFF200} :where(html[data-theme="dark"]:is([data-hp-page=index])) .hm-backdrop{background:rgba(18,18,18,.45)} :where(html[data-theme="dark"]:is([data-hp-page=index])) body.hm-acct-open #userBar:not([hidden]){background:var(--hp-surface) !important;border:2px solid var(--hp-border);box-shadow:4px 4px 0 #000} :where(html[data-theme="dark"]:is([data-hp-page=index])) body.hm-acct-open #userBar .user-email{border:0} :where(html[data-theme="dark"]:is([data-hp-page=index])) body.hm-acct-open #userBar .role-pill{background:var(--hp-surface);color:var(--hp-text);border:1.5px solid var(--hp-border)} :where(html[data-theme="dark"]:is([data-hp-page=index])) body.hm-acct-open #userBar button{background:var(--hp-surface)} :where(html[data-theme="dark"]:is([data-hp-page=index])) body.hm-acct-open #userBar .link-btn{border:2px solid var(--hp-border);text-decoration:none} } /* ---- my-schedule.html (my-schedule) : 16 rules */ :where(html[data-theme="dark"]:is([data-hp-page=my-schedule])) body{color:var(--hp-text);background:var(--hp-surface)} :where(html[data-theme="dark"]:is([data-hp-page=my-schedule])) header.ms-head{border-bottom:4px solid #FFF200} :where(html[data-theme="dark"]:is([data-hp-page=my-schedule])) header.ms-head button{background:transparent;border:2px solid var(--hp-border)} :where(html[data-theme="dark"]:is([data-hp-page=my-schedule])) .ms-err{color:var(--hp-bad)} :where(html[data-theme="dark"]:is([data-hp-page=my-schedule])) .ms-main .card{background:var(--hp-surface);border:1.5px solid rgba(236,236,236,0.385)} :where(html[data-theme="dark"]:is([data-hp-page=my-schedule])) .ms-main .card::before{background:#FFF200;color:#121212} :where(html[data-theme="dark"]:is([data-hp-page=my-schedule])) .ms-main .card .label{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=my-schedule])) .ms-main .card .value{color:var(--hp-text)} :where(html[data-theme="dark"]:is([data-hp-page=my-schedule])) .ms-main .card .sub{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=my-schedule])) .ms-main .card.danger .value{color:var(--hp-bad)} :where(html[data-theme="dark"]:is([data-hp-page=my-schedule])) .ms-main .card.ok .value{color:var(--hp-ok)} :where(html[data-theme="dark"]:is([data-hp-page=my-schedule])) .ms-main .card.warn .value{color:var(--hp-warn)} :where(html[data-theme="dark"]:is([data-hp-page=my-schedule])) .ms-mods{border-bottom:1px solid rgba(236,236,236,0.165)} :where(html[data-theme="dark"]:is([data-hp-page=my-schedule])) .ms-mods a{color:var(--hp-text);text-decoration:none;border-bottom:3px solid transparent} :where(html[data-theme="dark"]:is([data-hp-page=my-schedule])) .ms-mods a[aria-current="page"]{border-bottom-color:#FFF200} :where(html[data-theme="dark"]:is([data-hp-page=my-schedule])) .ms-mods a:not([aria-current="page"]){color:var(--hp-muted)} /* ---- login.html (login) : 15 rules */ :where(html[data-theme="dark"]:is([data-hp-page=login])) body{background:var(--hp-surface);color:var(--hp-text)} :where(html[data-theme="dark"]:is([data-hp-page=login])) .card{background:var(--hp-surface);border:3px solid var(--hp-border);box-shadow:6px 6px 0 #000} :where(html[data-theme="dark"]:is([data-hp-page=login])) .sr-only{border:0} :where(html[data-theme="dark"]:is([data-hp-page=login])) .sub{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=login])) input{border:2px solid var(--hp-border)} :where(html[data-theme="dark"]:is([data-hp-page=login])) input:focus{outline:2px solid var(--hp-bad-line)} :where(html[data-theme="dark"]:is([data-hp-page=login])) button[type="submit"]{border:2px solid #121212;background:#FFF200;color:#121212} :where(html[data-theme="dark"]:is([data-hp-page=login])) button[type="submit"]:hover{background:var(--hp-surface-3)} :where(html[data-theme="dark"]:is([data-hp-page=login])) .err{background:var(--hp-surface);border:2px solid var(--hp-bad-line);color:var(--hp-bad)} :where(html[data-theme="dark"]:is([data-hp-page=login])) .google-btn{border:2px solid var(--hp-border);background:var(--hp-surface);color:var(--hp-text);text-decoration:none} :where(html[data-theme="dark"]:is([data-hp-page=login])) .google-btn:hover{box-shadow:3px 3px 0 #000} :where(html[data-theme="dark"]:is([data-hp-page=login])) .divider{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=login])) .divider::before,:where(html[data-theme="dark"]:is([data-hp-page=login])) .divider::after{border-top:1px solid var(--hp-line)} :where(html[data-theme="dark"]:is([data-hp-page=login])) .pw-toggle{background:transparent;border:0;color:var(--hp-text);text-decoration:underline} :where(html[data-theme="dark"]:is([data-hp-page=login])) .footer-link a{color:var(--hp-text);text-decoration:underline} /* ---- register.html (register) : 12 rules */ :where(html[data-theme="dark"]:is([data-hp-page=register])) body{background:var(--hp-surface);color:var(--hp-text)} :where(html[data-theme="dark"]:is([data-hp-page=register])) .card{background:var(--hp-surface);border:3px solid var(--hp-border);box-shadow:6px 6px 0 #000} :where(html[data-theme="dark"]:is([data-hp-page=register])) .sr-only{border:0} :where(html[data-theme="dark"]:is([data-hp-page=register])) .sub{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=register])) .hint{color:var(--hp-muted)} :where(html[data-theme="dark"]:is([data-hp-page=register])) input[type="text"],:where(html[data-theme="dark"]:is([data-hp-page=register])) input[type="email"],:where(html[data-theme="dark"]:is([data-hp-page=register])) input[type="password"]{border:2px solid var(--hp-border)} :where(html[data-theme="dark"]:is([data-hp-page=register])) input:focus{outline:2px solid var(--hp-bad-line)} :where(html[data-theme="dark"]:is([data-hp-page=register])) button[type="submit"]{border:2px solid #121212;background:#FFF200;color:#121212} :where(html[data-theme="dark"]:is([data-hp-page=register])) button[type="submit"]:hover{background:var(--hp-surface-3)} :where(html[data-theme="dark"]:is([data-hp-page=register])) .err{background:var(--hp-surface);border:2px solid var(--hp-bad-line);color:var(--hp-bad)} :where(html[data-theme="dark"]:is([data-hp-page=register])) .ok{background:var(--hp-surface);border:2px solid var(--hp-ok);color:var(--hp-ok)} :where(html[data-theme="dark"]:is([data-hp-page=register])) .footer-link a{color:var(--hp-text);text-decoration:underline} } /* <<< GENERATED DARK TWINS <<< */ @media screen { /* ---------- page canvas ---------- */ html[data-theme="dark"], html[data-theme="dark"] body { background: var(--hp-bg) !important; color: var(--hp-text); } html[data-theme="dark"] a { color: inherit; } html[data-theme="dark"] a:not([class]) { color: #ffe766; } /* plain links: brand yellow, 15:1 */ html[data-theme="dark"] ::placeholder { color: var(--hp-faint); opacity: 1; } html[data-theme="dark"] :focus-visible { outline-color: var(--hp-accent); } html[data-theme="dark"] ::selection { background: #FFF200; color: #121212; } html[data-theme="dark"] input, html[data-theme="dark"] select, html[data-theme="dark"] textarea { color-scheme: dark; } html[data-theme="dark"] option { background: #1b1b1b; color: #ececec; } /* ---------- header / footer: dark bar with the yellow brand rule; logo gets a light keyline so the black pulse line reads ---------- */ html[data-theme="dark"][data-hp-page~=index] body > header, html[data-theme="dark"][data-hp-page~=support] header, html[data-theme="dark"][data-hp-page~=my-schedule] header.ms-head { background: var(--hp-header-bg) !important; border-bottom-color: #FFF200 !important; box-shadow: 0 3px 0 rgba(255,199,0,.55) !important; } html[data-theme="dark"][data-hp-page~=index] body > header, html[data-theme="dark"][data-hp-page~=support] header, html[data-theme="dark"][data-hp-page~=my-schedule] header.ms-head { color: var(--hp-text); } html[data-theme="dark"][data-hp-page~=index] .user-bar { background: var(--hp-header-bg) !important; border-top-color: #FFF200 !important; box-shadow: 0 -3px 0 rgba(255,199,0,.55) !important; color: var(--hp-text) !important; } html[data-theme="dark"][data-hp-page~=index] .hub-tabs { border-bottom-color: #000 !important; } html[data-theme="dark"] .hp-logo, html[data-theme="dark"] header.ms-head img { filter: drop-shadow(0 0 .6px #f2f2f2) drop-shadow(0 0 .6px #f2f2f2) drop-shadow(0 0 3px rgba(255,242,0,.35)); } /* support page: its header pills were yellow-on-yellow; in dark they match the Hub header (outlined, active = yellow) */ html[data-theme="dark"][data-hp-page~=support] header .hub-filters button:not(.active):not([aria-pressed="true"]) { background: transparent; color: var(--hp-text); border-color: var(--hp-border); } html[data-theme="dark"][data-hp-page~=support] header .hub-filters button:not(.active):not([aria-pressed="true"]):hover { background: var(--hp-surface-3); } html[data-theme="dark"] #loadOverlay { background: var(--hp-bg) !important; color: var(--hp-text) !important; } /* ---------- inline style="" colours written by JS / HTML (attribute twins; !important beats the inline value) ---------- */ html[data-theme="dark"] [style*="color:#5a5a5a"]:not([style*="background-color:#5a5a5a"]), html[data-theme="dark"] [style*="color: #5a5a5a"]:not([style*="background-color: #5a5a5a"]), html[data-theme="dark"] [style*="color:#555"]:not([style*="background-color:#555"]), html[data-theme="dark"] [style*="color:#666"]:not([style*="background-color:#666"]), html[data-theme="dark"] [style*="color:#888"]:not([style*="background-color:#888"]) { color: var(--hp-muted) !important; } html[data-theme="dark"] [style*="color:#aaa"], html[data-theme="dark"] [style*="color:#9e9e9e"] { color: var(--hp-faint) !important; } html[data-theme="dark"] [style*="color:#121212"]:not([style*="background-color:#121212"]):not([style*="background:rgb("]), html[data-theme="dark"] [style*="color: #121212"]:not([style*="background-color: #121212"]):not([style*="background:rgb("]) { color: var(--hp-text) !important; } html[data-theme="dark"] [style*="color:#9a6700"], html[data-theme="dark"] [style*="color:#7a5c00"], html[data-theme="dark"] [style*="color:#7a5200"], html[data-theme="dark"] [style*="color:#b05a00"] { color: var(--hp-warn) !important; } html[data-theme="dark"] [style*="color:#b0001f"], html[data-theme="dark"] [style*="color:#8a0018"], html[data-theme="dark"] [style*="color:#a8001f"], html[data-theme="dark"] [style*="color:#E4002B"]:not([style*="background-color:#E4002B"]), html[data-theme="dark"] [style*="color:#e4002b"]:not([style*="background-color:#e4002b"]) { color: var(--hp-bad) !important; } html[data-theme="dark"] [style*="color:#1b6e20"], html[data-theme="dark"] [style*="color:#2e7d32"], html[data-theme="dark"] [style*="color:#2E7D32"], html[data-theme="dark"] [style*="color:#1e8e3e"], html[data-theme="dark"] [style*="color:#1a7a3a"] { color: var(--hp-ok) !important; } html[data-theme="dark"] [style*="background:#fff"]:not([style*="background:#fff2"]):not([style*="background:#fffc"]), html[data-theme="dark"] [style*="background: #fff"]:not([style*="background: #fff2"]), html[data-theme="dark"] [style*="background:#FFF;"], html[data-theme="dark"] [style*="background:#ffffff"], html[data-theme="dark"] [style*="background-color:#fff"], html[data-theme="dark"] [style*="background:#f3f3f3"] { background: var(--hp-surface) !important; } html[data-theme="dark"] [style*="border-color:rgba(18,18,18"], html[data-theme="dark"] [style*="border:1px solid #121212"], html[data-theme="dark"] [style*="border:2px solid #121212"] { border-color: var(--hp-border) !important; } html[data-theme="dark"] [style*="background:var(--hh-charcoal)"], html[data-theme="dark"] [style*="background: var(--hh-charcoal)"] { background: #000 !important; } html[data-theme="dark"] [style*="background:var(--hh-yellow)"], html[data-theme="dark"] [style*="background:var(--hh-orange)"] { color: #121212 !important; } html[data-theme="dark"] [style*="color:var(--hh-white)"] { color: #fff !important; } /* rating distribution bars (Feedback): solid segment fills set from JS; label text picks the readable ink per fill */ html[data-theme="dark"] [style*="background: rgb(255, 138, 0)"], html[data-theme="dark"] [style*="background: rgb(255, 199, 0)"], html[data-theme="dark"] [style*="background: rgb(139, 195, 74)"] { color: #121212 !important; } html[data-theme="dark"] [style*="background: rgb(228, 0, 43)"], html[data-theme="dark"] [style*="background: rgb(46, 125, 50)"] { color: #fff !important; } /* schedule grid: labor-type bars come from the server as inline border-left colours */ html[data-theme="dark"] [style*="border-left"][style*="#121212"] { border-left-color: #e0e0e0 !important; } html[data-theme="dark"] [style*="border-left"][style*="#5a5a5a"] { border-left-color: #a8a8a8 !important; } /* HCM hours chart (10/21): the per-person bars are inline background fills in the labor-type colour (GM / Manager #121212 were ~1.1:1 on the dark surface, Insider #5a5a5a ~2.4:1). Same light twins as the grid borders above; light mode is untouched. */ html[data-theme="dark"] .hcs-bar[style*="background:#121212"] { background: #e0e0e0 !important; } html[data-theme="dark"] .hcs-bar[style*="background:#5a5a5a"] { background: #a8a8a8 !important; } /* ---------- maps (Leaflet): darken the OSM tiles, keep markers / store colours as-is ---------- */ html[data-theme="dark"] .leaflet-tile-pane { filter: invert(1) hue-rotate(180deg) brightness(.92) contrast(.9); } html[data-theme="dark"] .leaflet-container { background: #1b1b1b; } html[data-theme="dark"] .leaflet-control-attribution { background: rgba(27,27,27,.85) !important; color: #b3b3b3 !important; } html[data-theme="dark"] .leaflet-control-attribution a { color: #ffe766 !important; } html[data-theme="dark"] .leaflet-bar a { background: #1b1b1b; color: #ececec; border-color: #3a3a3a; } /* ---------- canvas charts sit on the card surface (Chart.js colours are themed in hub-theme.js) ---------- */ html[data-theme="dark"] canvas { background: transparent; } /* ---------- System / Light / Dark toggle (injected into the header by hub-theme.js) ---------- */ .hp-theme-toggle { display: inline-flex; align-items: center; gap: .3rem; font: 700 .68rem/1 var(--font-body, Montserrat, system-ui, sans-serif); text-transform: uppercase; letter-spacing: .05em; padding: .38rem .6rem; border-radius: 999px; cursor: pointer; background: transparent !important; color: #121212 !important; border: 2px solid #121212 !important; box-shadow: none !important; white-space: nowrap; } .hp-theme-toggle:hover { background: transparent !important; text-decoration: underline; } .hp-theme-toggle svg { width: 14px; height: 14px; flex: 0 0 auto; } html[data-theme="dark"] .hp-theme-toggle { color: #ececec !important; border-color: #808080 !important; } html[data-theme="dark"] .hp-theme-toggle:hover { border-color: #FFF200 !important; } .hp-theme-toggle.hp-floating { position: fixed; top: .75rem; right: .75rem; z-index: 50; } header .hp-theme-toggle.hp-in-header { margin-left: auto; align-self: center; } @media (max-width: 600px) { .hp-theme-toggle .hp-tt-label { display: none; } .hp-theme-toggle { padding: .38rem .45rem; } } } @media print { .hp-theme-toggle { display: none !important; } }