:root{--bg:#eef1f6;--surface:#fff;--surface-2:#f7f9fc;--border:#dae0ea;--border-strong:#c3ccda;--text:#0e1521;--text-2:#475467;--muted:#616d7e;--chrome:#111826;--chrome-2:#1b2435;--chrome-ink:#eef2f8;--chrome-muted:#93a0b4;--primary:#1257d6;--primary-ink:#0d3f9e;--primary-wash:#eaf1fe;--good:#0a7a33;--good-wash:#e8f8ee;--warn:#8a5300;--warn-wash:#fef5e6;--danger:#a8231b;--danger-wash:#fdeeed;--mark-good:#0ca30c;--mark-warning:#fab219;--mark-serious:#ec835a;--mark-critical:#d03b3b;--mark-warning-sm:#bf8000;--seq-fill:#2a78d6;--seq-track:#cde2fb;--radius:8px;--radius-lg:10px;--shadow:0 1px 2px #0e15210d;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px}*{box-sizing:border-box}body{background:var(--bg);margin:0}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.app{flex-direction:column;min-height:100vh;display:flex}.topbar{background:var(--chrome);color:var(--chrome-ink);z-index:20;align-items:center;gap:18px;height:52px;padding:0 20px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.01em;white-space:nowrap;flex:none;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.brand-dot{background:var(--mark-good);border-radius:50%;flex:none;width:8px;height:8px}.nav{scrollbar-width:none;flex:1;gap:2px;min-width:0;display:flex;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav a{color:var(--chrome-muted);white-space:nowrap;border-radius:6px;padding:6px 11px;font-size:13px;font-weight:500}.nav a:hover{background:var(--chrome-2);color:var(--chrome-ink);text-decoration:none}.nav a.active{background:var(--chrome-2);color:#fff;font-weight:600}.who{color:var(--chrome-muted);text-align:right;white-space:nowrap;text-overflow:ellipsis;flex:none;max-width:180px;font-size:12px;line-height:1.3;overflow:hidden}@media (width<=860px){.who{display:none}}.who strong{color:var(--chrome-ink);font-weight:600;display:block}.topbar button.secondary{color:var(--chrome-ink);background:0 0;border-color:#33405a;flex:none;min-height:32px;padding:6px 12px;font-size:13px}.topbar button.secondary:hover{background:var(--chrome-2);opacity:1}.content{width:100%;max-width:1400px;margin:0 auto;padding:20px}h1{letter-spacing:-.01em;margin:0 0 2px;font-size:20px}.subtitle{color:var(--muted);margin:0 0 18px;font-size:13px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.page-head .subtitle{margin-bottom:0}h2{letter-spacing:-.005em;margin:0;font-size:14px}.section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 8px;font-size:11px;font-weight:700}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:14px 16px}.card-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.card-head .hint{color:var(--muted);font-size:12px}.card-flush{padding:14px 0 0}.card-flush .card-head,.card-flush .card-note{padding:0 16px}.card-flush table th:first-child,.card-flush table td:first-child{padding-left:16px}.card-flush table th:last-child,.card-flush table td:last-child{padding-right:16px}.card-note{color:var(--muted);margin:-4px 0 10px;font-size:12px}.card-flagged{position:relative;overflow:hidden}.card-flagged:before{content:"";background:var(--mark-critical);width:3px;position:absolute;top:0;bottom:0;left:0}.card-unread{border-left:3px solid var(--primary)}.card.is-read{background:var(--surface-2)}.grid{gap:12px;margin-bottom:16px;display:grid}.grid.stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.grid.two{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid.wide-left{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}@media (width<=900px){.grid.wide-left{grid-template-columns:1fr}}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);color:inherit;padding:11px 13px;display:block;position:relative}a.kpi:hover{border-color:var(--border-strong);text-decoration:none}.kpi.flagged:before{content:"";background:var(--mark-critical);border-radius:0 3px 3px 0;width:3px;position:absolute;top:10px;bottom:10px;left:0}.kpi.flagged-warn:before{background:var(--mark-warning-sm)}.stat-label,.kpi-label{color:var(--muted);letter-spacing:0;text-transform:none;font-size:12px;font-weight:500;line-height:1.3}.stat-value,.kpi-value{letter-spacing:-.02em;margin-top:3px;font-size:26px;font-weight:650;line-height:1.05}.stat-value.warn,.kpi-value.warn{color:var(--warn)}.stat-value.danger,.kpi-value.danger{color:var(--danger)}.kpi-value .unit{color:var(--muted);letter-spacing:0;font-size:15px;font-weight:500}.kpi-foot{color:var(--muted);align-items:center;gap:5px;min-height:18px;margin-top:6px;font-size:12px;display:flex}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);white-space:nowrap;background:var(--surface-2);padding:7px 10px;font-size:11px;font-weight:700}td{border-bottom:1px solid var(--border);vertical-align:top;padding:8px 10px}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--surface-2)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.nowrap{white-space:nowrap}.pill{white-space:nowrap;border:1px solid #0000;border-radius:5px;align-items:center;gap:5px;padding:2px 8px;font-size:11.5px;font-weight:650;line-height:1.5;display:inline-flex}.pill:before{content:"";opacity:.85;background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.pill.bare:before{display:none}.pill.completed{background:var(--good-wash);color:var(--good);border-color:#bde8cd}.pill.partial,.pill.rescheduled{background:var(--warn-wash);color:var(--warn);border-color:#f4dcb4}.pill.cancelled,.pill.no_access,.pill.high{background:var(--danger-wash);color:var(--danger);border-color:#f5c9c5}.pill.medium{background:var(--warn-wash);color:var(--warn);border-color:#f4dcb4}.pill.low{background:var(--surface-2);color:var(--text-2);border-color:var(--border)}.pill.info{background:var(--primary-wash);color:var(--primary-ink);border-color:#c7dbfb}.muted{color:var(--muted)}.small{font-size:12px}.flag-text{color:var(--text);align-items:baseline;gap:6px;display:inline-flex}.flag-mark{color:var(--mark-warning-sm);flex:none;font-size:9px}.sev-list{flex-direction:column;display:flex}.sev-row{border-bottom:1px solid var(--border);grid-template-columns:auto 1fr auto;align-items:start;gap:10px;padding:9px 16px;display:grid}.sev-row:last-child{border-bottom:none}.sev-row:hover{background:var(--surface-2)}.sev-badge{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:4px;align-items:center;gap:5px;min-width:68px;padding:2px 7px 2px 5px;font-size:10.5px;font-weight:750;display:inline-flex}.sev-glyph{font-size:10px;line-height:1}.sev-badge.high{background:var(--danger-wash);color:var(--danger)}.sev-badge.medium{background:var(--warn-wash);color:var(--warn)}.sev-badge.low{background:var(--surface-2);color:var(--text-2)}.sev-body{min-width:0;font-size:13px;line-height:1.4}.sev-meta{color:var(--muted);margin-top:2px;font-size:11.5px}.sev-when{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:11.5px}.meter{background:var(--seq-track);border-radius:3px;height:6px;overflow:hidden}.meter>span{background:var(--seq-fill);border-radius:0 3px 3px 0;height:100%;display:block}.meter.no-data{background:var(--border)}.meter-row{grid-template-columns:minmax(0,1fr) 72px 52px;align-items:center;gap:10px;padding:5px 0;font-size:12px;display:grid}.meter-row .label{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.meter-row .val{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums;font-size:11.5px}.score-head{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.score-value{letter-spacing:-.025em;font-size:34px;font-weight:650;line-height:1}.score-value.none{color:var(--muted);font-weight:500}.score-of{color:var(--muted);margin-left:2px;font-size:13px;font-weight:500}.band{color:var(--text-2);white-space:nowrap;align-items:center;gap:6px;font-size:11.5px;font-weight:650;display:inline-flex}.band .dot{width:9px;height:9px;box-shadow:0 0 0 2px var(--surface);border-radius:50%;flex:none}.band.good .dot{background:var(--mark-good)}.band.fair .dot{background:var(--mark-warning-sm)}.band.needs_attention .dot{background:var(--mark-critical)}.band.no_data .dot{border:1.5px solid var(--border-strong);background:0 0}.context-row{border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;gap:4px 14px;margin-top:10px;padding-top:9px;font-size:11.5px;display:flex}.context-row b{color:var(--text-2);font-variant-numeric:tabular-nums;font-weight:650}.wash-track{gap:5px;font-size:13px;line-height:1;display:inline-flex}.wash.done{color:var(--mark-good)}.wash.missed{color:var(--mark-critical)}.toolbar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:14px;padding:11px 13px;display:flex}.toolbar .spacer{flex:1}.filters{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:14px;display:flex}.field{flex-direction:column;gap:3px;display:flex}.field label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:650}input,select{font:inherit;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--text);min-height:34px;padding:6px 9px;font-size:13px}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--primary);outline-offset:1px}button{font:inherit;border-radius:var(--radius);background:var(--primary);color:#fff;cursor:pointer;white-space:nowrap;border:1px solid #0000;min-height:34px;padding:7px 14px;font-size:13px;font-weight:650}button:hover{opacity:.92}button:disabled{opacity:.5;cursor:default}button.secondary{background:var(--surface);border-color:var(--border-strong);color:var(--text)}button.secondary:hover{background:var(--surface-2);opacity:1}button.ghost{color:var(--primary);background:0 0;border-color:#0000;padding:7px 8px}button.ghost:hover{background:var(--primary-wash);opacity:1}.banner{border-radius:var(--radius);border:1px solid #0000;align-items:baseline;gap:8px;margin-bottom:14px;padding:10px 13px;font-size:13px;display:flex}.banner .glyph{flex:none;font-size:11px}.banner.error{background:var(--danger-wash);color:var(--danger);border-color:#f5c9c5}.banner.warn{background:var(--warn-wash);color:var(--warn);border-color:#f4dcb4}.banner.info{background:var(--primary-wash);color:var(--primary-ink);border-color:#c7dbfb}.login-wrap{background:var(--chrome);place-items:center;min-height:100vh;padding:24px;display:grid}.login{background:var(--surface);border-radius:12px;flex-direction:column;gap:12px;width:100%;max-width:340px;padding:26px 24px;display:flex;box-shadow:0 10px 30px #060a1259}.login h1{text-align:center;margin-bottom:0;font-size:19px}.login .subtitle{text-align:center;margin-bottom:4px}.login .field label{text-transform:none;letter-spacing:0;font-size:12px}.login input{min-height:38px}.login button{min-height:38px;margin-top:2px}.empty{text-align:center;color:var(--muted);padding:32px 20px;font-size:13px}.detail-grid{grid-template-columns:160px 1fr;gap:8px 18px;font-size:13px;display:grid}.detail-grid dt{color:var(--muted);font-weight:600}.detail-grid dd{white-space:pre-wrap;margin:0}@media (width<=560px){.detail-grid{grid-template-columns:1fr;gap:2px 0}.detail-grid dd{margin-bottom:8px}}.thumbs{flex-wrap:wrap;gap:12px;display:flex}.thumb-wrap{width:150px;margin:0}.thumb-wrap figcaption{color:var(--muted);margin-top:5px;font-size:11.5px;line-height:1.35}.thumb{object-fit:cover;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);cursor:pointer;width:150px;height:150px;display:block}.thumb-loading{background:linear-gradient(90deg,#eef1f6,#f8fafd,#eef1f6) 0 0/200% 100%;animation:1.2s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.thumb-loading{animation:none}}.thumb-failed{color:var(--muted);cursor:default;text-align:center;place-items:center;padding:8px;font-size:11.5px;display:grid}.signature{border:1px solid var(--border);border-radius:var(--radius);background:#fff;max-width:420px;padding:10px}.signature img{width:100%;height:auto;display:block}.lightbox{z-index:50;cursor:zoom-out;background:#080c14db;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.lightbox img{border-radius:var(--radius);max-width:100%;max-height:100%}
