.monitoring-operations-panel{margin:16px 0;border:1px solid rgba(255,255,255,.14);padding:18px;background:rgba(255,255,255,.025)}
.monitoring-ops-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.monitoring-ops-head h3{margin:.2rem 0 .45rem}.monitoring-ops-head p{max-width:860px;line-height:1.55}
.monitoring-ops-state{border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:5px 9px;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.monitoring-ops-state[data-state="ready"]{background:rgba(255,255,255,.08)}
.monitoring-ops-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:15px 0}.monitoring-ops-metrics>div{border:1px solid rgba(255,255,255,.11);padding:12px}.monitoring-ops-metrics span{display:block;font-size:.67rem;letter-spacing:.08em;text-transform:uppercase;opacity:.68}.monitoring-ops-metrics strong{display:block;margin-top:5px;font-size:.92rem}
.monitoring-ops-actions{display:flex;flex-wrap:wrap;gap:8px}.monitoring-ops-boundary{font-size:.78rem;line-height:1.55;opacity:.8;border-left:2px solid currentColor;padding-left:10px}.monitoring-ops-output{margin-top:14px}.monitoring-ops-output-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.monitoring-ops-output pre{white-space:pre-wrap;max-height:360px;overflow:auto;border:1px solid rgba(255,255,255,.1);padding:12px;font-size:.72rem;line-height:1.45}
@media(max-width:760px){.monitoring-ops-head{display:block}.monitoring-ops-state{display:inline-flex;margin-top:8px}.monitoring-ops-metrics{grid-template-columns:1fr 1fr}}@media(max-width:480px){.monitoring-ops-metrics{grid-template-columns:1fr}.monitoring-ops-actions>*{width:100%}}