.ops-panel{background:#fff;border:1px solid #d6e2eb;border-radius:12px;padding:20px;margin:20px 0;color:#15374d}.ops-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.ops-section-head h2{font-size:19px;margin:0}.ops-muted{color:#657c90;font-size:13px;line-height:1.55}.ops-warning{color:#835414;font-size:14px;line-height:1.5}.ops-status{font-size:13px;border-radius:20px;padding:7px 12px;background:#f0f3f6}.ops-status.is-complete{background:#e4f3eb;color:#17683f}.ops-status.is-running{background:#e3f1f9;color:#006b98}.ops-facts{display:flex;gap:12px 25px;flex-wrap:wrap;font-size:13px;margin:15px 0}.ops-stages{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;gap:9px}.ops-stages li{padding:10px;border-radius:8px;background:#f1f5f8;color:#7a8a98;font-size:13px;display:flex;align-items:center;gap:9px}.ops-stages li span{font-weight:700;flex-shrink:0}.ops-stages .done{color:#216749;background:#eff8f2}.ops-stages .current{background:#e4f2fc;color:#006e9b;outline:1px solid #0083bd}.ops-current{font-weight:600}.ops-refresh progress{width:100%;height:10px;accent-color:#0083bd}.ops-toolbar{display:flex;gap:10px;align-items:center}.ops-toolbar select,.ops-toolbar button{height:42px;min-width:0;max-width:100%;border:1px solid #c9d9e5;border-radius:7px;background:#fff;color:#15374d;padding:8px 12px;font:inherit}.ops-dashboard{margin:18px 0 26px}.ops-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.ops-metric{background:#fff;border:1px solid #d6e2eb;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:9px}.ops-metric>span{font-size:13px;font-weight:600}.ops-metric>strong{font-size:29px}.ops-metric>small{font-size:12px;line-height:1.5;color:#64798c}.ops-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ops-chart{margin:0;padding:16px;background:#fff;border:1px solid #d6e2eb;border-radius:12px;min-width:0}.ops-chart figcaption{font-size:14px;font-weight:600;margin-bottom:12px}.ops-chart svg{width:100%;height:auto;display:block;overflow:visible}.ops-chart text{font-size:10px;fill:#6b7f91}.ops-chart-labels{display:flex;justify-content:space-between;font-size:11px;color:#64798c;gap:10px}.ops-table-wrap{overflow:auto}.ops-table{width:100%;border-collapse:collapse;font-size:13px}.ops-table th,.ops-table td{text-align:left;padding:11px 12px;border-bottom:1px solid #e4ebf0}.ops-table th{background:#f4f7fa}.ops-dashboard pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.55;background:#f4f7fa;padding:14px;border-radius:8px;max-height:400px;overflow:auto}.ops-dashboard details{margin-top:15px}.ops-dashboard summary{cursor:pointer;padding:10px 0;font-weight:600}.ops-dashboard h3{font-size:15px}.ops-dashboard a{color:#007aac}.ops-dashboard *{box-sizing:border-box}.ops-refresh{min-width:0}.ops-dashboard{min-width:0}@media(max-width:1150px){.ops-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.ops-charts{grid-template-columns:1fr}.ops-stages{grid-template-columns:1fr}.ops-panel{padding:15px}.ops-metric{padding:13px}.ops-metric>strong{font-size:24px}.ops-toolbar{width:100%}.ops-toolbar select{flex:1}.ops-section-head h2{font-size:18px}}

/* OOTB · Stil B – Aktualisierungs- und Serverpanels (Tokens aus ootb-theme.css, Fallbacks für Seiten ohne Theme). */
.ops-panel{border:1px solid var(--ootb-line,#e1e7ed);border-radius:var(--ootb-r-card,12px);padding:18px 20px;margin:20px 0;color:var(--ootb-ink,#17354c);background:var(--ootb-surface,#fff)}
.ops-section-head h2{font-size:17px;font-weight:700}
.ops-muted{color:var(--ootb-muted,#50677a);font-size:14px}
.ops-warning{color:var(--ootb-warn-text,#7a4f0c)}
.ops-status{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 12px;border-radius:6px;font-size:13px;font-weight:650;background:var(--ootb-fill-2,#eef2f6);color:var(--ootb-muted,#50677a)}
.ops-status:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;opacity:.85}
.ops-status.is-complete{background:var(--ootb-ok-bg,#e3f4ec);color:var(--ootb-ok-text,#0f6247)}
.ops-status.is-running{background:var(--ootb-primary-tint,#e8f1f8);color:var(--ootb-primary-tint-text,#0a5a8a)}
.ops-facts{font-size:14px;gap:8px 28px}
.ops-stages{gap:8px}
.ops-stages li{min-height:40px;padding:8px 12px;border-radius:var(--ootb-r,10px);background:var(--ootb-surface-2,#f6f8fa);color:var(--ootb-muted,#50677a);font-size:14px}
.ops-stages .done{background:#f1f8f4;color:#1f4a3b}
.ops-stages .current{background:var(--ootb-primary-tint,#e8f1f8);color:var(--ootb-primary-tint-text,#0a5a8a);outline:1px solid var(--ootb-primary,#006ba6)}
.ops-refresh progress{accent-color:var(--ootb-primary,#006ba6)}
.ops-toolbar select,.ops-toolbar button{height:40px;border:1px solid var(--ootb-input,#dbe3ea);border-radius:var(--ootb-r-s,8px);color:var(--ootb-ink,#17354c);font-size:14px;font-weight:600}
.ops-toolbar button:hover{background:var(--ootb-fill,#f3f6f9)}
.ops-metric{border:1px solid var(--ootb-line,#e1e7ed);border-radius:var(--ootb-r-card,12px);padding:16px 18px}
.ops-metric>span{font-size:13px;color:var(--ootb-muted,#50677a)}
.ops-metric>strong{font-size:28px;font-weight:750;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.ops-metric>small{color:var(--ootb-muted,#50677a)}
.ops-chart{border:1px solid var(--ootb-line,#e1e7ed);border-radius:var(--ootb-r-card,12px)}
.ops-chart figcaption{font-size:14px;font-weight:700}
.ops-chart text{fill:var(--ootb-muted,#50677a)}
.ops-table th{background:var(--ootb-surface-2,#f6f8fa);font-size:11px;font-weight:650;letter-spacing:.05em;text-transform:uppercase;color:var(--ootb-label,#5a6f81)}
.ops-table th,.ops-table td{border-color:var(--ootb-line-soft,#edf1f4)}
.ops-dashboard pre{background:var(--ootb-surface-2,#f6f8fa);border-radius:var(--ootb-r,10px)}
.ops-dashboard a{color:var(--ootb-primary,#006ba6)}