:root{
  --bg:#08171f; --panel:#0f2731; --line:#1d4051; --soft:#16313d; --line-soft:#16313d;
  --ink:#eaf3f5; --muted:#8aa3ad; --faint:#56727d;
  --cyan:#36d6e8; --cyan-dim:#1d7c8a; --teal:#36d6e8;
  --amber:#f4b740; --red:#ff6262; --green:#43d6a0; --violet:#8a5cf6;
  --act:#36d6e8; --ok:#43d6a0; --warn:#f4b740; --bad:#ff6262;
  --jobs:#36d6e8; --sales:#43d6a0;
  --shadow:0 1px 0 rgba(255,255,255,.03), 0 12px 30px -16px rgba(0,0,0,.7);
  --r-panel:12px; --r-chip:9px; --r-btn:8px;

  
  
  --card:#122c37; --card-raised:#173440;
  
  --ink-2:#8aa3ad; --ink-3:#56727d;
  
  --ok-bg:rgba(67,214,160,.13);
  --warn-bg:rgba(244,183,64,.13);
  --crit:#ff6262; --crit-bg:rgba(255,98,98,.13);
  --info:#8aa3ad; --info-bg:rgba(86,114,125,.22);
  --accent:#36d6e8; --accent-bg:rgba(54,214,232,.12);
  
  --t-display:28px; --t-title:20px; --t-section:15px; --t-body:13px; --t-small:11px; --t-kpi:32px;
  
  --s-05:4px; --s-1:8px; --s-2:16px; --s-3:24px; --s-4:32px;
  
  --r-card:12px; --border-card:rgba(255,255,255,.08);
}

*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:13px/1.45 -apple-system,Segoe UI,Roboto,sans-serif}
.wrap{max-width:1100px;margin:0 auto;padding:20px 16px 60px}
a{color:var(--cyan)} a.quiet{color:var(--ink);text-decoration:none} a.quiet:hover{color:var(--cyan)}

header{display:flex;align-items:center;gap:12px}
h1{font-size:17px;margin:0;font-weight:650}
.asof{margin-left:auto;font-size:11px;color:var(--faint)}
.law{font-size:10.5px;color:var(--faint);margin:8px 0 14px}
.lawnote{font-size:10px;color:var(--faint);font-style:italic;padding:2px 2px 5px}

.panel,.card,.sect{background:var(--panel);border:1px solid var(--soft);border-radius:var(--r-panel);padding:12px 14px;margin-bottom:12px}
.panel h2,.card h2,.sect b.h{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin:0 0 8px;display:flex;align-items:center;gap:8px}
.panel h2 .n{margin-left:auto;color:var(--faint);font-weight:600}

.stat{background:var(--panel);border:1px solid var(--soft);border-radius:var(--r-panel);padding:10px 16px;min-width:140px}
.stat .n{font-size:20px;font-weight:800;color:var(--cyan)} .stat .l{font-size:10px;color:var(--faint);text-transform:uppercase} .stat .s{font-size:10px;color:var(--muted)}
.cards{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}

table.helm{width:100%;border-collapse:collapse}
table.helm td,table.helm th{padding:6px;border-top:1px solid var(--soft);font-size:11.5px;text-align:left;vertical-align:top}
table.helm th{font-size:9.5px;text-transform:uppercase;color:var(--faint);border-top:none}
.row{display:flex;align-items:center;gap:9px;padding:6px 2px;border-bottom:1px solid var(--soft);font-size:12px}
.row:last-child{border-bottom:0}

.badge,.chip{font-size:9px;font-weight:800;padding:2px 7px;border-radius:var(--r-chip);text-transform:uppercase;white-space:nowrap}
.b-ok{background:rgba(67,214,160,.15);color:var(--green)} .b-warn{background:rgba(244,183,64,.15);color:var(--amber)}
.b-red{background:rgba(255,98,98,.15);color:var(--red)} .b-src,.b-kind{background:rgba(54,214,232,.12);color:var(--cyan)}
.sev{font-size:8.5px;font-weight:800;padding:1px 6px;border-radius:8px;text-transform:uppercase;flex:0 0 auto}
.sev.crit{background:rgba(255,98,98,.14);color:var(--red)} .sev.warn,.sev.high{background:rgba(244,183,64,.12);color:var(--amber)} .sev.info,.sev.watch{background:rgba(86,114,125,.2);color:var(--muted)}

button{background:#0b1e27;border:1px solid var(--cyan);color:var(--cyan);border-radius:var(--r-btn);padding:4px 10px;font:11px inherit;cursor:pointer}
button:hover{background:#0d2530} button:active{transform:translateY(1px)} button:disabled{opacity:.45;cursor:not-allowed}
button.warn{border-color:var(--amber);color:var(--amber)} button.danger{border-color:var(--red);color:var(--red)}
input,select,textarea{background:#0b1e27;border:1px solid var(--line);color:var(--ink);border-radius:var(--r-btn);padding:5px 8px;font:11.5px inherit}

.srow{display:flex;align-items:center;gap:9px;padding:7px 4px;border-bottom:1px solid var(--soft);font-size:12.5px}
.srow:last-child{border-bottom:0}
.srow input[type=checkbox]{width:15px;height:15px;accent-color:var(--cyan);cursor:pointer;flex:0 0 auto}
.srow.done .lbl{color:var(--faint);text-decoration:line-through} .srow.skipped .lbl{color:var(--amber)}
.selfcert{font-size:8px;font-weight:800;text-transform:uppercase;padding:1px 5px;border-radius:8px;background:rgba(86,114,125,.2);color:var(--muted);flex:0 0 auto}

.drawer{position:fixed;top:0;right:-560px;width:540px;height:100vh;background:var(--panel);border-left:1px solid var(--line);transition:right .14s;overflow-y:auto;padding:18px;z-index:60}
.drawer.open{right:0}
.drawer .close{position:absolute;top:10px;right:12px;background:none;border:none;color:var(--faint);font-size:18px;cursor:pointer}

.empty{font-size:11px;color:var(--faint);padding:8px 2px}
.empty-state{border:1px dashed var(--soft);border-radius:10px;padding:10px 12px;font-size:11px;color:var(--faint);font-style:italic}
.empty-state b{color:var(--muted);font-style:normal}
.stub{font-size:10.5px;color:var(--faint);font-style:italic;border-top:1px dashed var(--soft);margin-top:8px;padding-top:8px}
.sub{font-size:10.5px;color:var(--faint)}

.gapbox{background:rgba(244,183,64,.08);border:1px solid rgba(244,183,64,.35);border-radius:10px;padding:9px 12px;margin-top:10px}
.gapbox b{color:var(--amber)} .gapbox div{color:var(--amber);font-size:11.5px;padding:1px 0}

.qrow{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;text-decoration:none;color:var(--ink);border:1px solid transparent}
a.qrow:hover{background:var(--soft);border-color:var(--line-soft)}
.qrow+.qrow{margin-top:2px}
.qrow .qlbl{flex:1;font-size:12.5px}
.qrow .qn{font-weight:700;font-variant-numeric:tabular-nums;min-width:26px;text-align:right}
.qrow .qn.crit{color:var(--red)} .qrow .qn.warn{color:var(--amber)} .qrow .qn.quiet{color:var(--muted)}
.qrow.nw{opacity:.72}
.qrow .qwhy{flex-basis:100%;font-size:10.5px;color:var(--faint);padding-left:2px}
.qstrip{display:flex;flex-wrap:wrap;gap:10px;margin:2px 0 4px}
.qstat{background:var(--panel);border:1px solid var(--soft);border-radius:10px;padding:8px 12px;min-width:96px}
.qstat .qsv{font-size:19px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1.1}
.qstat .qsk{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--faint);margin-top:2px}
.qstat .qss{font-size:10px;color:var(--muted);margin-top:1px}
.wheel3{display:flex;gap:14px;flex-wrap:wrap}
.w3c{flex:1;min-width:120px;text-align:center;text-decoration:none;color:var(--ink);background:var(--panel);border:1px solid var(--soft);border-radius:12px;padding:12px 8px 10px;display:block}
a.w3c:hover{border-color:var(--cyan-dim)}
.w3ring{width:74px;height:74px;transform:rotate(-90deg)}
.w3ring .w3bg{fill:none;stroke:var(--soft);stroke-width:3.4}
.w3ring .w3fg{fill:none;stroke:var(--cyan);stroke-width:3.4;stroke-linecap:round}
.w3ring .w3pct{fill:var(--ink);font-size:9px;font-weight:700;text-anchor:middle;transform:rotate(90deg);transform-origin:18px 18px}
.w3partial{width:74px;height:74px;margin:0 auto;border-radius:50%;border:3.4px dashed var(--faint);display:flex;align-items:center;justify-content:center;color:var(--faint);font-size:10px;text-transform:uppercase;letter-spacing:.5px}
.w3lbl{font-size:11.5px;font-weight:600;margin-top:8px}
.w3why{font-size:10px;color:var(--faint);margin-top:3px;line-height:1.3}



.c-pagehead{margin-bottom:var(--s-2)}
.c-pagehead .c-crumb{font-size:var(--t-small);color:var(--ink-3);margin-bottom:var(--s-05)}
.c-pagehead .c-crumb a{color:var(--accent);text-decoration:none}
.c-pagehead .c-titlerow{display:flex;align-items:center;gap:var(--s-1);flex-wrap:wrap}
.c-pagehead h1{font-size:var(--t-title);margin:0;font-weight:700;letter-spacing:.2px}
.c-pagehead .c-actions{margin-left:auto;display:flex;gap:var(--s-1);align-items:center}
.c-pagehead .c-asof{font-size:var(--t-small);color:var(--ink-3)}

.c-kpi{background:var(--card);border:1px solid var(--border-card);border-radius:var(--r-card);padding:12px 14px;text-decoration:none;color:var(--ink);display:block;min-width:0}
a.c-kpi:hover{border-color:var(--cyan-dim);background:var(--card-raised)}
.c-kpi .c-kv{font-size:var(--t-kpi);font-weight:750;font-variant-numeric:tabular-nums;line-height:1.05;display:flex;align-items:baseline;gap:8px}
.c-kpi .c-kv .c-ic{color:var(--ink-3);align-self:center}
.c-kpi.nw .c-kv{color:var(--ink-3);font-weight:400;font-size:26px}
.c-kpi .c-kl{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--ink-3);margin-top:6px}
.c-kpi .c-kd{font-size:10px;color:var(--ink-3);margin-top:4px}
.c-kpi .c-kd.up{color:var(--ok)} .c-kpi .c-kd.down{color:var(--crit)}
.c-kpi .c-knw{display:inline-flex;font-size:8.5px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;padding:2px 7px;border-radius:8px;background:var(--warn-bg);color:var(--warn);margin-top:6px;cursor:help}

.c-alert{display:flex;align-items:center;gap:var(--s-1);padding:7px 4px;border-bottom:1px solid var(--soft);font-size:12px;text-decoration:none;color:var(--ink)}
.c-alert:last-child{border-bottom:0}
a.c-alert:hover{background:var(--soft)}
.c-alert .c-n{margin-left:auto;font-weight:700;font-variant-numeric:tabular-nums}

.c-pill{font-size:9px;font-weight:800;padding:2px 8px;border-radius:9px;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;flex:0 0 auto}
.c-pill.ok{background:var(--ok-bg);color:var(--ok)} .c-pill.warn{background:var(--warn-bg);color:var(--warn)}
.c-pill.crit{background:var(--crit-bg);color:var(--crit)} .c-pill.info{background:var(--info-bg);color:var(--info)}
.c-pill.accent{background:var(--accent-bg);color:var(--accent)}

.c-vchip{font-size:8.5px;font-weight:800;padding:1px 6px;border-radius:8px;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;flex:0 0 auto}
.c-vchip.v-resi{background:var(--accent-bg);color:var(--accent)}
.c-vchip.v-dock{background:var(--ok-bg);color:var(--ok)}
.c-vchip.v-amzn{background:var(--warn-bg);color:var(--warn)}
.c-vchip.v-walk{background:rgba(138,92,246,.14);color:var(--violet)}
.c-vchip.v-other{background:var(--info-bg);color:var(--info)}

.c-tablewrap{overflow-x:auto}
table.c-table{width:100%;border-collapse:collapse;font-size:12px}
.c-table th{position:sticky;top:0;background:var(--panel);z-index:1;font-size:var(--t-small);font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--ink-3);text-align:left;padding:6px 8px;border-bottom:1px solid var(--line)}
.c-table td{height:44px;padding:4px 8px;border-bottom:1px solid var(--soft);vertical-align:middle}
.c-table tr:last-child td{border-bottom:0}
.c-table td.num,.c-table th.num{text-align:right;font-variant-numeric:tabular-nums}
.c-table td a{color:var(--accent);text-decoration:none}

.c-check{display:flex;align-items:center;gap:9px;padding:7px 2px;border-bottom:1px solid var(--soft);font-size:12.5px}
.c-check:last-child{border-bottom:0}
.c-check input[type=checkbox]{width:15px;height:15px;accent-color:var(--accent);cursor:pointer;flex:0 0 auto}
.c-check.done .c-lbl{color:var(--ink-3);text-decoration:line-through}
.c-check.skipped .c-lbl{color:var(--warn)}
.c-check .c-skip{margin-left:auto;background:none;border:1px solid var(--soft);color:var(--ink-3);border-radius:7px;padding:2px 8px;font:10px inherit;cursor:pointer}

.c-wheel{transform:rotate(-90deg)}
.c-wheel .c-wbg{fill:none;stroke:var(--soft);stroke-width:3.6}
.c-wheel .c-wfg{fill:none;stroke:var(--accent);stroke-width:3.6;stroke-linecap:round}
.c-wheel text{fill:var(--ink);font-size:9px;font-weight:700;text-anchor:middle;transform:rotate(90deg);transform-origin:18px 18px}
.c-wheelnull{margin:0 auto;border-radius:50%;border:4px dashed var(--ink-3);display:flex;align-items:center;justify-content:center;color:var(--ink-3);font-size:12px}
.c-bar{height:8px;background:var(--soft);border-radius:5px;overflow:hidden;flex:1}
.c-bar i{display:block;height:100%;background:var(--ok)}

.c-empty{border:1px dashed var(--soft);border-radius:10px;padding:14px 12px;font-size:var(--t-small);color:var(--ink-3);text-align:center}
.c-empty .c-ic{display:block;margin:0 auto 6px;color:var(--ink-3)}
.c-empty b{color:var(--ink-2);font-style:normal;display:block;margin-bottom:2px}
.c-error{border:1px solid rgba(255,98,98,.35);background:var(--crit-bg);border-radius:10px;padding:10px 12px;font-size:var(--t-small);color:var(--ink-2)}
.c-error b{color:var(--crit)}
.c-error button{margin-left:8px}
.c-skel{height:12px;border-radius:6px;background:linear-gradient(90deg,var(--soft) 25%,var(--card-raised) 50%,var(--soft) 75%);background-size:200% 100%;animation:c-shimmer 1.1s linear infinite;margin:10px 2px}
@keyframes c-shimmer{to{background-position:-200% 0}}

.c-nwdot{font-size:var(--t-small);color:var(--ink-3);cursor:help}
.c-nwdot .c-i{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;border:1px solid currentColor;border-radius:50%;font:italic 700 8.5px Georgia,serif;margin-right:4px;vertical-align:-1px;opacity:.85}

.c-ic{vertical-align:-2px;flex:0 0 auto}

.c-srcbadge{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;padding:2px 8px;border-radius:8px;background:var(--info-bg);color:var(--ink-2);white-space:nowrap;flex:0 0 auto;cursor:default}
.c-srcbadge .c-dot{width:6px;height:6px;border-radius:50%;flex:0 0 auto}
.c-srcbadge .c-sync{font-weight:500;text-transform:none;letter-spacing:0;color:var(--ink-3)}
.c-srcbadge.sm{padding:1px 6px}.c-srcbadge.sm .c-sync{display:none}
.c-srcbadge.s-jobber .c-dot{background:var(--ok)} .c-srcbadge.s-cin7 .c-dot{background:var(--accent)}
.c-srcbadge.s-connecteam .c-dot{background:var(--violet)} .c-srcbadge.s-qbo .c-dot{background:var(--warn)}
.c-srcbadge.s-helm .c-dot{background:var(--ink-3)}

.c-confchip{display:inline-flex;align-items:center;gap:4px;font-size:9px;font-weight:800;padding:1px 7px;border-radius:8px;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;flex:0 0 auto;text-decoration:none;cursor:default}
.c-confchip.hi{background:var(--ok-bg);color:var(--ok)} .c-confchip.med{background:var(--warn-bg);color:var(--warn)}
.c-confchip.lo{background:var(--info-bg);color:var(--info)}
.c-confchip.review{background:var(--crit-bg);color:var(--crit);cursor:pointer}
a.c-confchip.review:hover{text-decoration:underline}