
.ops-top,.ops-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.ops-top h2,.ops-top p{margin:0}.ops-top .hint{margin-top:5px}
.ops-panel{margin-top:14px;padding:16px;border:1px solid #d4e2eb;border-radius:13px;background:#fff;scroll-margin-top:20px}
.ops-panel h2{margin:0 0 12px;font-size:1.15rem}.ops-toolbar{margin-bottom:10px}
.ops-alerts{list-style:none;margin:0;padding:0;display:grid;gap:7px}.ops-alert{padding:10px 12px;border-radius:7px;display:flex;align-items:center;justify-content:space-between;gap:12px}.ops-alert p{margin:4px 0 0}.ops-alert a{white-space:nowrap;font-weight:600}
.ops-pill{display:inline-block;padding:4px 8px;border-radius:16px;font-size:.85rem;font-weight:600;white-space:nowrap}.ops-info{background:#e8f1f7;color:#23465a}.ops-good{background:#e1f4e9;color:#155436}.ops-warn{background:#fff0d4;color:#634314}.ops-bad{background:#fae2e4;color:#822732}
.ops-empty{margin:0;padding:10px;background:#f0f5f8;color:#405968;border-radius:7px}
.ops-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:9px;margin-bottom:12px}.ops-tile{display:grid;gap:6px;padding:11px;border:1px solid #d8e5ed;border-radius:9px;background:#f6f9fb}.ops-tile strong{font-size:1.16rem;color:#173e54}.ops-tile small{color:#4b6271}
.ops-table{overflow:auto}.ops-table table{width:100%;min-width:0}.ops-table th,.ops-table td{padding:9px 10px;vertical-align:top}.ops-technical{margin-top:12px}.ops-technical summary{cursor:pointer;color:#24567b;font-weight:600;padding:9px 0}.ops-settings-group{padding:12px 14px;border:1px solid #d4e2eb;border-radius:10px;margin:10px 0}.ops-settings-group summary{cursor:pointer;font-weight:650;margin-bottom:4px}.ops-settings-group .admin-settings-grid{margin-top:9px}
@media(max-width:660px){.ops-panel{padding:11px}.ops-alert{align-items:flex-start;flex-wrap:wrap}.ops-table table,.ops-table tbody,.ops-table tr,.ops-table td{display:block}.ops-table thead{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.ops-table tr{border:1px solid #d8e5ed;border-radius:8px;margin:6px 0;padding:5px}.ops-table td{display:grid;grid-template-columns:minmax(84px,.7fr) 1.3fr;gap:6px;padding:6px;border:0;overflow-wrap:anywhere}.ops-table td:before{content:attr(data-label);font-weight:650;color:#38546a}.ops-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-tile{min-width:0}}


.ops-tile-button{text-align:left;color:inherit;cursor:pointer}.ops-tile-button:hover,.ops-tile-button:focus-visible{border-color:#327299;background:#e9f4fb}
.ops-metric-link{padding:2px 0;min-height:28px;border:0;background:none;color:#17587f;text-decoration:underline;text-underline-offset:.2em;text-align:left;white-space:normal}
.ops-metric-link:hover,.ops-metric-link:focus-visible{color:#073951;background:#e4f0f8}.ops-row-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.ops-notice{margin:10px 0;padding:9px 12px;border-radius:8px}.ops-notice p{margin:0 0 5px}.ops-notice progress{display:block;width:min(420px,100%);margin:6px 0}.ops-detail{max-width:100%}

.ops-event-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:8px}.ops-event-option{display:flex;align-items:flex-start;gap:8px;padding:9px 10px;border-radius:8px;border:1px solid #d4e2eb;background:#f6f9fb;cursor:pointer}.ops-event-option:has(input:checked){border-color:#538bad;background:#e6f1fb}.ops-event-option input{margin-top:4px;flex:none}.ops-event-option small{display:block;margin-top:3px;color:#4b6271}
