:root{color-scheme:light;--bg:#f8fafc;--card:#fff;--text:#142035;--muted:#77849a;--line:#e1e7ee;--soft:#eef2f7;--blue:#0971f6}*{box-sizing:border-box}body{margin:0;color:var(--text);background:var(--bg);font:15px/1.65 Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:9px 17px}header{display:flex;align-items:center;gap:24px;padding:22px max(24px,calc((100vw - 1340px)/2));border-bottom:1px solid var(--line);background:var(--card)}.brand img{width:230px;display:block}.brand .dark-logo{display:none}nav{display:flex;gap:25px;margin-left:auto;font-size:14px;font-weight:600}nav [aria-current]{color:var(--blue)}main{max-width:1260px;margin:auto;padding:65px 30px 30px}.eyebrow{font-size:11px;letter-spacing:.2em;font-weight:600;color:var(--blue);margin-bottom:8px}.heading{display:flex;justify-content:space-between;gap:20px;align-items:center}h1{font-size:38px;line-height:1.25;letter-spacing:-.03em;margin:0 0 12px}.heading p{color:var(--muted);margin:0}.overview{display:flex;align-items:center;gap:18px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:26px;margin:32px 0 42px}.indicator{height:15px;width:15px;background:#97a3b5;border-radius:50%;box-shadow:0 0 0 7px #97a3b515}.overview strong{font-size:20px}.overview p{font-size:12px;color:var(--muted);margin:6px 0 0}.auto{margin-left:auto;font-size:12px;color:var(--muted)}.section-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:28px 0 17px}.section-title h2{font-size:20px;margin:0}.section-title>span{font-size:12px;color:var(--muted)}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px;min-width:0}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}h3{font-size:17px;line-height:1.4;overflow-wrap:anywhere;margin:0 0 5px}.card-heading p{font-size:12px;color:var(--muted);margin:0}.badge{white-space:nowrap;font-size:11px;padding:5px 10px;border-radius:99px;background:var(--soft);color:var(--muted)}.badge.good{background:#e4f6ed;color:#128455}.badge.warn{background:#fff1d9;color:#a76706}.badge.bad{background:#fce5e8;color:#cb4251}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:25px 0}.metrics span{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.metrics strong{font-size:24px;font-weight:600}.bars{display:grid;grid-template-columns:repeat(60,minmax(0,1fr));gap:3px;height:29px}.bars.hourly{grid-template-columns:repeat(24,minmax(0,1fr))}.bars span{border-radius:3px;background:#dbe2eb;min-width:0}.bars .good,.legend .good{background:#31b483}.bars .warn,.legend .warn{background:#e8af44}.bars .bad,.legend .bad{background:#e86b78}.range{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-top:7px}.card-footer{border-top:1px solid var(--line);margin-top:18px;padding-top:16px;font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.hint{font-size:13px;color:var(--muted);margin:0 0 20px}.model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.legend{display:flex;gap:23px;flex-wrap:wrap;justify-content:center;margin:30px 0 20px;font-size:12px;color:var(--muted)}.legend span{display:flex;gap:7px;align-items:center}.legend i{height:8px;width:8px;border-radius:3px;background:#dbe2eb}.footnote{max-width:800px;margin:0 auto;color:var(--muted);font-size:12px;text-align:center}footer{display:flex;gap:24px;flex-wrap:wrap;margin-top:50px;padding-top:25px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}footer span{margin-left:auto}html[data-theme=dark]{color-scheme:dark;--bg:#08111d;--card:#101c2a;--text:#e7eef7;--muted:#91a2b9;--line:#243347;--soft:#1d2b3f;--blue:#70b4ff}html[data-theme=dark] .brand img{display:none}html[data-theme=dark] .brand .dark-logo{display:block}html[data-theme=dark] .badge.good{background:#123728;color:#71deb0}html[data-theme=dark] .badge.warn{background:#392b18;color:#f5c772}html[data-theme=dark] .badge.bad{background:#3d202a;color:#f3a4b1}@media(max-width:950px){.model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}header{flex-wrap:wrap;gap:14px;padding:18px 25px}nav{order:3;width:100%;justify-content:space-between;gap:12px}header button{margin-left:auto}}@media(max-width:580px){main{padding:35px 18px 25px}.brand img{width:200px}.model-grid{grid-template-columns:1fr}.heading{align-items:flex-start}h1{font-size:30px}.heading p{font-size:13px}.heading button{font-size:12px;padding:8px 12px}.overview{padding:22px 18px;gap:15px}.overview strong{font-size:17px}.auto{display:none}.section-title{align-items:flex-start;flex-direction:column;gap:4px}.bars{gap:2px;height:25px}.card{padding:21px}.metrics strong{font-size:21px}nav{font-size:12px}footer span{margin-left:0;width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

/* Desktop dashboard: gateway stays beside the real model statistics. */
main{max-width:1480px;padding:32px 32px 28px}.eyebrow{margin-top:0}h1{font-size:32px;margin-bottom:8px}.heading p{font-size:14px}.overview{padding:18px 22px;margin:24px 0 28px;gap:16px}.overview strong{font-size:16px}.overview p{margin-top:3px}.indicator{width:10px;height:10px;flex-shrink:0;box-shadow:0 0 0 5px #97a3b515}
.status-workspace{display:grid;grid-template-columns:300px minmax(0,1fr);gap:28px;align-items:start}.gateway-section{position:sticky;top:88px}.section-title{margin:0 0 14px;align-items:baseline;flex-wrap:wrap;gap:4px 12px}.section-title h2{font-size:18px}.section-title>span{font-size:11px}.card{padding:20px}.model-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.model-grid>.card{min-height:228px}.models-section,.gateway-section{min-width:0}.hint{font-size:12px;line-height:1.7;margin-bottom:16px}.card-heading{align-items:flex-start;gap:8px}.card-heading>div{min-width:0}.card-heading h3{font-size:15px}.badge{font-size:10px;padding:4px 8px}.metrics{margin:20px 0;gap:12px}.metrics strong{font-size:21px;font-variant-numeric:tabular-nums;white-space:normal;overflow-wrap:anywhere;line-height:1.4}.bars{height:22px;gap:2px}.bars.hourly{gap:3px}.card-footer{padding-top:12px;margin-top:14px;font-size:10px}.gateway .card-heading{flex-wrap:wrap}.gateway .card-footer{flex-direction:column;gap:6px}.legend{margin:24px 0 14px}footer{margin-top:28px;padding-top:18px}
@media(min-width:1500px){.model-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1100px){.status-workspace{grid-template-columns:1fr}.gateway-section{position:static}.gateway{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;align-items:center}.gateway .metrics{margin:0}.gateway .bars,.gateway .range,.gateway .card-footer{grid-column:1/-1}.gateway .bars{margin-top:20px}.gateway .card-footer{flex-direction:row}.model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){main{padding:24px 18px}.heading{gap:12px}h1{font-size:28px}.heading p{font-size:12px}.heading button{padding:8px 12px;font-size:12px}.overview{padding:16px;gap:12px}.overview strong{font-size:14px}.auto{display:none}.model-grid{grid-template-columns:1fr}.gateway{display:block}.gateway .metrics{margin:20px 0}.gateway .bars{margin-top:0}.model-grid>.card{min-height:0}.status-workspace{gap:24px}.legend{gap:12px}}
/* The legacy flex header must not shrink the shared desktop navigation. */
.ns-header .ns-inner{width:100%}
.ns-page.dark .bars span:not(.good):not(.warn):not(.bad),.ns-page.dark .legend i:not(.good):not(.warn):not(.bad){background:#424247}