#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}}

/* Transport evidence shares the Operations palette; teal means handshake only. */
#operations .ops-radius-badge{display:inline-block;border:1px solid var(--border);border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600;max-width:100%;overflow-wrap:anywhere}
#operations .ops-radius-recent{color:var(--teal)}
#operations .ops-radius-unknown{color:var(--muted)}
#operations .ops-radius-warning,#operations .ops-radius-stale{color:var(--amber)}
#operations .ops-radius-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px;margin:0}
#operations .ops-radius-details>div{min-width:0}
#operations .ops-radius-details dt{font-size:11px;color:var(--muted)}
#operations .ops-radius-details dd{font-size:12px;font-weight:600;margin:4px 0 0;overflow-wrap:anywhere}
#operations .ops-radius-interfaces{display:grid;gap:12px;margin-top:16px}
#operations .ops-radius-interface{min-width:0;border:1px solid var(--border);border-radius:4px;overflow:hidden}
#operations .ops-radius-interface h3{padding:12px 16px 0;overflow-wrap:anywhere}
#operations .ops-radius-interface .ops-radius-details{padding:12px 16px}
#operations .ops-radius-errors{color:var(--amber);font-size:12px;margin-top:12px;overflow-wrap:anywhere}
#operations .ops-radius-interface .table-scroll:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
#operations .ops-radius-peer-table{min-width:900px;font-variant-numeric:tabular-nums}
#operations .ops-radius-peer-table td:nth-child(-n+3){white-space:normal;overflow-wrap:anywhere;max-width:240px}
#operations .ops-radius-interface>.ops-note{padding:0 16px 12px}
@media(max-width:800px){#operations .ops-radius-details{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){#operations .ops-radius-details{grid-template-columns:minmax(0,1fr)}#operations .ops-radius-interface .ops-radius-details{gap:8px}}

#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)}