/* الأساسيّاتُ المشتركةُ في /css/owner-ops.css؛ هنا ما يخصّ هذه الصفحة فقط. */
  body{font-family:Tajawal,system-ui,sans-serif}
  .chart{display:flex;align-items:end;gap:6px;height:170px;margin-top:14px;border-bottom:1px solid #e2e8f0;padding-bottom:6px}
  .bar-col{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}
  .bar-col .bv{font-size: var(--fs-2xs);font-weight:700;color:#0f766e;white-space:nowrap}
  .bar{width:100%;background:linear-gradient(180deg,#14b8a6,#0d9488);border-radius:6px 6px 0 0;min-height:4px}
  .labels{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px;margin-top:4px;font-size: var(--fs-2xs);color:#64748b;text-align:center}
  .tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:2px solid #e2e8f0;overflow-x:auto}
  .tabs button{background:none;border:0;padding:10px 14px;font-weight:700;cursor:pointer;color:#64748b;border-bottom:2px solid transparent;margin-bottom:-2px;font-family:inherit;font-size: var(--fs-sm);white-space:nowrap}
  .tabs button.active{color:#0f766e;border-bottom-color:#0f766e}
  .tab-panel{display:none}
  .tab-panel.active{display:block}
  .health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
  .health-item{background:#f8fafc;border-radius: var(--r-sm);padding:10px}
  .health-item .k{font-size: var(--fs-2xs);color:#64748b}
  .health-item .v{font-size: var(--fs-md);font-weight:700;color:#0f172a;margin-top:2px}
  .health-item.ok{border-right:3px solid #10b981}
  .health-item.warn{border-right:3px solid #f59e0b}
  .health-item.bad{border-right:3px solid #ef4444}
  .cohort-table th,.cohort-table td{font-size: var(--fs-2xs);padding:6px 4px}
  .retention-cell{padding:4px 8px;border-radius: var(--r-xs);font-weight:700;text-align:center}
  /* ── Premium dark "control room" for System Health ── */
  .noc{background:linear-gradient(160deg,#0a1120,#0f1a30);border:1px solid #1e293b;border-radius: var(--r-xl);padding:22px;color:#e2e8f0;margin-bottom:18px;box-shadow: var(--e-3)}
  .noc h3{color:#f1f5f9;margin:0}
  .noc .muted{color:#5b6878;font-size: var(--fs-xs)}
  .noc-mon{background:#0d1526;border:1px solid #1c2942;border-radius: var(--r-xl);padding:18px;margin-bottom:16px}
  .noc-hero{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
  .noc-ring{position:relative;width:66px;height:66px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}
  .noc-ring.up{background:radial-gradient(circle at 50% 40%,#0b3d24,#0a1120);box-shadow:0 0 0 2px #16a34a,0 0 26px #22c55e77}
  .noc-ring.down{background:radial-gradient(circle at 50% 40%,#3d0b0b,#0a1120);box-shadow:0 0 0 2px #dc2626,0 0 26px #ef444477}
  .noc-ring::before{content:"";position:absolute;inset:-7px;border-radius:50%;border:2px solid #22c55e;opacity:.55;animation:nocPulse 2.2s ease-out infinite}
  .noc-ring.down::before{border-color:#ef4444}
  @keyframes nocPulse{0%{transform:scale(.85);opacity:.6}100%{transform:scale(1.55);opacity:0}}
  .noc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:16px}
  .noc-card{background:#111c30;border:1px solid #1e2a44;border-radius: var(--r-lg);padding:14px}
  .noc-lbl{font-size: var(--fs-xs);color:#5b6878}
  .noc-val{font-size: var(--fs-3xl);font-weight:800;margin-top:4px;color:#f1f5f9;line-height:1.1}
  .noc-sub{font-size: var(--fs-2xs);color:#64748b;margin-top:3px}
  .noc-bars{display:flex;align-items:flex-end;gap:2px;height:32px;margin-top:8px}
  .noc-bars i{flex:1;border-radius:2px 2px 0 0;background:#22c55e;min-height:7px;display:block}
  .noc-bars i.d{background:#ef4444}
  .noc-inc{width:100%;border-collapse:collapse;font-size: var(--fs-sm);color:#cbd5e1}
  .noc-inc th{text-align:right;color:#8ea2c0;font-weight:600;padding:9px 8px;border-bottom:1px solid #22304a;font-size: var(--fs-xs)}
  .noc-inc td{padding:11px 8px;border-bottom:1px solid #16223a}
  .noc-badge{display:inline-block;padding:2px 9px;border-radius: var(--r-sm);font-size: var(--fs-2xs);font-weight:800;background:#7f1d1d;color:#fecaca}
  .noc-resolved{color:#22c55e;font-weight:700;display:inline-flex;align-items:center;gap:5px}
  .noc-flag{display:inline-block;padding:3px 10px;border-radius: var(--r-pill);font-size: var(--fs-2xs);font-weight:700}
  .noc-flag.live{background:#052e1a;color:#4ade80;border:1px solid #16a34a55}
  .noc-flag.self{background:#1e293b;color:#5b6878}