[data-metrics][hidden]{display:none}
[data-ops-alerts]{max-height:360px;overflow-y:auto}
.ops-sync{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:16px 0;color:#607080;font-size:12px}
.ops-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}
.ops-metric{border:1px solid #dce5ec;border-radius:14px;background:#fff;padding:20px;min-width:0}.ops-metric span{font-size:12px;color:#5e7082;font-weight:700}.ops-metric strong{display:block;font-size:34px;line-height:1.2;margin:9px 0;color:#173c5c}.ops-metric small{display:block;font-size:12px;line-height:1.5;color:#718191}.ops-metric.good strong{color:#08785b}.ops-metric.warn strong{color:#a36312}.ops-metric.danger strong{color:#2e66b4}
.ops-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0}.ops-panel,.ops-fleet,.ops-screen-panel{min-width:0;border-radius:14px}.ops-panel .panel-head,.ops-fleet .panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.ops-panel h3,.ops-fleet h3{margin:0;font-size:17px}.ops-caption{font-size:12px;color:#728090;line-height:1.6}.ops-alert{padding:12px 0;border-bottom:1px solid #edf0f3}.ops-alert strong{font-size:13px;overflow-wrap:anywhere}.ops-alert p{margin:5px 0;color:#6b7884;font-size:12px;line-height:1.5}.ops-alert:last-child{border-bottom:0}.ops-ok{padding:16px;border-radius:10px;background:#edf8f3;color:#08785b;font-size:13px}
.ops-status-line{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid #edf0f3;font-size:13px}.ops-status-line strong{color:#173c5c}.ops-status-line code{font-size:11px;overflow-wrap:anywhere}
.ops-coverage{display:flex;flex-wrap:wrap;gap:8px;padding:16px 0}.ops-coverage span{background:#f2f5f8;border-radius:6px;padding:8px;font-size:12px;color:#4c6377}
.ops-filters{display:flex;gap:12px;margin:16px 0;flex-wrap:wrap}.ops-filters input{flex:1;min-width:140px}.ops-filters input,.ops-filters select{padding:11px;border:1px solid #cfdae3;border-radius:8px;font:inherit;background:#fff;color:#263b4d}.ops-filters select{max-width:100%}
.ops-fleet-row{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.8fr) minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid #edf0f3;font-size:13px}.ops-fleet-row>div{min-width:0;overflow-wrap:anywhere}.ops-fleet-row strong{display:block;line-height:1.4}.ops-fleet-row small{display:block;color:#6c7d8c;font-size:11px;line-height:1.7}.ops-fleet-row button{border-radius:8px}.ops-badge{display:inline-block;border-radius:20px;padding:5px 9px;font-size:11px;font-weight:700;background:#f0f3f6;color:#566574}.ops-badge.good{background:#e8f6ef;color:#007b57}.ops-badge.warn{background:#fff3de;color:#93580a}.ops-badge.danger{background:#ebf2fc;color:#255dab}
.ops-log-list{max-height:340px;overflow-y:auto}.ops-log{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:12px 0;border-bottom:1px solid #edf0f3;font-size:12px}.ops-log small{display:block;color:#728090;line-height:1.8}.ops-log strong{overflow-wrap:anywhere}.ops-log-summary{display:flex;flex-wrap:wrap;gap:12px;padding:12px 0;font-size:12px;color:#4b6378}.ops-unavailable{font-size:13px;line-height:1.6;color:#946319;background:#fff6e7;padding:12px;border-radius:8px}.ops-spark{display:block;width:100%;height:48px;margin-top:10px}.ops-latency-caption{font-size:11px;color:#718191}
@media(max-width:1100px){.ops-columns{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.ops-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ops-metric{padding:15px}.ops-metric strong{font-size:28px}.ops-fleet-row{grid-template-columns:minmax(0,1fr) auto;gap:10px}.ops-fleet-row>div:first-child{grid-column:1/-1}.ops-fleet-row>div:nth-child(3){grid-column:1}.ops-fleet-row>button{grid-column:2;grid-row:3}.welcome{align-items:start;flex-direction:column}}
/* Operations dashboard: color conveys connectivity, software and attention. */
[data-view="overview"]{--ops-blue:#4169e1;--ops-green:#0caa89;--ops-red:#5892e3}
[data-view="overview"] .welcome{position:relative;overflow:hidden;background:linear-gradient(120deg,#132d4d,#214e80 70%,#286d91);border-radius:20px;padding:30px 32px;box-shadow:0 12px 30px #173c5c20;isolation:isolate}
[data-view="overview"] .welcome:after{content:"";position:absolute;width:270px;height:270px;border:50px solid #ffffff08;border-radius:50%;right:10%;top:-140px;z-index:-1}
[data-view="overview"] .welcome h2{font-size:30px;color:white;margin:8px 0}[data-view="overview"] .welcome p{color:#c9deef}[data-view="overview"] .welcome small{color:#86cadd;letter-spacing:2px}[data-view="overview"] .welcome button{background:#fff;color:#183e62;border:0;border-radius:10px;box-shadow:0 5px 15px #0002}
.ops-sync{background:#e8f0f7;padding:10px 15px;border-radius:10px}.ops-sync [data-ops-sync]:before{content:"●";color:#0caa89;margin-right:8px}
.ops-metrics{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:20px 0}
button.ops-metric{position:relative;text-align:left;border:1px solid #e3eaf2;border-top:3px solid var(--accent);background:#fff;border-radius:14px;padding:17px;color:#203b55;font:inherit;box-shadow:0 5px 18px #173c5c08;cursor:pointer;transition:transform .18s,box-shadow .18s}
button.ops-metric:hover{transform:translateY(-4px);box-shadow:0 12px 24px #173c5c18}button.ops-metric[aria-pressed="true"]{background:color-mix(in srgb,var(--accent) 7%,white);border-color:var(--accent)}
.ops-metric-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.ops-metric-top span{font-size:11px;line-height:1.4;color:#496176}.ops-metric-top i{flex-shrink:0;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 13%,white);color:var(--accent);width:30px;height:30px;border-radius:9px;font-size:20px;font-style:normal}.ops-metric strong,.ops-metric.good strong,.ops-metric.warn strong,.ops-metric.danger strong{color:var(--accent);font-size:38px;margin:12px 0 5px}.ops-metric small{min-height:36px;font-size:11px}.ops-metric-bottom{border-top:1px solid #edf1f6;margin-top:12px;padding-top:10px;display:flex;justify-content:space-between;align-items:center}.ops-metric-bottom span{color:#6d8194;font-size:10px;font-weight:400}.ops-metric-bottom b{color:var(--accent)}
.ops-chart-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:18px;margin:20px 0}.ops-chart-panel{min-width:0;border:1px solid #e1e9f2;border-radius:16px;box-shadow:0 5px 18px #173c5c06;padding:22px}.ops-chart-panel .panel-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.ops-chart-panel h3{font-size:15px;margin:5px 0;color:#173c5c}.ops-chart-panel .panel-head small{font-size:9px;letter-spacing:1.2px;color:#8799ab;font-weight:700}.ops-live{color:#079577;background:#e7f8f2;padding:5px 7px;border-radius:6px;font-size:9px;white-space:nowrap}.ops-chart-panel button.secondary{font-size:10px;padding:7px 10px;border-radius:7px}
.ops-donut-layout{display:flex;align-items:center;justify-content:center;gap:20px;padding:22px 0 10px}.ops-donut{width:142px;height:142px;flex-shrink:0;border-radius:50%;background:conic-gradient(var(--ring) calc(var(--pct)*1%),#5892e3 0);padding:14px;box-shadow:0 8px 20px #0caa8914}.ops-donut>div{height:100%;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.ops-donut strong{font-size:30px;color:#173c5c}.ops-donut small{font-size:9px;color:#8a9bad;letter-spacing:1px;margin-top:4px}.ops-legend{min-width:0;flex:1}.ops-legend button{display:flex;align-items:center;width:100%;gap:8px;border:0;background:transparent;color:#486075;font:inherit;font-size:11px;padding:10px 0;text-align:left;cursor:pointer}.ops-legend button:hover{color:#173c5c;background:#f4f7fb}.ops-legend i{width:8px;height:8px;border-radius:3px;flex-shrink:0}.ops-legend b{margin-left:auto}.ops-legend p{font-size:10px;line-height:1.6;color:#8a9bad}
[data-ops-versions]{max-height:218px;overflow:auto;padding-top:10px}.ops-version-bar{display:block;width:100%;background:none;border:0;text-align:left;padding:12px 0;color:#314e69;cursor:pointer}.ops-version-bar>span{display:flex;justify-content:space-between;gap:8px;font-size:12px}.ops-version-bar small{font-size:10px;color:#8093a6}.ops-version-bar>div{height:10px;background:#edf1f8;border-radius:6px;margin-top:8px;overflow:hidden}.ops-version-bar i{display:block;height:100%;border-radius:6px;min-width:3px}.ops-version-bar:hover>span{color:#4169e1}
.ops-history-value{display:flex;align-items:baseline;gap:10px;margin:18px 0 0}.ops-history-value strong{font-size:30px;color:#0a9f80}.ops-history-value strong small{font-size:16px}.ops-history-value span{font-size:11px;color:#7a8fa3}.ops-history-chart{display:block;width:100%;height:112px}.ops-chart-axis{display:flex;justify-content:space-between;font-size:9px;color:#8a9bad}.ops-chart-panel .ops-caption{font-size:10px;margin-bottom:0}
.ops-panel,.ops-fleet,.ops-screen-panel{border:1px solid #e1e9f2;box-shadow:0 5px 18px #173c5c06;padding:22px}.ops-panel .panel-head{margin-bottom:10px}.ops-panel h3{font-size:16px}.ops-alert{display:flex;align-items:center;gap:12px}.ops-alert>div{flex:1;min-width:0}.ops-alert-icon{display:grid;place-items:center;background:#e9f2ff;color:#dd8552;font-size:17px;font-weight:700;flex-shrink:0;width:30px;height:30px;border-radius:9px}.ops-alert button{padding:7px 10px;border-radius:7px}.ops-coverage span{background:#ecf2fb;color:#4169a1;border:1px solid #dbe6f8}.ops-fleet-row{border-radius:9px;padding:15px 12px}.ops-fleet-row:nth-child(odd){background:#f5f8fc}.ops-fleet{scroll-margin-top:20px}.ops-log-summary span{background:#edf2fa;padding:8px 10px;border-radius:8px;font-weight:600}.ops-log{border-left:2px solid #dbe5f2;padding-left:10px}
button.ops-metric:focus-visible,.ops-version-bar:focus-visible,.ops-legend button:focus-visible{outline:3px solid #7298e7;outline-offset:3px}
@media(max-width:1600px){.ops-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.ops-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-chart-panel:last-child{grid-column:1/-1}[data-ops-history]{display:grid;grid-template-columns:140px 1fr;gap:0 20px}.ops-history-chart{height:90px}.ops-chart-axis{grid-column:2}[data-ops-history]>.ops-caption{grid-column:1/-1}}
@media(max-width:1100px){.ops-chart-grid{grid-template-columns:minmax(0,1fr)}.ops-chart-panel:last-child{grid-column:auto}.ops-donut-layout{justify-content:flex-start}.ops-legend{max-width:220px}}
@media(max-width:600px){.ops-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}button.ops-metric{padding:13px}.ops-metric strong{font-size:32px}.ops-metric-top i{width:25px;height:25px;font-size:17px}.ops-chart-panel,.ops-panel,.ops-fleet{padding:17px}.ops-donut{width:128px;height:128px}.ops-donut-layout{gap:15px}[data-ops-history]{display:block}.ops-chart-axis{font-size:9px}[data-view="overview"] .welcome{padding:23px}[data-view="overview"] .welcome h2{font-size:24px}.ops-filters input{width:100%}.ops-filters select{flex:1;min-width:0}.ops-sync{font-size:10px}.ops-alert p{font-size:11px}}
@media(prefers-reduced-motion:reduce){button.ops-metric{transition:none}button.ops-metric:hover{transform:none}}
.ops-log-stack{height:12px;background:#edf1f8;border-radius:8px;display:flex;overflow:hidden;margin:6px 0 12px}.ops-log-stack i{display:block;height:100%}.ops-log-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.ops-log-tabs button{border:1px solid #dce5f0;border-radius:7px;background:#fff;color:#627c93;font-size:10px;padding:7px 9px;cursor:pointer}.ops-log-tabs button[aria-pressed="true"]{background:#173c5c;color:white;border-color:#173c5c}
@media(min-width:1601px){.ops-chart-grid{grid-template-columns:1.15fr 1fr 1fr}}
[data-ops-fleet]{max-height:560px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#b7cadc transparent;padding-right:5px}.ops-metric small{min-height:24px}.ops-metric strong{line-height:1.1}button.ops-metric{padding:15px}.ops-metric-bottom{margin-top:9px;padding-top:8px}
@media(max-width:600px){[data-ops-fleet]{max-height:620px}}