#operations{display:none}body.operations-mode main>:not(#operations){display:none}body.operations-mode #operations{display:block}#operations .ops-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}#operations .ops-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}#operations .ops-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}#operations .ops-card{padding:16px;min-width:0}#operations .ops-card strong{display:block;font-size:25px;line-height:1.5;font-weight:650}#operations .ops-card small{display:block;color:var(--muted);margin-top:4px}#operations .ops-card.warning{border-top:3px solid var(--amber)}#operations .ops-card.critical{border-top:3px solid var(--red)}#operations .ops-card progress{display:block;width:100%;height:6px;margin:8px 0}#operations .ops-split{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin:20px 0}#operations .ops-body{padding:0 18px 18px}#operations .ops-panel{margin-top:20px;min-width:0}#operations .ops-panel>p{padding:0 18px 12px}#operations .ops-cores{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}#operations .ops-core{padding:8px;background:var(--bg);border-radius:4px}#operations .ops-core span{display:block;font-size:11px;color:var(--muted)}#operations .ops-core strong{font-size:15px}#operations .ops-core progress{width:100%;height:5px;display:block;margin-top:6px}#operations .ops-chart{width:100%;height:200px;display:block;color:var(--blue)}#operations .ops-chart line{stroke:var(--border);stroke-width:1}#operations .ops-chart polyline{stroke:var(--blue);fill:none;stroke-width:2}#operations .ops-chart polyline.secondary-line{stroke:var(--teal)}#operations .ops-chart text{fill:var(--muted);font:11px var(--font)}#operations .ops-legend{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-top:8px}#operations .ops-note{color:var(--muted);font-size:11px;margin-top:8px}#operations td{white-space:nowrap}#operations .ops-good{color:var(--green)}#operations .ops-warn{color:var(--amber)}#operations .ops-bad{color:var(--red)}#operations .ops-events{max-height:320px;overflow:auto;list-style:none;padding:0;margin:0}#operations .ops-events li{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:12px 18px;border-top:1px solid var(--border)}#operations .ops-events time{color:var(--muted);font-size:11px}#operations select,#operations input{background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:7px 10px;max-width:100%}#operations .ops-statuses{display:flex;flex-wrap:wrap;gap:8px}#operations .ops-statuses span{border:1px solid var(--border);padding:4px 8px;border-radius:4px;font-size:11px}#operations .ops-cap-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}#operations .ops-cap-details strong{display:block;font-size:16px}#operations .ops-stale{border-color:var(--amber);background:#fff6e7;color:#785100;padding:12px 16px;border-radius:4px;margin-bottom:16px}#operations .ops-error{color:var(--red)}#operations .ops-heading-note{font-size:11px;color:var(--muted)}@media(max-width:1100px){#operations .ops-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#operations .ops-split{grid-template-columns:1fr}}@media(max-width:600px){#operations .ops-top{align-items:flex-start;flex-direction:column}#operations .ops-grid{gap:8px}#operations .ops-card{padding:12px}#operations .ops-card strong{font-size:21px}#operations .ops-cores{grid-template-columns:repeat(2,minmax(0,1fr))}#operations .panel-heading{align-items:flex-start;flex-wrap:wrap}#operations .ops-events li{grid-template-columns:1fr;gap:4px}#operations .ops-heading-note{display:block}#operations .ops-card small{font-size:10px}}

#operations .ops-cores{max-height:300px;overflow:auto;padding-right:4px}#operations .ops-cores .ops-core:first-child{grid-column:1/-1}#operations .ops-map-warning td{color:var(--amber)}#operations .ops-map-critical td{color:var(--red)}