:root{color-scheme:dark;--bg:#04131c;--panel:#092635;--line:#225265;--ink:#f4fdff;--muted:#91afbb;--cyan:#55ead5;--blue:#75bfff;--gold:#ffd26b;--green:#9cefc5;--red:#ff7c8a}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 88% -10%,#145a81,transparent 38%),var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif}main{max-width:1560px;margin:auto;padding:18px}nav{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-bottom:12px}a,button{padding:10px 13px;border:1px solid var(--line);border-radius:10px;background:#12384a;color:var(--ink);font:inherit;font-weight:850;text-decoration:none;cursor:pointer}.brand{margin-right:auto;display:flex;align-items:center;gap:8px}.brand img{width:28px;height:28px;border-radius:7px}header{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end;padding:34px;background:linear-gradient(135deg,#0c3549,#081f31);border:1px solid var(--line);border-radius:25px}small{color:var(--cyan);font-weight:900;letter-spacing:.13em}h1{font-size:clamp(2.6rem,5.7vw,5.3rem);line-height:.91;margin:.17em 0}header p,.panel p,footer,.metrics span,li{color:var(--muted)}.score{min-width:240px;padding:18px;background:#061c2a;border-radius:16px}.score span,.score small{display:block}.score strong{display:block;font-size:4rem;color:var(--cyan)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.metrics article,.panel{padding:17px;background:var(--panel);border:1px solid var(--line);border-radius:17px}.metrics strong{display:block;font-size:2rem}.panel{margin-top:12px}.layout{display:grid;grid-template-columns:1fr 380px;gap:12px}.head{display:flex;justify-content:space-between;gap:12px;align-items:center}.head h2,.panel h2{margin:.2em 0}.head>span{color:var(--muted)}.checks{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.check,.flag,.release,.event{padding:12px;background:#061d2a;border-radius:11px;margin-top:8px}.check strong,.check span,.flag span,.release span,.event span{display:block}.check span,.flag span,.release span,.event span{color:var(--muted)}.pass,.ready,.active{color:var(--green)}.warning,.blocked,.superseded{color:var(--gold)}.fail,.error,.critical,.rolled-back{color:var(--red)}.release-form{display:grid;grid-template-columns:180px 1fr auto;gap:8px;align-items:end}.release-form label{color:var(--muted);font-size:.75rem}input{width:100%;padding:10px;margin-top:5px;background:#041925;border:1px solid var(--line);border-radius:8px;color:var(--ink)}.release,.flag,.event{display:grid;grid-template-columns:1fr auto;gap:10px}.actions{display:flex;gap:6px;align-items:center}.rollout{width:170px;display:grid;grid-template-columns:1fr 52px;gap:6px;align-items:center}.rollout input{margin:0}.compat{display:grid;gap:7px}.compat span{padding:10px;background:#061d2a;border-left:3px solid var(--blue);border-radius:7px}ol{padding-left:20px}footer{display:flex;justify-content:space-between;padding:18px 4px}@media(max-width:1100px){.layout{grid-template-columns:1fr}.checks{grid-template-columns:1fr 1fr}}@media(max-width:700px){main{padding:8px}header{grid-template-columns:1fr}.score{width:100%}.metrics{grid-template-columns:1fr 1fr}.release-form{grid-template-columns:1fr}.release,.flag,.event{grid-template-columns:1fr}.actions{flex-wrap:wrap}.head{align-items:start;flex-direction:column}footer{display:block}}@media(max-width:430px){.metrics,.checks{grid-template-columns:1fr}}
