.ops-shell { max-width: 1180px; }
.ops-notice { text-align: center; }
.ops-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; margin-top: 18px; }
.ops-tile { padding: 16px; border: 1px solid #e5e9e8; border-radius: 16px; background: #fafcfb; }
.ops-tile span { display: block; color: #74878a; font-size: 13px; }
.ops-tile strong { display: block; margin-top: 8px; color: #173f46; font-size: 20px; }
.ops-tile.ok strong { color: #1f7a5d; }
.ops-tile.warn strong { color: #a45d20; }
.ops-list { display: grid; gap: 14px; margin-top: 18px; }
.ops-item { padding: 18px; border: 1px solid #e3e9e7; border-radius: 18px; background: #fff; }
.ops-item__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.ops-item__title { color: #173f46; font-size: 17px; font-weight: 750; }
.ops-item__meta { margin-top: 6px; color: #72878a; font-size: 13px; line-height: 1.65; word-break: break-all; }
.ops-item__actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.ops-pill { flex: none; padding: 5px 10px; border-radius: 999px; background: #eef6f4; color: #166752; font-size: 12px; font-weight: 700; }
.ops-pill.warn { background: #fff1df; color: #9a5b1d; }
.ops-pill.danger { background: #ffe9e9; color: #a2383b; }
.ops-empty { padding: 28px; border: 1px dashed #d9e1df; border-radius: 18px; color: #819194; text-align: center; }
.ops-json { margin-top: 12px; padding: 12px; border-radius: 12px; background: #f4f7f6; color: #4f6669; font: 12px/1.55 ui-monospace, SFMono-Regular, Menlo, monospace; white-space: pre-wrap; word-break: break-all; }
@media (max-width: 680px) {
  .ops-item__head { display: block; }
  .ops-pill { display: inline-block; margin-top: 10px; }
  .topbar { align-items: flex-start; }
  .top-actions { flex-wrap: wrap; justify-content: flex-end; }
}