:root{--bg:#f6f6f4;--panel:#fff;--side:#efefec;--line:#dcdbd5;--text:#1d1d1b;--muted:#5f5e58;--accent:#b8461b;--accent-soft:#fbe5da;--ok:#1f7a46;--warn:#8a5a00;--bad:#b42318;--info:#2457b8;--demo:#6b3fa0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#161615;--panel:#1f1f1d;--side:#121211;--line:#34342f;--text:#ecebe6;--muted:#b0afa8;--accent:#f07a45;--accent-soft:#3a2519;--ok:#5cc28a;--warn:#e6b450;--bad:#ff7b72;--info:#79a6ff;--demo:#c49cf0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;font:16px/1.5 -apple-system,BlinkMacSystemFont,SF Pro Text,Inter,system-ui,sans-serif}a{color:inherit}button,select,input,textarea{font:inherit;color:inherit}select,input,textarea{background:var(--panel);border:1px solid var(--line);border-radius:8px;width:100%;min-height:44px;padding:10px 12px}:focus-visible{outline:3px solid var(--info);outline-offset:2px}h1{margin:8px 0 12px;font-size:22px;line-height:1.3}h2{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:24px 0 8px;font-size:13px}code{overflow-wrap:anywhere;font:13px ui-monospace,SFMono-Regular,Menlo,monospace}.muted{color:var(--muted)}.small{font-size:14px}.skip{background:var(--panel);z-index:50;padding:8px 12px;position:absolute;top:0;left:-999px}.skip:focus{left:8px}.demo-banner{z-index:30;background:var(--demo);color:var(--bg);text-align:center;padding:6px 16px;font-size:14px;font-weight:600;position:sticky;top:0}.origin{border:1px solid var(--demo);color:var(--demo);border-radius:6px;margin:0 0 8px;padding:0 8px;font-size:12px;font-weight:600;display:inline-block}.shell{min-height:100vh}.side{display:none}.main{padding:12px 16px calc(84px + env(safe-area-inset-bottom));outline:none;max-width:820px;margin:0 auto}.top{margin-bottom:8px}.tabbar{z-index:20;background:var(--panel);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar .nav-item{white-space:nowrap;background:0 0;border:0;justify-content:center;gap:4px;min-height:56px;padding:10px 4px;font-size:14px}.nav-item{cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;text-decoration:none;display:flex}.nav-item.active{color:var(--accent);font-weight:600}.more-sheet{bottom:calc(56px + env(safe-area-inset-bottom));z-index:25;background:var(--panel);border-top:1px solid var(--line);gap:2px;padding:8px 8px 12px;display:grid;position:fixed;left:0;right:0;box-shadow:0 -8px 24px #0002}.more-sheet .link{justify-self:start;padding:10px 14px}.count{background:var(--accent);color:#fff;text-align:center;border-radius:11px;min-width:22px;padding:0 7px;font-size:12px;font-weight:700;line-height:22px;display:inline-block}@media (width>=900px){.shell{grid-template-columns:230px 1fr;display:grid}.demo-banner{grid-column:1/-1}.side{background:var(--side);border-right:1px solid var(--line);flex-direction:column;gap:4px;height:100vh;padding:16px 10px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{padding:4px 14px 14px;font-weight:700}.side nav{gap:2px;display:grid}.side .nav-item.active{background:var(--accent-soft)}.side-foot{margin-top:auto;padding:0 14px 8px;font-size:14px}.tabbar,.more-sheet{display:none}.main{margin:0;padding:20px 32px 40px}}.attention{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:14px}.meter{background:var(--side);border-radius:3px;height:6px;margin-top:6px;overflow:hidden}.meter-fill{background:var(--ok);height:100%}.meter-fill.over{background:var(--bad)}.list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.row,.card-row{background:var(--panel);border:1px solid var(--line);border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.card-row{padding:0}.card-link{width:100%;min-height:44px;padding:12px 14px;text-decoration:none;display:block}.row .card-link{padding:0}.card-row-head{flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:14px;display:flex}.card-row-title{margin:4px 0 2px;font-weight:600}.row-split{justify-content:space-between;align-items:baseline;gap:10px;width:100%;display:flex}.due.soon{color:var(--bad);font-weight:600}.blocked{color:var(--bad)}.empty{color:var(--muted);border:1px dashed var(--line);border-radius:12px;padding:14px 16px}.error{color:var(--bad);background:color-mix(in srgb, var(--bad) 10%, transparent);border:1px solid var(--bad);border-radius:10px;padding:10px 14px}.ok{color:var(--ok);font-weight:600}.note{background:var(--accent-soft);border-radius:10px;padding:10px 14px}.queued{margin-top:20px}.queued summary{cursor:pointer;min-height:44px;padding:10px 0}.risk,.sev{border:1.5px solid;border-radius:6px;padding:1px 8px;font-size:12px;font-weight:700;display:inline-block}.risk-R0,.risk-R1{color:var(--muted)}.risk-R2{color:var(--info)}.risk-R3{color:var(--warn)}.risk-R4,.risk-R5,.sev-SEV0,.sev-SEV1{color:var(--bad)}.sev-SEV2{color:var(--warn)}.sev-SEV3{color:var(--muted)}.status{background:var(--side);white-space:nowrap;border-radius:6px;padding:1px 8px;font-size:12px;font-weight:600;display:inline-block}.status-none{color:var(--muted);font-style:italic}.status-completed,.status-succeeded,.status-approved,.status-connected,.status-resolved{color:var(--ok)}.status-blocked,.status-failed,.status-rejected,.status-outcome_unknown,.status-reconnect_required,.status-expired,.status-blocked_input{color:var(--bad)}.status-awaiting_approval,.status-pending,.status-snoozed,.status-degraded,.status-open{color:var(--warn)}.pass{color:var(--ok);font-size:13px;font-weight:700}.fail{color:var(--bad);font-size:13px;font-weight:700}.feed{gap:6px;margin:0;padding:0;list-style:none;display:grid}.feed li{border-left:3px solid var(--line);padding:2px 0 2px 10px}.feed time{font-variant-numeric:tabular-nums;color:var(--muted)}.back{color:var(--muted);min-height:44px;padding:8px 0;text-decoration:none;display:inline-block}.decision h1{font-size:21px}.facts{grid-template-columns:1fr;gap:2px 16px;margin:12px 0;display:grid}.facts dt{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-top:10px;font-size:13px}.facts dd{margin:0}.facts ul{margin:0;padding-left:18px}@media (width>=700px){.facts{grid-template-columns:160px 1fr}.facts dt{margin-top:0}}.evidence{list-style:none;padding:0!important}.diff{background:var(--panel);border:1px solid var(--line);white-space:pre-wrap;border-radius:10px;padding:12px;font:13px/1.5 ui-monospace,Menlo,monospace;overflow-x:auto}.diff .add{color:var(--ok)}.diff .del{color:var(--bad);text-decoration:line-through}.live{grid-column:1/-1}.live:empty{display:none}.live p{margin:0}.decision-form{background:var(--panel);border:1px solid var(--line);border-radius:12px;gap:10px;margin:12px 0;padding:12px;display:grid}.decision-form label{gap:6px;font-size:14px;display:grid}.actions{bottom:calc(60px + env(safe-area-inset-bottom));z-index:10;background:var(--bg);border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;padding:10px 0;display:grid;position:sticky}.actions .approve{grid-column:1/-1}.actions .blocked{grid-column:1/-1;margin:0}@media (width>=900px){.actions{grid-template-columns:repeat(5,auto);justify-content:start;bottom:0}.actions .approve{grid-column:auto}}.btn{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:10px;min-height:48px;padding:10px 16px;font-weight:600}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.active{border-color:var(--accent);color:var(--accent)}.btn.approve,.btn.primary{background:var(--ok);border-color:var(--ok);color:#fff}.btn.danger{background:var(--bad);border-color:var(--bad);color:#fff}.link{color:var(--muted);cursor:pointer;background:0 0;border:0;min-height:44px;padding:0;text-decoration:underline}.tabs{border-bottom:1px solid var(--line);gap:4px;margin:12px 0;display:flex;overflow-x:auto}.tab{cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;min-height:44px;padding:10px 12px}.tab.active{border-bottom-color:var(--accent);font-weight:600}.stats{grid-template-columns:repeat(2,1fr);gap:8px;margin:0;display:grid}@media (width>=700px){.stats{grid-template-columns:repeat(4,1fr)}}.stats div{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 12px}.stats dt{color:var(--muted);font-size:13px}.stats dd{font-variant-numeric:tabular-nums;margin:0;font-size:20px;font-weight:700}.stop-box{border:1px solid var(--bad);border-radius:12px;margin-top:24px;padding:4px 14px 14px}.stop-form{gap:8px;margin-bottom:10px;display:grid}.stop-form label{gap:4px;font-size:14px;display:grid}.login{max-width:420px;margin:10vh auto;padding:0 16px}.login-users{gap:10px;display:grid}.login-users .btn{text-align:left;justify-content:space-between;display:flex}.login-form{gap:12px;display:grid}.login-form label{gap:4px;font-size:14px;font-weight:600;display:grid}.login-form input{border:1px solid var(--line);background:var(--panel);min-height:48px;color:inherit;font:inherit;border-radius:10px;padding:10px 12px;font-size:16px}.login-form input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.demo-note{color:var(--demo);font-weight:600}@media (prefers-reduced-motion:no-preference){.btn,.nav-item,.meter-fill{transition:background-color .15s,color .15s,width .3s}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}