:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#eaf0f6;background:#0b111b;font-synthesis:none;--muted:#96a6b8;--line:#263343;--accent:#69c9e0}*{box-sizing:border-box}body{margin:0}a{color:var(--accent);text-underline-offset:3px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer;border:1px solid #334252;background:#111b28;color:#eaf0f6;border-radius:8px;padding:9px 13px;font-weight:600}button:hover{background:#233141}button:disabled{opacity:.5;cursor:wait}.primary{background:#69c9e0;color:#0b1720;border-color:#69c9e0}.primary:hover{background:#9de4f2}.danger{color:#ffc2be}.top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 5vw;background:#111b28;border-bottom:1px solid var(--line)}.brand{font-size:24px;font-weight:700;color:#eaf0f6;text-decoration:none;display:flex;align-items:center;gap:8px}.top nav{display:flex;align-items:center;gap:22px;font-size:14px}main{max-width:1320px;margin:auto;padding:35px 28px 90px}h1{font-size:clamp(26px,4vw,42px);line-height:1.15;letter-spacing:-1px;margin:12px 0}h2{font-size:19px;margin:0 0 14px}h3{font-size:16px;margin:8px 0}p{line-height:1.55}small,.muted{color:var(--muted)}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.tabs{display:flex;gap:8px;overflow:auto;margin:24px 0;padding-bottom:5px}.tabs button{white-space:nowrap;border-color:transparent;background:transparent}.tabs .active{background:#172d38;color:#8edbec}.grid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.card{background:#111b28;border:1px solid var(--line);border-radius:10px;padding:24px;margin-bottom:18px;overflow-wrap:anywhere}.card .head{margin-bottom:8px}.item{padding:17px 0;border-top:1px solid var(--line)}.item:first-of-type{border-top:0}.item p{white-space:pre-wrap;margin:8px 0}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pill{background:#233141;border-radius:20px;padding:4px 9px;font-size:12px;font-weight:650}.pass,.resolved{background:#183a32;color:#87d6bf}.fail,.blocked{background:#402d37;color:#ffc2be}.unknown,.pending{background:#3d3529;color:#f0c38f}.metric{font-size:30px;font-weight:650;letter-spacing:-.8px}.empty{padding:22px 0;color:var(--muted);line-height:1.6}.incident{display:block;text-decoration:none;color:inherit;padding:22px;background:#111b28;border:1px solid var(--line);border-radius:12px;margin:12px 0}.incident:hover{border-color:var(--accent)}#notice:not(:empty){padding:14px 18px;border-radius:10px;background:#3d3529;color:#f0c38f;margin-bottom:20px}dialog{border:1px solid var(--line);border-radius:16px;padding:28px;max-width:620px;width:calc(100% - 32px);max-height:90vh;color:#eaf0f6}dialog::backdrop{background:#030811bb}label{display:block;font-size:14px;font-weight:600;margin:15px 0}input,textarea,select{width:100%;display:block;margin-top:6px;padding:10px 12px;border:1px solid #415669;border-radius:7px;background:#111b28;color:#eaf0f6}textarea{min-height:100px;resize:vertical}.error{color:#ffc2be;white-space:pre-wrap}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}pre{background:#0b1521;white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;border-radius:8px;font-size:12px}.brief{white-space:pre-wrap;line-height:1.65}.small-button{font-size:12px;padding:5px 9px}.spaced{margin-top:24px}@media(max-width:720px){.top{align-items:flex-start;flex-direction:column;padding:16px 20px}.top nav{gap:14px;flex-wrap:wrap;font-size:12px}main{padding:25px 18px 65px}.grid{grid-template-columns:1fr}.head{align-items:flex-start}.card{padding:18px}.head .row{justify-content:flex-end}h1{letter-spacing:-.5px}}
button{white-space:nowrap;flex-shrink:0}.head>div{min-width:0}@media(max-width:720px){.card .head{gap:12px}.card .head h2{font-size:17px}.card button{padding:9px 10px}}
@media(max-width:720px){.card .head{flex-wrap:wrap}.card .head h2{flex-basis:100%;margin-bottom:4px}.card .head a{white-space:nowrap}}
