.ops-center-page{display:flex;flex-direction:column;gap:18px;padding:2px 0 28px}.ops-center-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px;border:1px solid var(--border);border-radius:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--card-bg) 88%,var(--secondary) 12%),var(--card-bg));box-shadow:var(--shadow-card)}.ops-center-hero h2{margin:4px 0 6px;color:var(--primary);font-size:clamp(23px,2.35vw,32px);line-height:1.25}.ops-center-hero p{margin:0;color:var(--text-muted);font-weight:700}.ops-center-eyebrow,.ops-panel-kicker,.modal-kicker{display:block;color:var(--secondary);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.ops-center-actions{display:flex;gap:10px;flex-wrap:wrap}.ops-health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ops-health-card{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:16px;border:1px solid var(--border);border-radius:18px;background:var(--card-bg);box-shadow:var(--shadow-card)}.ops-health-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:color-mix(in srgb,var(--secondary) 12%,transparent);color:var(--secondary)}.ops-health-card small,.ops-health-card span{display:block;color:var(--text-muted);font-weight:700}.ops-health-card strong{display:block;color:var(--text-main);font-size:16px;margin:2px 0}.ops-health-card.is-good{border-color:color-mix(in srgb,var(--success) 42%,var(--border))}.ops-health-card.is-warn{border-color:color-mix(in srgb,var(--warning) 55%,var(--border))}.ops-health-card.is-bad{border-color:color-mix(in srgb,var(--danger) 52%,var(--border))}.ops-center-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:16px}.ops-center-main,.ops-center-side{display:flex;flex-direction:column;gap:16px}.ops-panel,.ops-side-card{border:1px solid var(--border);border-radius:20px;background:var(--card-bg);box-shadow:var(--shadow-card);padding:18px}.ops-panel-head,.ops-side-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.ops-panel-head h3,.ops-side-head strong{margin:0;color:var(--primary)}.ops-panel-head p,.ops-side-head small{margin:4px 0 0;color:var(--text-muted);font-weight:700}.ops-score-pill,.ops-backup-time{white-space:nowrap;padding:7px 10px;border:1px solid var(--border);border-radius:999px;background:var(--bg-main);color:var(--text-muted);font-weight:900}.ops-smoke-list{display:grid;gap:8px;margin-top:14px}.ops-smoke-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:11px 12px;border:1px solid var(--border);border-radius:14px;background:var(--bg-main)}.ops-smoke-row .state{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;font-weight:900}.ops-smoke-row.pass .state{background:color-mix(in srgb,var(--success) 16%,transparent);color:var(--success)}.ops-smoke-row.warn .state{background:color-mix(in srgb,var(--warning) 16%,transparent);color:var(--warning)}.ops-smoke-row.fail .state{background:color-mix(in srgb,var(--danger) 16%,transparent);color:var(--danger)}.ops-smoke-row strong{display:block}.ops-smoke-row small{color:var(--text-muted);font-weight:700}.ops-empty{padding:22px;text-align:center;color:var(--text-muted);font-weight:800;border:1px dashed var(--border);border-radius:14px}.ops-automation-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.ops-mini-stat{padding:12px;border-radius:14px;background:var(--bg-main);border:1px solid var(--border)}.ops-mini-stat strong{display:block;font-size:20px}.ops-mini-stat span{color:var(--text-muted);font-weight:800;font-size:12px}.ops-recovery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.ops-recovery-action{appearance:none;text-align:inherit;display:flex;flex-direction:column;gap:7px;padding:15px;border:1px solid var(--border);border-radius:16px;background:var(--bg-main);color:var(--text-main);cursor:pointer}.ops-recovery-action:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--secondary) 50%,var(--border))}.ops-recovery-action>span{color:var(--secondary);width:28px;height:28px}.ops-recovery-action small{color:var(--text-muted);font-weight:700}.ops-side-head{justify-content:flex-start}.ops-side-head>span{width:38px;height:38px;display:grid;place-items:center;color:var(--secondary);border-radius:12px;background:color-mix(in srgb,var(--secondary) 12%,transparent)}.ops-side-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.ops-checklist{display:grid;gap:7px;margin-top:12px}.ops-check{display:flex;gap:8px;align-items:center;color:var(--text-muted);font-weight:800;font-size:12px}.ops-check.ok{color:var(--success)}.ops-check.missing{color:var(--warning)}.import-center-overlay{z-index:2300}.import-center-card{width:min(1120px,96vw);max-height:92vh}.import-center-body{display:flex;flex-direction:column;gap:14px;overflow:auto}.import-center-controls{display:grid;grid-template-columns:220px 1fr;gap:12px}.import-center-controls label{display:flex;flex-direction:column;gap:7px;font-weight:900;color:var(--text-main)}.import-center-controls select,.import-center-controls input{width:100%}.import-center-file{padding:12px;border:1px dashed var(--border);border-radius:14px;background:var(--bg-main)}.import-center-summary{padding:12px 14px;border-radius:14px;background:var(--bg-main);border:1px solid var(--border);font-weight:800;color:var(--text-muted)}.import-center-mapping{display:flex;gap:8px;flex-wrap:wrap}.import-map-chip{padding:7px 10px;border-radius:999px;background:color-mix(in srgb,var(--secondary) 10%,var(--card-bg));border:1px solid color-mix(in srgb,var(--secondary) 30%,var(--border));font-size:12px;font-weight:900}.import-center-preview{max-height:320px;border:1px solid var(--border);border-radius:14px}.import-center-preview table{width:100%;border-collapse:collapse}.import-center-preview th,.import-center-preview td{padding:9px 10px;border-bottom:1px solid var(--border);white-space:nowrap}
body[data-theme="dark"] .ops-center-hero{background:linear-gradient(135deg,rgba(30,41,59,.94),rgba(15,23,42,.96))}.tone-emerald{--home-tone:#059669;--home-tone-soft:rgba(5,150,105,.12)}
@media(max-width:1000px){.ops-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-center-layout{grid-template-columns:1fr}}
@media(max-width:640px){.ops-center-hero{align-items:flex-start;flex-direction:column;padding:18px}.ops-center-actions,.ops-center-actions .btn{width:100%}.ops-health-grid,.ops-recovery-grid,.import-center-controls{grid-template-columns:1fr}.ops-automation-summary{grid-template-columns:1fr 1fr}.ops-side-actions{grid-template-columns:1fr}.import-center-card{width:100vw;max-height:100vh;border-radius:0}}