.topbar{display:grid!important;grid-template-columns:minmax(300px,1fr) minmax(420px,760px) auto;gap:18px;align-items:center;pointer-events:none}.topbar>div:first-child{min-width:0}.topbar>.status{justify-self:end;white-space:nowrap}.control-room-status{position:relative;z-index:0;left:auto;top:auto;right:auto;bottom:auto;transform:none;width:100%;min-height:50px;display:grid;grid-template-columns:minmax(150px,1.05fr) minmax(250px,1.55fr) minmax(150px,.85fr);align-items:center;gap:10px;padding:7px 9px;background:rgba(5,9,12,.86);border:1px solid rgba(255,255,255,.11);border-radius:7px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 8px 20px rgba(0,0,0,.18);backdrop-filter:blur(10px);color:#eef5f8;font-family:Inter,system-ui,sans-serif;box-sizing:border-box;pointer-events:auto;overflow:hidden}.crs-main{min-width:0}.crs-kicker{display:block;font:900 7px ui-monospace,monospace;letter-spacing:.14em;color:#6fe7ff}.crs-main strong{display:block;margin-top:2px;font:900 11px ui-monospace,monospace;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crs-main span:last-child{display:block;margin-top:1px;font:700 7px ui-monospace,monospace;color:#83919a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crs-stage-row{display:flex;gap:3px;align-items:center;min-width:0}.crs-stage{flex:1;min-width:0;text-align:center;padding:6px 2px;border:1px solid rgba(255,255,255,.08);background:#10171c;color:#63717a;border-radius:4px;font:900 6px ui-monospace,monospace;letter-spacing:.03em}.crs-stage.active{border-color:rgba(255,91,91,.5);background:rgba(255,70,70,.12);color:#ff7d7d}.crs-stage.complete{border-color:rgba(111,245,162,.28);background:rgba(111,245,162,.07);color:#6ff5a2}.crs-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;min-width:0}.crs-metrics div{min-width:0;padding:4px 6px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);border-radius:4px}.crs-metrics small{display:block;font:800 6px ui-monospace,monospace;letter-spacing:.07em;color:#6e7d86}.crs-metrics strong{display:block;margin-top:1px;font:900 9px ui-monospace,monospace;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crs-metrics div:nth-child(2) strong{color:#ff7676}.crs-metrics div:nth-child(4) strong{color:#ffd36f}.control-room-status:not(.has-incident) .crs-stage.active{border-color:rgba(111,231,255,.3);background:rgba(111,231,255,.06);color:#6fe7ff}.control-room-status:not(.has-incident) .crs-metrics strong{color:#8d9aa2}.control-room-status:not(.has-incident){opacity:.86}@media(max-width:1250px){.topbar{grid-template-columns:minmax(260px,1fr) minmax(360px,620px) auto;gap:12px}.control-room-status{grid-template-columns:minmax(130px,1fr) minmax(220px,1.4fr) minmax(130px,.8fr)}}@media(max-width:1050px){.topbar{grid-template-columns:minmax(0,1fr) auto;row-gap:8px;align-items:center}.control-room-status{grid-column:1/-1;grid-row:2;grid-template-columns:1fr 1.5fr}.crs-metrics{grid-column:1/-1;grid-row:2;grid-template-columns:repeat(4,1fr)}.topbar>.status{grid-column:2;grid-row:1}}@media(max-width:700px){.topbar{top:10px;left:10px;right:10px;padding:10px 11px;grid-template-columns:1fr auto;row-gap:7px}.topbar h1{font-size:20px}.topbar p{font-size:10px}.control-room-status{grid-template-columns:1fr;min-height:0;overflow:visible}.crs-stage-row{grid-row:2}.crs-metrics{grid-row:3;grid-column:1;grid-template-columns:repeat(2,1fr)}.topbar>.status{grid-column:2}}