:root{--bg:#f6f2e9;--surface:#fff;--surface2:#efeadd;--border:#e3ddcc;--border-soft:#0f3d2a1a;--text:#17352a;--muted:#6f7d73;--brand:#0f3d2a;--brand-2:#17503a;--accent:#1f7a4b;--good:#2e8b57;--warn:#c98a00;--danger:#c0392b;--vendor:#b8763e;--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--radius:12px;--shadow:0 1px 2px #0f3d2a0f, 0 2px 10px #0f3d2a0d;font-variant-numeric:tabular-nums;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{margin:0}.app{min-height:100vh}.loading{text-align:center;color:var(--muted);padding:4rem;font-size:1.1rem}.loading.err{color:var(--danger)}.no-access{text-align:center;max-width:34rem;margin:3.5rem auto}.no-access h2{color:var(--brand);margin-bottom:.75rem;font-size:1.2rem}.no-access p{color:var(--text);margin-bottom:.7rem;line-height:1.55}.no-access p.muted{color:var(--muted);margin-bottom:0;font-size:.875rem}.topbar{z-index:20;background:var(--brand);color:#fff;align-items:center;gap:1rem;padding:.8rem 1.5rem;display:flex;position:sticky;top:0;box-shadow:0 1px 8px #0f3d2a2e}.brand{letter-spacing:.02em;color:#fff;font-size:1.1rem;font-weight:800}.brand span{color:#a7d9bf;letter-spacing:0;font-weight:500}.spacer{flex:1}.badge{color:#d8f3e3;background:#ffffff1f;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .6rem;font-size:.78rem;display:inline-flex}.live-dot{background:#7ee0a3;border-radius:50%;width:8px;height:8px;animation:1.8s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #7ee0a399}70%{box-shadow:0 0 0 6px #7ee0a300}to{box-shadow:0 0 #7ee0a300}}.scope-controls{align-items:center;gap:.5rem;display:flex}select{color:var(--text);border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;padding:.4rem .6rem;font-size:.85rem}.topbar select{color:#fff;background:#ffffff1f;border-color:#ffffff40}.topbar select option{color:var(--text)}.seg{border:1px solid var(--border);border-radius:8px;display:inline-flex;overflow:hidden}.seg-btn{color:var(--muted);border:0;border-right:1px solid var(--border);cursor:pointer;background:#fff;padding:.4rem .7rem;font-size:.82rem;font-weight:500}.seg-btn:last-child{border-right:0}.seg-btn:hover{background:var(--panel,#f4f6f4)}.seg-btn.active{background:var(--brand);color:#fff}.date-range{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.date-range label{letter-spacing:.03em;text-transform:uppercase;color:#a7d9bf;align-items:center;gap:.3rem;font-size:.72rem;display:inline-flex}.date-range input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fff;font-variant-numeric:tabular-nums;background:#ffffff1f;border:1px solid #ffffff40;border-radius:8px;padding:.32rem .5rem;font-family:inherit;font-size:.82rem}.date-range input[type=date]:focus{border-color:#7ee0a3;outline:none}.topbar .seg{border-color:#ffffff40}.topbar .seg-btn{color:#eaf5ef;background:#ffffff1a;border-right-color:#fff3;font-weight:600}.topbar .seg-btn:hover{background:#ffffff38}.icon-del{cursor:pointer;color:var(--muted);background:0 0;border:0;align-items:center;padding:.2rem;transition:color .12s;display:inline-flex}.icon-del:hover{color:var(--danger)}.modal-overlay{z-index:50;background:#0f3d2a59;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface);border-radius:var(--radius);max-width:440px;box-shadow:var(--shadow);padding:1.25rem 1.5rem}.tabs{background:var(--surface);border-bottom:1px solid var(--border);gap:.25rem;padding:0 1.5rem;display:flex;overflow-x:auto}.tabs button{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:.8rem .9rem;font-size:.9rem;transition:color .15s,border-color .15s}.tabs button:hover{color:var(--brand)}.tabs button.active{color:var(--brand);border-bottom-color:var(--accent);font-weight:700}.scope-bar{color:var(--muted);background:var(--surface2);padding:.6rem 1.5rem;font-size:.82rem}.view{flex-direction:column;gap:1.75rem;max-width:1400px;margin:0 auto;padding:1.5rem;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.1rem 1.25rem}.card-title{color:var(--brand);margin-bottom:.9rem;font-size:.9rem;font-weight:700}.kpi-grid{grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:1rem;display:grid}.kpi-grid[data-cols]{grid-template-columns:repeat(var(--kpi-cols), 1fr)}@media (width<=1150px){.kpi-grid[data-cols]{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.kpi-grid[data-cols]{grid-template-columns:repeat(2,1fr)}}.kpi{border-top:3px solid var(--accent);transition:transform .15s,box-shadow .15s}.kpi:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0f3d2a1a}.kpi-title{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem}.kpi-value{letter-spacing:-.02em;color:var(--brand);margin:.3rem 0 .15rem;font-size:1.85rem;font-weight:800}.kpi-sub{color:var(--muted);font-size:.78rem}.tone-good{border-top-color:var(--good)}.tone-good .kpi-value{color:var(--good)}.tone-warn{border-top-color:var(--warn)}.tone-warn .kpi-value{color:var(--warn)}.tone-danger{border-top-color:var(--danger)}.tone-danger .kpi-value{color:var(--danger)}.tone-vendor{border-top-color:var(--vendor)}.tone-vendor .kpi-value{color:var(--vendor)}.tone-accent{border-top-color:var(--accent)}.tone-accent .kpi-value{color:var(--accent)}.vh{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.chart-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.chart-wrap{height:300px;position:relative}.chart-wide{grid-column:1/-1}@media (width<=900px){.chart-grid{grid-template-columns:1fr}}.table-wrap{overflow-x:auto}.hovertip{background:var(--surface);width:236px;color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow);text-align:left;z-index:1000;pointer-events:none;border-radius:10px;padding:.55rem .7rem;font-size:.74rem;font-weight:400;line-height:1.45;animation:90ms ease-out hovertip-in;position:fixed;transform:translate(-100%)}@keyframes hovertip-in{0%{opacity:0}to{opacity:1}}table{border-collapse:collapse;width:100%;font-size:.88rem}th,td{text-align:left;border-bottom:1px solid var(--border-soft);padding:.55rem .7rem}th{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;background:var(--surface);font-size:.76rem;font-weight:700;position:sticky;top:0}td.r,th.r{text-align:right}th .lab{border-bottom:1px dotted var(--muted);cursor:help}tbody tr:hover{background:#0f3d2a08}tbody tr.footer-row td{border-top:2px solid var(--border);font-weight:700}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable:hover{color:var(--brand)}.sort-ind{color:var(--muted);font-size:.7rem}.expandable-row{cursor:pointer}.detail-row>td{background:var(--surface2);padding:1rem 1.1rem}.detail-h{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:.6rem;font-size:.72rem;font-weight:700}.detail-grid{grid-template-columns:1fr 1fr;gap:0 2.5rem;display:grid}@media (width<=720px){.detail-grid{grid-template-columns:1fr;gap:1.25rem}}.detail-line{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:baseline;gap:.75rem;padding:.34rem 0;font-size:.85rem;display:flex}.detail-line .r{white-space:nowrap}.pill{border-radius:999px;padding:.15rem .55rem;font-size:.78rem;font-weight:700;display:inline-block}.pill-good{color:var(--good);background:#2e8b5724}.pill-warn{color:#a06e00;background:#c98a0029}.pill-danger{color:var(--danger);background:#c0392b1f}.pill-vendor{color:var(--vendor);background:#b8763e26}.pill-neutral{color:var(--muted);background:#6f7d7324}.banner{border:1px solid;border-radius:10px;padding:.7rem 1rem;font-size:.88rem}.banner-warn{color:#8a5e00;background:#c98a001a;border-color:#c98a0059}.banner-danger{color:var(--danger);background:#c0392b14;border-color:#c0392b4d}.banner-neutral{color:var(--muted);background:var(--surface);border-color:var(--border)}.banner-good{color:var(--brand-2);background:#1f7a4b17;border-color:#1f7a4b47}.flash-head{color:var(--brand);align-items:center;gap:.5rem;font-size:1rem;display:flex}.flash-head .live-dot{background:var(--good)}.foot{max-width:1400px;color:var(--muted);border-top:1px solid var(--border);margin:0 auto;padding:1.5rem;font-size:.78rem}.muted{color:var(--muted)}.txt-danger{color:var(--danger)}.txt-good{color:var(--good)}.txt-vendor{color:var(--vendor)}.user-cluster{border-left:1px solid #ffffff2e;align-items:center;gap:.6rem;margin-left:.35rem;padding-left:.75rem;display:flex}.scope-controls>.user-cluster:first-child{border-left:0;margin-left:0;padding-left:0}.user{color:#d8f3e3;white-space:nowrap;font-size:.85rem;line-height:1}.logout{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff40;border-radius:8px;padding:.4rem .7rem;font-size:.82rem}.logout:hover{background:#fff3}.login-wrap{background:var(--bg);place-items:center;min-height:100vh;padding:1rem;display:grid}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:360px;box-shadow:var(--shadow);flex-direction:column;gap:.85rem;padding:1.75rem;display:flex}.login-logo{width:220px;max-width:80%;margin:.25rem auto .35rem;display:block}.login-title{text-align:center;white-space:nowrap;color:var(--brand);letter-spacing:.01em;margin-bottom:.5rem;font-size:1.05rem;font-weight:700}.login-card h2{color:var(--text);margin:.3rem 0 .25rem;font-size:1.05rem}.login-card label{color:var(--muted);flex-direction:column;gap:.3rem;font-size:.82rem;display:flex}.login-card input{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:8px;padding:.55rem .65rem;font-size:.95rem}.login-card input:focus{border-color:var(--accent);outline:2px solid #1f7a4b59}.login-card button{background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:.4rem;padding:.6rem;font-size:.95rem;font-weight:600}.login-card button:hover:not(:disabled){background:var(--brand-2)}.login-card button:disabled{opacity:.5;cursor:not-allowed}.login-err{color:var(--danger);background:#c0392b1a;border:1px solid #c0392b4d;border-radius:8px;padding:.5rem .7rem;font-size:.85rem}.health-mix{border-radius:999px;gap:2px;height:7px;display:flex;overflow:hidden}.health-mix-seg{min-width:3px;transition:filter .15s}.health-mix-seg:hover{filter:brightness(1.1)}.health-mix-seg.is-ok{background:var(--good)}.health-mix-seg.is-failed{background:var(--danger)}.health-mix-seg.is-stale{background:var(--warn)}.health-mix-seg.is-never{background:#c3ccc5}.health-mix-seg.is-unmonitored{background:#e4dfd2}.health-legend{flex-wrap:wrap;gap:.85rem;margin-top:.55rem;display:flex}.health-legend-item{color:var(--muted);align-items:center;gap:.35rem;font-size:.74rem;display:inline-flex}.health-legend-swatch{border-radius:2px;flex:none;width:8px;height:8px}.wf-kpis .kpi{box-shadow:none;background:var(--surface2);border-top:0}.wf-kpis .kpi:hover{box-shadow:none;transform:none}.wf-kpis .kpi{padding:.7rem .85rem}.wf-kpis .kpi-value{letter-spacing:-.01em;margin:.1rem 0 .05rem;font-size:1.2rem;font-weight:700}.wf-kpis .kpi-title{font-size:.7rem}.wf-kpis .kpi-sub{font-size:.74rem}.wf-kpis{margin-bottom:1rem}.wf-toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1rem;display:flex}.wf-refresh{font:inherit;cursor:pointer;color:var(--brand-2);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:.3rem .8rem;font-size:.78rem;font-weight:600;transition:background .15s,border-color .15s}.wf-refresh:hover:not(:disabled){background:var(--brand);border-color:var(--brand);color:#fff}.wf-refresh:disabled{opacity:.55;cursor:default}.wf-notice{color:#8a5e00;background:#c98a001f;border-radius:999px;padding:.22rem .7rem;font-size:.78rem;font-weight:600}.run-strip{align-items:flex-end;gap:3px;height:22px;display:inline-flex}.run-tick{cursor:help;border-radius:2px;flex:none;width:7px}.run-tick.is-success{background:var(--good);height:15px}.run-tick.is-failed{background:var(--danger);background-image:linear-gradient(135deg,#0000 42%,#fff 42% 58%,#0000 58%);height:22px}.run-tick.is-running{border:2px solid var(--warn);background:0 0;height:22px}.run-tick.is-dry{background:repeating-linear-gradient(135deg, var(--surface2) 0 3px, #cdd6cf 3px 6px);height:15px}.run-tick.is-empty{border-bottom:1px dashed var(--border);background:0 0;border-radius:0;height:8px}.run-strip-empty{color:var(--muted);font-size:.78rem}.today-list{background:var(--border-soft);border-radius:8px;gap:1px;display:grid;overflow:hidden}.today-row{background:var(--surface);border-left:3px solid #0000;grid-template-columns:3.6rem minmax(11rem,1fr) auto minmax(0,1.4fr);align-items:center;gap:.8rem;padding:.45rem .7rem;font-size:.85rem;display:grid}.today-row.is-landed{border-left-color:var(--good)}.today-row.is-failed{border-left-color:var(--danger);background:#c0392b0a}.today-row.is-no-run{border-left-color:var(--warn)}.today-row.is-no-receipt{border-left-color:var(--border);color:var(--muted)}.today-row.is-due,.today-row.is-awaiting{border-left-color:var(--border)}.today-time{color:var(--brand);font-variant-numeric:tabular-nums;font-weight:700}.today-name{font-weight:600}.today-detail{text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.wf-run-list{gap:.3rem;display:grid}.wf-run{flex-wrap:wrap;align-items:baseline;gap:.55rem;font-size:.85rem;display:flex}.wf-run-error{color:var(--danger);overflow-wrap:anywhere;flex-basis:100%;min-width:0;font-size:.8rem}.card-title-row{flex-wrap:wrap;align-items:baseline;gap:.7rem;margin-bottom:.9rem;display:flex}.card-title-row .card-title{margin-bottom:0}a{color:var(--accent);border-bottom:1px solid #1f7a4b4d;text-decoration:none}a:hover{color:var(--brand);border-bottom-color:var(--brand)}code{font-family:var(--mono);color:var(--brand-2);background:#0f3d2a0e;border-radius:4px;padding:.08em .34em;font-size:.86em}.wf-detail{gap:1.15rem;display:grid}.wf-lead{color:var(--text);max-width:62ch;margin:0;font-size:.92rem;line-height:1.55}.wf-section-label{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin-bottom:.45rem;font-size:.68rem;font-weight:800}.wf-section-meta{text-transform:none;letter-spacing:.01em;opacity:.85;font-weight:600}.wf-facts{gap:0;max-width:46rem;margin:0;display:grid}.wf-fact{border-bottom:1px solid var(--border-soft);grid-template-columns:6.5rem 1fr;align-items:baseline;gap:.8rem;padding:.42rem 0;display:grid}.wf-fact:last-child{border-bottom:0}.wf-fact dt{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-size:.68rem;font-weight:800}.wf-fact dd{margin:0;font-size:.85rem;line-height:1.45}.wf-inline-link{white-space:nowrap;border-bottom-color:#0000;margin-left:.5rem;font-size:.78rem;font-weight:700}.wf-inline-link .arrow{opacity:.7;margin-left:.15rem;font-size:.85em}.wf-inline-link:hover{border-bottom-color:var(--brand)}.wf-endpoints{gap:3px;max-width:34rem;margin:0;padding:0;list-style:none;display:grid}.wf-ep{background:var(--surface);border:1px solid var(--border-soft);border-radius:6px;grid-template-columns:3.1rem 1fr;align-items:baseline;gap:.6rem;padding:.38rem .6rem;display:grid}.wf-verb{font-family:var(--mono);text-align:center;letter-spacing:.03em;border-radius:4px;padding:.12rem 0;font-size:.64rem;font-weight:700}.wf-verb.is-get{color:var(--accent);background:#1f7a4b1a}.wf-verb.is-post{color:var(--brand-2);background:#0f3d2a17}.wf-ep-path{font-family:var(--mono);color:var(--text);font-size:.79rem}.wf-ep-note{color:var(--muted);font-family:var(--mono);margin-left:.45rem;font-size:.72rem}.wf-ep-plain{color:var(--muted);grid-column:1/-1;font-size:.8rem}.wf-table tr.detail-row>td{padding-left:0;padding-right:0}.wf-detail{grid-template-columns:58% minmax(0,1fr);align-items:start;gap:1.3rem 0;margin-left:0}.wf-detail-main{align-content:start;gap:1.15rem;padding-left:.7rem;padding-right:1.75rem;display:grid}.wf-detail-aside{align-content:start;align-self:start;gap:1.3rem;padding-left:.7rem;padding-right:.7rem;display:grid}@media (width<=60rem){.wf-detail{grid-template-columns:1fr}.wf-detail-aside{padding-left:.7rem}}.wf-table table{table-layout:fixed}.wf-table th:first-child,.wf-table td:first-child{width:18%}.wf-table th:nth-child(2),.wf-table td:nth-child(2){width:19%}.wf-table th:nth-child(3),.wf-table td:nth-child(3){width:21%}.wf-table th:nth-child(4),.wf-table td:nth-child(4){width:12%}.wf-table th:nth-child(5),.wf-table td:nth-child(5){width:14%}.wf-table th:nth-child(6),.wf-table td:nth-child(6){width:11%}.wf-table th:nth-child(7),.wf-table td:nth-child(7){width:5%}.wf-table tr.detail-row td{width:auto}