:root{font-family:"Segoe UI",Arial,sans-serif;color:#20362f;background:#f4f7f5;line-height:1.5;--ink:#20362f;--muted:#52675e;--green:#087454;--line:#d8e2dc;--surface:#fff}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}::selection{background:var(--green);color:var(--on-accent)}input,textarea{caret-color:var(--green)}.table-wrap,.sidebar{scrollbar-width:thin;scrollbar-color:var(--control-line) transparent}a{color:#076b4d;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,.secondary{border:1px solid #a8bcb1;border-radius:6px;padding:8px 12px;background:white;color:var(--ink);cursor:pointer;display:inline-block;margin:3px;min-height:44px;font-weight:600;font-size:13px}button:hover,.secondary:hover{background:#edf4ef}button:disabled{opacity:.55;cursor:not-allowed}.primary{background:var(--green);color:white;border:1px solid var(--green)}.primary:hover{background:#055d42}.danger{color:#a12828;border-color:#deb9b9}.ghost{background:transparent;color:inherit}.secondary:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #168766;outline-offset:3px}input,select,textarea{width:100%;min-height:44px;padding:9px 10px;border:1px solid #9eb3a7;border-radius:5px;margin:5px 0 12px;background:white;color:var(--ink)}label{display:block;font-size:13px;font-weight:600}form{max-width:720px}h1,h2{line-height:1.25}h1{font-size:29px;letter-spacing:-.6px;margin:4px 0 8px}h2{font-size:17px;margin:0 0 8px;font-weight:650}p{margin:8px 0 16px}.brand{font-size:25px;font-weight:750;color:inherit;letter-spacing:-.7px;white-space:nowrap}.brand:hover{text-decoration:none}.brand-mark{display:inline-grid;place-items:center;background:var(--brand-mark-bg);border-radius:7px;width:34px;height:34px;margin-right:9px;color:white;font-size:22px}.brand-dot{color:var(--brand-dot)}.eyebrow,.nav-label{font-size:10px;letter-spacing:1.5px;font-weight:700;color:var(--muted)}.muted,.fine{color:var(--muted)}.fine{font-size:12px}.login-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-story{padding:clamp(28px,5vw,72px);background:#12392e;color:white;display:flex;flex-direction:column;justify-content:space-between}.login-story h1{font-size:clamp(36px,4vw,56px);letter-spacing:-1.7px}.login-story p{max-width:460px;color:var(--muted)}.principles{display:grid;gap:14px;margin-top:30px;font-size:14px}.login-side{display:grid;place-items:center;padding:32px}.login-card{max-width:390px;width:100%}.login-card h2{font-size:28px}.login-card button{width:100%;margin:16px 0}.workspace{display:grid;grid-template-columns:222px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--sidebar-bg);color:var(--sidebar-ink);padding:26px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar nav{display:grid;gap:4px}.sidebar nav a{min-height:44px;padding:10px 12px;border-radius:5px;color:var(--sidebar-link);font-size:14px}.sidebar nav a.active{background:var(--sidebar-link-active-bg);color:var(--sidebar-ink);font-weight:650}.sidebar nav a:hover{background:var(--sidebar-link-hover-bg);text-decoration:none;color:var(--sidebar-ink)}.sidebar nav span{margin-right:9px;display:inline-block;width:17px}.sidebar .nav-label{margin-top:34px;color:#a9c5b5}.sidebar-note{margin-top:auto;padding-top:40px;font-size:12px;color:var(--sidebar-muted)}.sidebar-note p{margin:8px 0}.passive-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--passive-indicator);margin-right:7px}.account{border-top:1px solid var(--sidebar-border);margin-top:20px;padding-top:18px;display:grid;gap:4px;font-size:14px;overflow-wrap:anywhere}.account small{color:#c1d7ca}.account button{margin:8px 0 0;text-align:left}.main-shell{min-width:0}.topbar{height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:0 32px;background:white;font-size:13px}.breadcrumb{color:var(--muted);margin-left:8px}.topbar #snapshot-time{margin-left:auto}main{padding:28px 32px;max-width:1700px;margin:auto;min-width:0}.page-heading{margin-bottom:22px}.page-heading .eyebrow{margin:0}.page-heading p{margin:4px 0}.card{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:20px;margin-bottom:18px;min-width:0}.card>p.muted{font-size:13px;max-width:90ch}.metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:16px}.metric{padding:8px 0}.metric strong{font-size:27px;line-height:1.1;display:block;font-weight:650;font-variant-numeric:tabular-nums}.metric span{display:block;font-size:13px;color:var(--muted);margin-top:8px}.table-wrap{overflow:auto;max-width:100%;border:1px solid var(--line);border-radius:5px}table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}th{background:#f2f6f3;color:#425d4e;font-size:11px;letter-spacing:.3px;font-weight:700;white-space:nowrap}th,td{padding:11px 12px;border-bottom:1px solid #e3ebe6;vertical-align:top}th{position:sticky;top:0;z-index:1}td{min-width:80px;max-width:400px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}tr:last-child td{border-bottom:0}tbody tr:hover{background:#f8fbf9}td button{white-space:nowrap}td .inline-link{display:inline-block;margin:5px 8px 5px 0}td[data-column="Message"]{min-width:280px;white-space:pre-wrap;line-height:1.65}td[data-column="Summary"]{min-width:240px;line-height:1.6}.badge{display:inline-block;border-radius:4px;padding:3px 7px;font-size:11px;font-weight:650;white-space:nowrap}.badge-ok{background:#e0f1e7;color:#12623e}.badge-wait{background:#fff1d1;color:#77500b}.badge-bad{background:#fae7e7;color:#9e2727}.badge-muted{background:#edf1ee;color:#506158}.filters{margin:14px 0 18px}.filters form{display:flex;gap:7px;align-items:center;max-width:none}.filters input{margin:0}.filters form input{max-width:440px}.filters form button{flex-shrink:0}form.filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 16px;max-width:none;align-items:end;padding:16px;background:#f6f9f7;border-radius:6px}form.filters input,form.filters select{margin-bottom:0}form.filters button{margin:0;align-self:end}.pager{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:14px}.pager .fine{margin-right:auto}.inline-link{text-decoration:underline;text-underline-offset:3px;font-weight:600}.actions{display:flex;gap:8px;flex-wrap:wrap}.notice,.error,.loading-state{padding:13px 16px;border-radius:6px;font-size:14px}.notice{background:#e2f3e8;color:#155939;border:1px solid #a6cdb7}.error{background:#fff0ee;color:#942c22;border:1px solid #dfb0a8}.loading-state{border:1px solid var(--line);background:white;color:var(--muted)}.empty-state{padding:24px 16px;background:#f6f9f7;border:1px dashed #b7cabc;border-radius:6px;color:var(--muted);font-size:14px}.workspace-footer{font-size:12px;color:var(--muted);margin:26px 0 10px;max-width:100ch}.skip-link{position:fixed;left:12px;top:-80px;background:white;padding:12px;z-index:100}.skip-link:focus{top:12px}dialog{width:min(620px,calc(100% - 32px));max-height:85vh;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:24px;color:var(--ink)}dialog::backdrop{background:#0a241dbb}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.dialog-heading h2{margin:0}#qr-content img{max-width:100%;display:block;margin:20px auto}#nav-toggle{display:none}.detail-panel{outline-offset:4px}.detail-panel h2{font-size:21px}details.form-disclosure{margin-bottom:18px}details.form-disclosure>summary{cursor:pointer;padding:12px 16px;background:#fff;border:1px solid var(--line);border-radius:6px;font-weight:600;font-size:14px}details.form-disclosure[open]>summary{margin-bottom:8px}details.form-disclosure .card{margin-bottom:0}.flow-links{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;margin:12px 0 0}.story-footer{font-size:12px}.table-wrap:focus-visible{outline-offset:2px}
@media(min-width:1250px){#content[data-view="overview"]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}#content[data-view="overview"]>.card{margin:0}#content[data-view="overview"]>.card:first-child,#content[data-view="overview"]>.card:last-child{grid-column:1/-1}}
@media(max-width:900px){.workspace{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding:24px 12px}.topbar{padding:0 20px;gap:8px}main{padding:24px 20px}.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}form.filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.login-layout{grid-template-columns:1fr}.login-story{padding:28px}.login-story h1{font-size:35px}.principles,.story-footer{display:none}.login-story>div{margin-top:28px}.login-side{padding:32px 24px}.workspace{display:block}.sidebar{height:auto;position:static;padding:14px 16px;display:grid;grid-template-columns:1fr auto;gap:12px}.sidebar .brand{font-size:23px}.sidebar .nav-label,.sidebar-note{display:none}#nav-toggle{display:block;margin:0;color:var(--sidebar-ink);background:var(--sidebar-control-bg);border-color:var(--sidebar-control-border);min-height:44px}.sidebar nav,.sidebar .account{grid-column:1/-1}.sidebar:not(.nav-open) nav,.sidebar:not(.nav-open) .account{display:none}.sidebar nav{grid-template-columns:1fr 1fr;gap:4px}.sidebar nav a{min-height:44px;padding:11px}.account{margin:0;padding-top:12px;grid-template-columns:1fr auto}.account small{grid-column:1}.account button{grid-column:2;grid-row:1/3;margin:0}.topbar{padding:10px 16px;height:auto;flex-wrap:wrap;gap:8px}.topbar>span:first-child{display:none}.topbar #snapshot-time{margin-left:0;margin-right:auto}main{padding:22px 16px}.card{padding:16px;margin-bottom:14px}h1{font-size:27px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.metric strong{font-size:25px}.metric:last-child{grid-column:1/-1;display:flex;align-items:baseline;gap:12px;border-top:1px solid var(--line);padding-top:12px}.metric:last-child span{margin-top:0}.filters form{flex-wrap:wrap}.filters form input{max-width:none;flex-basis:100%}form.filters{grid-template-columns:1fr;padding:12px;gap:12px}button,.secondary,.inline-link{min-height:44px}.inline-link{display:inline-flex;align-items:center}.pager{gap:4px;flex-wrap:wrap}.pager .fine{width:100%;margin:0;text-align:center}.pager button{flex:1}td{padding:10px}dialog{padding:18px}.page-heading{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Semantic colors follow preferences.js before the first paint. */
:root,html[data-theme="light"]{color-scheme:light;--canvas:#f4f7f5;--surface:#fff;--soft:#edf3ef;--ink:#20362f;--muted:#52675e;--green:#087454;--accent-hover:#055d42;--on-accent:#fff;--line:#d8e2dc;--control-line:#758d80;--link:#076b4d;--focus:#087454;--danger:#942c22;--danger-bg:#fff0ee;--ok:#155939;--ok-bg:#e2f3e8;--wait:#77500b;--wait-bg:#fff1d1;--sidebar-bg:#14392e;--sidebar-ink:#f0f7f3;--sidebar-link:#cbddd3;--sidebar-link-hover-bg:#254c3d;--sidebar-link-active-bg:#2b5543;--sidebar-border:#426452;--sidebar-muted:#c1d7ca;--sidebar-focus:#8ce5bd;--brand-mark-bg:#087454;--brand-mark-ink:#fff;--brand-dot:#64dbab;--passive-indicator:#72d3a8;--sidebar-control-bg:#254c3d;--sidebar-control-border:#7d9c89;--overlay-backdrop:#06110dcc}
html[data-theme="dark"]{color-scheme:dark;--canvas:#101a16;--surface:#192820;--soft:#22362b;--ink:#edf6f0;--muted:#b5cbbb;--green:#70d9ab;--accent-hover:#99e8c4;--on-accent:#10251b;--line:#3a5143;--control-line:#7d9b88;--link:#8ce5bd;--focus:#8ce5bd;--danger:#ffb7ac;--danger-bg:#442724;--ok:#ace8c4;--ok-bg:#203d2b;--wait:#f5d893;--wait-bg:#41371f;--sidebar-bg:#14392e;--sidebar-ink:#f0f7f3;--sidebar-link:#cbddd3;--sidebar-link-hover-bg:#254c3d;--sidebar-link-active-bg:#2b5543;--sidebar-border:#426452;--sidebar-muted:#c1d7ca;--sidebar-focus:#8ce5bd;--brand-mark-bg:#087454;--brand-mark-ink:#fff;--brand-dot:#64dbab;--passive-indicator:#72d3a8;--sidebar-control-bg:#254c3d;--sidebar-control-border:#7d9c89;--overlay-backdrop:#06110dcc}
:root,body{background:var(--canvas);color:var(--ink)}
a{color:var(--link)}
button,.secondary,input,select,textarea{background:var(--surface);color:var(--ink);border-color:var(--control-line)}
button:hover,.secondary:hover{background:var(--soft)}
.primary{background:var(--green);color:var(--on-accent);border-color:var(--green)}
.primary:hover{background:var(--accent-hover);color:var(--on-accent)}
.danger{color:var(--danger);border-color:var(--danger)}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}
input,select,textarea{accent-color:var(--green)}
:where(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.secondary:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline-color:var(--focus)}
.topbar,.loading-state,dialog,details.form-disclosure>summary,.skip-link{background:var(--surface);color:var(--ink)}
th,form.filters,.empty-state{background:var(--soft);color:var(--muted)}
th,td{border-bottom-color:var(--line)}
tbody tr:hover{background:var(--soft)}
.badge-ok,.notice{background:var(--ok-bg);color:var(--ok);border-color:var(--ok)}
.badge-wait{background:var(--wait-bg);color:var(--wait)}
.badge-bad,.error{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}
.badge-muted{background:var(--soft);color:var(--muted)}
.sidebar .ghost{background:transparent;color:var(--sidebar-ink);border-color:var(--control-line)}
.sidebar .ghost:hover{background:var(--sidebar-link-hover-bg)}
.sidebar :focus-visible{outline-color:var(--sidebar-focus)}
dialog::backdrop{background:var(--overlay-backdrop)}
/* In-flow preferences never cover content, including translated labels. */
.preferences{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:8px 12px;padding:12px 20px;border-bottom:1px solid var(--line);background:var(--surface);color:var(--ink)}
.preferences label{margin:0}
.preferences select{width:auto;max-width:100%;min-width:0;margin:0;flex:0 1 auto}
.preferences button{margin:0;min-height:44px;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.login-layout{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;min-height:calc(100svh - 80px);padding:48px 24px}
.login-story{display:block;background:transparent;color:var(--ink);padding:0;text-align:center;width:100%;max-width:420px}
.login-story>div,.login-story>.story-footer{display:none}
.login-story .brand{font-size:32px}
.login-story .brand-dot{color:var(--green)}
.login-side{display:block;padding:0;width:100%;max-width:420px}
.login-card{max-width:420px;width:100%;padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:12px}
.login-card>.brand{display:block;text-align:center;margin-bottom:16px}
.login-tagline,.tagline{text-align:center;color:var(--muted)}
@media(max-width:480px){.preferences{justify-content:center;padding:12px;gap:8px}.preferences select{flex:1}.preferences button{flex:1 1 120px}.login-layout{padding:32px 16px;gap:20px}.login-card{padding:24px 20px}.dialog-heading{flex-wrap:wrap}}
@media print{.preferences{display:none!important}
.sidebar,.topbar,.filters,button,.workspace-footer{display:none!important}.workspace{display:block}main{padding:0}.card{break-inside:avoid}.table-wrap{overflow:visible}body{background:white}}