@font-face{font-family:'Plex';src:url(plex-ar-400.woff2) format('woff2');font-weight:400;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}
@font-face{font-family:'Plex';src:url(plex-ar-600.woff2) format('woff2');font-weight:600;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}
@font-face{font-family:'Plex';src:url(plex-ar-700.woff2) format('woff2');font-weight:700 800;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}
@font-face{font-family:'Plex';src:url(plex-la-400.woff2) format('woff2');font-weight:400 600;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:'Plex';src:url(plex-la-700.woff2) format('woff2');font-weight:700 800;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:'NotoAr';src:url(noto-sans-arabic.woff) format('woff');font-weight:100 900;font-display:swap}
:root{--brand:#0f2a55;--brand2:#2563eb;--red:#dc2638;--green:#0f9d58;--amber:#d97706;--violet:#7c3aed;--teal:#0d9488;
 --bg:#f3f5fa;--card:#fff;--ink:#0f172a;--muted:#64748b;--line:#e6eaf2;--soft:#f6f8fc;--shadow:0 1px 2px rgba(15,23,42,.04),0 6px 24px rgba(15,23,42,.06);--r:18px}
[data-theme=dark]{--bg:#0b1220;--card:#121a2b;--ink:#e5e9f2;--muted:#93a1b8;--line:#22304a;--soft:#172238;--shadow:0 1px 2px rgba(0,0,0,.3),0 8px 28px rgba(0,0,0,.35);--brand2:#60a5fa;--green:#34d399;--red:#f87171;--amber:#fbbf24}
*{box-sizing:border-box}html,body{overflow-x:hidden}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'Plex','NotoAr','Noto Sans Arabic',system-ui,sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;transition:background .25s,color .25s}
.hd{position:sticky;top:0;z-index:20;background:linear-gradient(120deg,#0b1f44,#0f2a55 55%,#1d3f86);color:#fff;box-shadow:0 6px 20px rgba(11,31,68,.25)}
.hd-in{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px 6px}
.brand{display:flex;gap:12px;align-items:center;min-width:0}.brand img{height:44px;width:44px;object-fit:cover;border-radius:12px;background:#fff;padding:2px;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.hd h1{margin:0;font-size:19px;font-weight:800;letter-spacing:.2px}.sub{font-size:12px;opacity:.75}
.tools{display:flex;gap:8px;align-items:center}.msel{display:flex;gap:6px;align-items:center;font-size:12px;opacity:.95}
.msel select{font:inherit;font-size:13px;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:10px;padding:5px 8px}.msel option{color:#000}
.ib{width:38px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.12);color:#fff;cursor:pointer;display:grid;place-items:center}
.ib svg{width:18px;height:18px}
.tabs{max-width:1280px;margin:auto;display:flex;gap:4px;overflow-x:auto;padding:4px 12px 10px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}
.tabs button{flex:0 0 auto;display:flex;gap:6px;align-items:center;border:0;background:transparent;color:rgba(255,255,255,.78);padding:8px 13px;border-radius:12px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s,color .2s}
.tabs button svg{width:16px;height:16px;opacity:.9}.tabs button:hover{background:rgba(255,255,255,.08);color:#fff}
.tabs button.on{background:#fff;color:var(--brand);box-shadow:0 4px 14px rgba(0,0,0,.18)}
.tabs .cnt{background:var(--red);color:#fff;border-radius:999px;font-size:11px;padding:0 7px;line-height:18px}
main{max-width:1280px;margin:auto;padding:16px 14px 30px}
.pane{animation:fade .35s ease}@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.banner{max-width:1280px;margin:12px auto 0;padding:10px 14px;border-radius:14px;font-weight:600;font-size:14px}.banner.bad{background:rgba(220,38,56,.1);color:var(--red);border:1px solid rgba(220,38,56,.25)}
main .banner{margin:0 0 12px}
.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.g2{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(420px,1fr))}
.kpi{position:relative;border-radius:var(--r);padding:16px 16px 14px;color:#fff;overflow:hidden;box-shadow:var(--shadow);min-width:0;background:linear-gradient(135deg,#1e3a8a,#2563eb)}
.kpi::after{content:'';position:absolute;inset:auto -30px -40px auto;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.09)}
.kpi.good{background:linear-gradient(135deg,#047857,#10b981)}.kpi.bad{background:linear-gradient(135deg,#b91c1c,#ef4444)}.kpi.warn{background:linear-gradient(135deg,#b45309,#f59e0b)}
.kpi.vio{background:linear-gradient(135deg,#5b21b6,#8b5cf6)}.kpi.teal{background:linear-gradient(135deg,#0f766e,#14b8a6)}.kpi.ink{background:linear-gradient(135deg,#0f172a,#334155)}
.kpi .l{font-size:13px;font-weight:600;opacity:.9;display:flex;gap:6px;align-items:center}.kpi .l svg{width:16px;height:16px;opacity:.85}
.kpi .v{font-size:24px;font-weight:800;margin-top:6px;direction:ltr;text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;letter-spacing:.2px}
.kpi .v .cur{font-size:14px;font-weight:600;opacity:.85}
.kpi .s{font-size:12px;opacity:.88;margin-top:4px}
.card{background:var(--card);border-radius:var(--r);padding:16px 18px;box-shadow:var(--shadow);margin:14px 0;min-width:0;border:1px solid var(--line)}
.g2 .card{margin:0}
.card h3{margin:0 0 10px;font-size:16px;font-weight:700;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.card h3 svg{width:18px;height:18px;color:var(--brand2)}
.meta{display:flex;gap:6px;flex-wrap:wrap;margin:-4px 0 8px}
.badge{font-size:11px;padding:2px 9px;border-radius:999px;background:rgba(15,157,88,.12);color:var(--green);font-weight:700}
.badge.y{background:rgba(217,119,6,.14);color:var(--amber)}.badge.r{background:rgba(220,38,56,.12);color:var(--red)}.badge.p{background:rgba(37,99,235,.1);color:var(--brand2)}
.info{cursor:pointer;border:0;background:var(--soft);color:var(--muted);border-radius:50%;width:22px;height:22px;font-size:12px;padding:0}
.kpi .info{background:rgba(255,255,255,.2);color:#fff}
.note{display:none;background:var(--soft);border-inline-start:3px solid var(--brand2);padding:8px 12px;font-size:13px;margin:6px 0;border-radius:10px;color:var(--ink)}.note.on{display:block}
h2.sec{font-size:17px;margin:26px 0 10px;display:flex;gap:8px;align-items:center}h2.sec::before{content:'';width:6px;height:20px;border-radius:4px;background:linear-gradient(var(--brand2),var(--violet))}
.tbar{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-bottom:8px;flex-wrap:wrap}
.srch{flex:1 1 200px;max-width:320px;font:inherit;font-size:13px;padding:7px 12px;border-radius:10px;border:1px solid var(--line);background:var(--soft);color:var(--ink)}
.csv{font:inherit;font-size:12px;border:1px solid var(--line);background:var(--card);color:var(--muted);border-radius:10px;padding:5px 10px;cursor:pointer}
.tw{overflow-x:auto;border-radius:12px;border:1px solid var(--line)}
table{width:100%;border-collapse:collapse;font-size:13.5px}
th,td{padding:9px 11px;border-bottom:1px solid var(--line);text-align:right;vertical-align:middle}
th{background:var(--soft);color:var(--muted);font-weight:700;font-size:12.5px;position:sticky;top:0;white-space:nowrap}
th.s{cursor:pointer;user-select:none}th.s:hover{color:var(--ink)}th .ar{opacity:.35;margin-inline-start:4px;font-size:10px}th.asc .ar,th.desc .ar{opacity:1;color:var(--brand2)}
tbody tr:hover td{background:rgba(37,99,235,.04)}tbody tr:last-child td{border-bottom:0}
td.n,th.n{text-align:left;direction:ltr;font-variant-numeric:tabular-nums;white-space:nowrap}
tr.tot td{font-weight:800;background:var(--soft);border-top:2px solid var(--line)}tr.hl td{font-weight:800;color:var(--brand2)}
.pos{color:var(--green);font-weight:700}.neg{color:var(--red);font-weight:700}.warn{color:var(--amber);font-weight:700}.mut{color:var(--muted)}
details{background:var(--card);border-radius:var(--r);margin:10px 0;padding:4px 16px;box-shadow:var(--shadow);border:1px solid var(--line)}
summary{cursor:pointer;font-weight:700;padding:10px 0;list-style:none;display:flex;gap:8px;align-items:center}summary::-webkit-details-marker{display:none}
summary::before{content:'';width:8px;height:8px;border-inline-end:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .2s;margin-inline-end:4px}
details[open] summary::before{transform:rotate(-135deg)}details[open]{padding-bottom:14px}
.alerts .a{padding:10px 12px;border-radius:12px;margin:6px 0;font-size:14px;border-inline-start:4px solid}.alerts .bad{background:rgba(220,38,56,.08);border-color:var(--red)}.alerts .warn{background:rgba(217,119,6,.09);border-color:var(--amber)}.alerts .info{background:rgba(37,99,235,.07);border-color:var(--brand2)}
.alerts .a b{display:block}.alerts .a span{font-size:12.5px;color:var(--muted)}
.empty{color:var(--muted);padding:16px;text-align:center;font-weight:600}
.recon{font-size:16px;font-weight:800;padding:8px 14px;border-radius:12px;display:inline-block;margin-bottom:10px}.recon.ok{background:rgba(15,157,88,.12);color:var(--green)}.recon.no{background:rgba(220,38,56,.12);color:var(--red)}
.cv{position:relative;height:280px}.cv.tall{height:420px}
.seg{display:inline-flex;gap:2px;margin:0 0 8px;background:var(--soft);padding:3px;border-radius:10px}.seg button{border:0;background:transparent;color:var(--muted);border-radius:8px;padding:4px 12px;font:inherit;font-size:12px;cursor:pointer}.seg button.on{background:var(--card);color:var(--ink);box-shadow:var(--shadow)}
.sub3{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 6px}.sub3 a{background:var(--card);border:1px solid var(--line);padding:6px 12px;border-radius:999px;text-decoration:none;color:var(--ink);font-weight:600;font-size:13px}
.ovc{cursor:pointer;transition:transform .15s}.ovc:hover{transform:translateY(-2px)}
.s{font-size:12.5px;color:var(--muted)}
.ft{text-align:center;color:var(--muted);font-size:12px;padding:24px}
bdi{unicode-bidi:isolate}
@media(max-width:760px){
 .g2{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .kpi{padding:13px 12px}.kpi .v{font-size:18px}.kpi .s{font-size:11px}
 .hd-in{padding:8px 12px 4px}.brand img{height:36px;width:36px}.hd h1{font-size:16px}.msel span{display:none}
 main{padding:12px 10px 24px}.card{padding:13px 12px}.cv{height:240px}
 table.rs thead{display:none}table.rs tr{display:block;border-bottom:1px solid var(--line);padding:6px 10px}table.rs tr.tot{background:var(--soft)}
 table.rs td{display:flex;justify-content:space-between;gap:10px;border:0;padding:3px 0;text-align:left}
 table.rs td::before{content:attr(data-h);font-weight:600;color:var(--muted);text-align:right;font-size:12px}
 table.rs td.n{direction:rtl}
}
.kpi.warn,.kpi.good,.kpi.bad{color:#fff}
/* ---------------- AI reports panel */
.ai-hero{position:relative;overflow:hidden;border-radius:24px;padding:26px 22px 20px;margin-bottom:16px;color:#fff;background:radial-gradient(700px 300px at 90% -20%,rgba(139,92,246,.55),transparent 60%),radial-gradient(600px 300px at 0% 120%,rgba(20,184,166,.45),transparent 60%),linear-gradient(135deg,#0b1f44,#1e3a8a);box-shadow:var(--shadow)}
.ai-hero h2{margin:6px 0 4px;font-size:22px}.ai-hero p{margin:0 0 14px;opacity:.85;font-size:14px}.ai-hero .s{color:rgba(255,255,255,.7)}
.ai-orb{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#8b5cf6,#14b8a6);box-shadow:0 0 0 6px rgba(255,255,255,.08),0 8px 24px rgba(139,92,246,.5);animation:orb 4s ease-in-out infinite}
.ai-orb svg{width:24px;height:24px;color:#fff}@keyframes orb{50%{transform:translateY(-3px) rotate(8deg)}}
.ai-box{background:var(--card);border-radius:18px;padding:10px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.ai-box textarea{width:100%;border:0;outline:none;resize:vertical;min-height:96px;font:inherit;font-size:16px;line-height:1.7;background:transparent;color:var(--ink);padding:8px 10px}
.ai-bar{display:flex;gap:10px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:10px}
.chips{display:flex;gap:6px;flex-wrap:wrap;flex:1}.chip{font:inherit;font-size:12.5px;border:1px solid var(--line);background:var(--soft);color:var(--ink);border-radius:999px;padding:6px 12px;cursor:pointer;transition:all .15s}
.chip:hover{border-color:var(--brand2);color:var(--brand2);transform:translateY(-1px)}
.ai-box .go{font:inherit;font-weight:700;color:#fff;border:0;border-radius:12px;padding:10px 18px;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#2563eb);box-shadow:0 8px 20px rgba(124,58,237,.35)}.ai-box .go[disabled]{opacity:.6}
.ai-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}
.ai-side{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;box-shadow:var(--shadow);position:sticky;top:120px}
.ai-side h4{margin:0 0 8px;font-size:14px;display:flex;gap:6px;align-items:center}.ai-side h4 svg{width:16px;height:16px;color:var(--brand2)}
.ai-sv{padding:8px 0;border-bottom:1px dashed var(--line)}.ai-sv:last-child{border:0}.ai-sv a{cursor:pointer;font-weight:600;font-size:13.5px;color:var(--ink)}.ai-sv a:hover{color:var(--brand2)}
.ai-sva{display:flex;gap:6px;margin-top:6px}
.btn{font:inherit;font-size:12.5px;border:1px solid var(--line);background:var(--soft);color:var(--ink);border-radius:10px;padding:6px 11px;cursor:pointer;text-decoration:none;white-space:nowrap}.btn:hover{border-color:var(--brand2);color:var(--brand2)}.btn.sm{font-size:11.5px;padding:3px 8px}
.ai-pend{display:flex;gap:14px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;margin-bottom:12px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.ai-pend>div:nth-child(2){flex:1}.ai-pend::after{content:'';position:absolute;inset:auto 0 0 0;height:3px;background:linear-gradient(90deg,transparent,#8b5cf6,#2563eb,transparent);background-size:200% 100%;animation:shim 1.6s linear infinite}
.ai-pend.fail::after{display:none}@keyframes shim{from{background-position:200% 0}to{background-position:-200% 0}}
.dots{display:flex;gap:5px}.dots i{width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#2563eb);animation:bounce 1.2s infinite ease-in-out}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}
@keyframes bounce{0%,80%,100%{transform:scale(.5);opacity:.4}40%{transform:scale(1);opacity:1}}
.ai-res{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px;margin-bottom:14px;box-shadow:var(--shadow);animation:fade .35s ease}
.ai-res header{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:12px}
.ai-res h3{margin:4px 0;font-size:17px}.ai-act{display:flex;gap:6px;flex-wrap:wrap}
.ai-sum{font-size:14.5px;line-height:1.8;margin:0 0 12px}.ai-text{font-size:14px;line-height:1.8;margin:8px 0;background:var(--soft);border-radius:12px;padding:10px 14px}
.ai-block{margin:14px 0}.ai-bh{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.ai-kpis{margin:10px 0}
.ai-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:26px;text-align:center;color:var(--muted);background:var(--card);border:1px dashed var(--line);border-radius:var(--r);margin-bottom:14px}.ai-empty svg{width:34px;height:34px;color:var(--brand2)}
@media(max-width:900px){.ai-layout{grid-template-columns:1fr}.ai-side{position:static}}
/* ---------------- printable report (PDF) */
body.print{background:#fff;max-width:900px;margin:0 auto;padding:24px}
body.print .pr-hd{display:flex;gap:14px;align-items:center;border-bottom:3px solid #1e3a8a;padding-bottom:12px;margin-bottom:14px}.pr-hd img{width:54px;height:54px;border-radius:12px}.pr-hd h1{margin:0;font-size:22px;color:#0f2a55}
.pr-req{background:#f6f8fc;border-radius:10px;padding:8px 12px;font-size:13px;color:#475569;margin-bottom:10px}.pr-ft{margin-top:24px;border-top:1px solid #e2e8f0;padding-top:8px;font-size:11px;color:#64748b;text-align:center}
body.print .grid{grid-template-columns:repeat(4,1fr)}body.print .kpi{box-shadow:none;-webkit-print-color-adjust:exact;print-color-adjust:exact}body.print table.rs thead{display:table-header-group}
body.print .ai-block{break-inside:avoid}body.print .cv{height:260px}body.print th{position:static}
@media print{@page{size:A4;margin:14mm}body.print{padding:0}.ai-block,.kpi{break-inside:avoid}}
/* ---------------- AI tab: mobile / responsive */
.ai-layout>*,.ai-main,.ai-res,.ai-block,.ai-box,.ai-hero{min-width:0;max-width:100%}
.ai-res .tw,.ai-block .tw{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.ai-block .cv{position:relative;width:100%;max-width:100%}.ai-block canvas{max-width:100%!important}
.ai-res h3,.ai-sum,.ai-text,.ai-sv a,.ai-pend{overflow-wrap:anywhere}
@media(max-width:900px){.ai-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){
  .ai-hero{padding:18px 14px 14px;border-radius:18px}.ai-hero h2{font-size:18px;line-height:1.5}.ai-hero p{font-size:13px}.ai-orb{width:40px;height:40px}
  .ai-box{padding:8px}.ai-box textarea{min-height:84px;font-size:16px;padding:6px}
  .ai-bar{flex-direction:column;align-items:stretch}
  .chips{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex:0 0 auto}.chips{min-width:0;max-width:100%;width:100%}
  .ai-box .go{width:100%;padding:12px}
  .ai-res{padding:12px}.ai-res header{flex-direction:column}.ai-act{width:100%}.ai-act .btn{flex:1 1 auto;text-align:center;padding:8px 6px}
  .ai-bh{flex-wrap:wrap;gap:6px}.ai-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ai-block .cv{height:240px}.ai-pend{padding:12px;gap:10px}.ai-side{padding:12px}.ai-sva .btn{padding:6px 10px}
}
/* =====================================================================
   THEME: Apple-inspired ultra-minimal (white · Carpathian Grey sidebar · Burgundy primary)
   Visual only. Overrides everything above.
   ===================================================================== */
@font-face{font-family:'InterW';src:url(inter-latin.woff2) format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0020-007E,U+00A0-00FF,U+2010-2027,U+2030-203A,U+20AC,U+2212}
:root{--brand:#800020;--brand2:#800020;--red:#800020;--green:#16803C;--amber:#9a4a5c;--violet:#5c5f63;--teal:#343638;
 --bg:#FFFFFF;--card:#FFFFFF;--ink:#111111;--muted:#6e6e73;--line:#e8e8ed;--soft:#f5f5f7;--side:#343638;
 --shadow:0 1px 2px rgba(0,0,0,.04),0 4px 16px rgba(0,0,0,.04);--r:14px;--sbw-full:248px;--sbw-mini:68px;--sbw:var(--sbw-full);
 --font:'InterW',system-ui,-apple-system,'SF Pro Text','SF Arabic','Plex','NotoAr','Noto Sans Arabic',sans-serif}
@supports (font:-apple-system-body){:root{--font:system-ui,-apple-system,'SF Pro Text','SF Arabic','InterW','Plex','NotoAr',sans-serif}}
:root:not(:lang(x)){--fontx:var(--font)}
[data-theme=dark]{--bg:#161617;--card:#1f1f21;--ink:#f5f5f7;--muted:#a1a1a6;--line:#2f2f33;--soft:#26262a;--brand2:#c25a73;--red:#d0657f;--green:#34a853;--amber:#c7889a;--shadow:0 1px 2px rgba(0,0,0,.3),0 6px 18px rgba(0,0,0,.25)}
body{background:var(--bg);color:var(--ink);font-family:'InterW','Plex','NotoAr','Noto Sans Arabic',system-ui,sans-serif;font-size:15px;letter-spacing:0}
@supports (font:-apple-system-body){body{font-family:system-ui,-apple-system,'SF Pro Text','SF Arabic','InterW','Plex',sans-serif}}
/* sidebar (right, RTL) */
.sb{position:fixed;top:0;bottom:0;right:0;width:var(--sbw);background:var(--side);color:#e8e8ea;z-index:40;display:flex;flex-direction:column;padding:18px 12px 12px;overflow-y:auto;scrollbar-width:thin}
.sb-brand{display:flex;gap:10px;align-items:center;padding:4px 8px 18px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:10px}
.sb-brand img{width:38px;height:38px;border-radius:10px;object-fit:cover;background:#fff}.sb-brand b{display:block;font-size:15px;color:#fff;font-weight:700}.sb-brand span{font-size:12px;color:rgba(255,255,255,.55)}
.sb .tabs{display:flex;flex-direction:column;gap:2px;max-width:none;margin:0;padding:0;overflow:visible}
.sb .tabs button{width:100%;justify-content:flex-start;color:rgba(255,255,255,.72);padding:9px 12px;border-radius:10px;font-size:14px;font-weight:500;background:transparent;box-shadow:none;text-align:right}
.sb .tabs button svg{width:18px;height:18px;opacity:.85;flex:0 0 auto}
.sb .tabs button span:first-of-type{flex:1;white-space:normal;line-height:1.35}
.sb .tabs button:hover{background:rgba(255,255,255,.06);color:#fff}
.sb .tabs button.on{background:rgba(255,255,255,.1);color:#fff;box-shadow:inset 3px 0 0 #fff}
.sb .tabs button.on svg{opacity:1}
.tabs .cnt{background:#800020;color:#fff;font-size:11px;font-weight:600;padding:0 7px;line-height:18px;border-radius:999px;flex:0 0 auto}
.sb-ft{margin-top:auto;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}
.sb-out{display:flex;gap:10px;align-items:center;color:rgba(255,255,255,.65);text-decoration:none;padding:9px 12px;border-radius:10px;font-size:14px}.sb-out:hover{background:rgba(255,255,255,.06);color:#fff}.sb-out svg{width:18px;height:18px}
.sb-ov{display:none}
/* top bar */
.hd{position:sticky;top:0;z-index:30;margin-right:var(--sbw);background:rgba(255,255,255,.82);-webkit-backdrop-filter:saturate(180%) blur(16px);backdrop-filter:saturate(180%) blur(16px);color:var(--ink);box-shadow:none;border-bottom:1px solid var(--line)}
[data-theme=dark] .hd{background:rgba(22,22,23,.8)}
.hd-in{max-width:1240px;margin:0 0 0 auto;padding:14px 28px;gap:14px;align-items:center}
.hd h1{font-size:20px;font-weight:700;color:var(--ink);letter-spacing:-.01em}.sub{font-size:12px;color:var(--muted);opacity:1;line-height:1.45;overflow-wrap:anywhere}.sub bdi{unicode-bidi:isolate;direction:ltr}
.brand img{display:none}
.msel{color:var(--muted)}.msel select{color:var(--ink);background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:6px 10px}.msel option{color:#111}
.ib{width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--ink)}.ib:hover{background:var(--soft)}
.ib svg{width:18px;height:18px;stroke-width:1.5}
main,#failed,.ft{margin-right:var(--sbw)}
main{max-width:1240px;padding:28px 28px 40px;margin-left:auto}
@media(min-width:1600px){main,.hd-in{margin-left:calc((100vw - var(--sbw) - 1240px)/2)}}
.ft{color:var(--muted);padding:28px}
.banner{max-width:none;margin:16px 28px 0;border-radius:var(--r)}.banner.bad{background:rgba(128,0,32,.06);color:#800020;border:1px solid rgba(128,0,32,.18)}
/* cards & kpis: white, flat, light shadow */
.card,details{border-radius:var(--r);border:1px solid var(--line);box-shadow:var(--shadow);padding:20px 22px;margin:16px 0}
.g2{gap:16px}.grid{gap:14px}
.card h3{font-size:15px;font-weight:600;letter-spacing:-.005em}.card h3 svg{color:var(--muted);stroke-width:1.5}
.kpi,.kpi.good,.kpi.bad,.kpi.warn,.kpi.vio,.kpi.teal,.kpi.ink{background:var(--card)!important;color:var(--ink)!important;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:18px 18px 16px}
.kpi::after{display:none}
.kpi .l{color:var(--muted);opacity:1;font-weight:500;font-size:13px}.kpi .l svg{opacity:1;color:var(--muted)}
.kpi .v{font-weight:700;font-size:26px;letter-spacing:-.02em;color:var(--ink)}.kpi .v .cur{color:var(--muted);opacity:1;font-weight:500}
.kpi .s{color:var(--muted);opacity:1}
.kpi.good .v{color:var(--green)}.kpi.bad .v{color:#800020}.kpi.warn .v{color:#800020}
[data-theme=dark] .kpi.bad .v,[data-theme=dark] .kpi.warn .v{color:var(--red)}
.kpi.bad{box-shadow:inset 0 3px 0 #800020,var(--shadow)}.kpi.good{box-shadow:inset 0 3px 0 var(--green),var(--shadow)}
.kpi .info{background:var(--soft);color:var(--muted)}
h2.sec{font-size:17px;font-weight:600;margin:32px 0 12px;letter-spacing:-.01em}h2.sec::before{width:3px;height:18px;background:#800020;border-radius:2px}
/* badges/status: positive green, negative burgundy */
.badge{background:rgba(22,128,60,.1);color:var(--green);font-weight:600}
.badge.r{background:rgba(128,0,32,.08);color:#800020}.badge.y{background:rgba(128,0,32,.06);color:#9a4a5c}.badge.p{background:var(--soft);color:var(--ink)}
[data-theme=dark] .badge.r{color:var(--red)}
.neg,.warn{color:#800020}[data-theme=dark] .neg,[data-theme=dark] .warn{color:var(--red)}.pos{color:var(--green)}
.alerts .a{border-radius:12px}.alerts .bad{background:rgba(128,0,32,.05);border-color:#800020}.alerts .warn{background:rgba(128,0,32,.03);border-color:#b3586d;color:var(--ink)}
.recon.ok{background:rgba(22,128,60,.08);color:var(--green)}.recon.no{background:rgba(128,0,32,.08);color:#800020}
.note{border-inline-start-color:#800020}
/* tables */
.tw{border-radius:12px;border:1px solid var(--line)}
th{background:var(--soft);color:var(--muted);font-weight:600}
th,td{padding:10px 12px}
tbody tr:hover td{background:rgba(0,0,0,.02)}
th.asc .ar,th.desc .ar{color:#800020}tr.hl td{color:#800020}
td.n,th.n{font-family:'InterW',system-ui,sans-serif;font-feature-settings:'tnum'}
.srch{background:var(--card);border-radius:10px}.srch:focus{outline:none;border-color:#800020;box-shadow:0 0 0 3px rgba(128,0,32,.12)}
.csv,.btn{border-radius:10px}.btn:hover,.chip:hover{border-color:#800020;color:#800020}
.seg button.on{background:var(--card);color:#800020;box-shadow:var(--shadow)}
.sub3 a{border-radius:999px}
/* AI panel: flat, white */
.ai-hero{background:var(--card)!important;color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--r);padding:26px 24px 20px}
.ai-hero .s{color:var(--muted)}.ai-hero p{color:var(--muted);opacity:1}
.ai-orb{background:#800020;box-shadow:none;animation:none;border-radius:12px}
.ai-box{background:var(--soft);box-shadow:none;border:1px solid var(--line);border-radius:12px}
.ai-box .go{background:#800020;box-shadow:none;border-radius:10px;font-weight:600}.ai-box .go:hover{background:#6b001b}
.chip{background:var(--card)}
.ai-pend::after{background:linear-gradient(90deg,transparent,#800020,transparent);background-size:200% 100%}
.dots i{background:#800020}
.ai-side h4 svg,.ai-empty svg{color:#800020}
.ai-res,.ai-pend,.ai-side,.ai-empty{border-radius:var(--r)}
/* svg icons thin */
svg{stroke-width:1.5}
/* mobile: off-canvas sidebar */
/* narrow screens: rail always reserves --sbw-mini; full sidebar overlays the page */
@media(max-width:960px){
 :root{--sbw:var(--sbw-mini)}
 .sb{width:min(84vw,var(--sbw-full))}
 html.sb-mini .sb{width:var(--sbw-mini)}
 html:not(.sb-mini) .sb{box-shadow:-8px 0 30px rgba(0,0,0,.25)}
 .sb-ov{position:fixed;inset:0;background:rgba(17,17,17,.35);z-index:35}
 html:not(.sb-mini) .sb-ov{display:block}
 .hd-in{padding:10px 14px;gap:10px;align-items:center}
 .brand{flex:1;min-width:0;overflow:visible}
 .hd h1{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
 .sub{font-size:11px;line-height:1.45;white-space:normal;overflow:visible;overflow-wrap:anywhere;word-break:break-word;max-width:100%;color:var(--muted)}
 .sub bdi{unicode-bidi:isolate;direction:ltr;display:inline-block}
 .tools .out{display:none}.msel span{display:none}
 main{padding:18px 14px 30px}.banner{margin:12px 14px 0}
}
@media(max-width:560px){
 :root{--sbw-mini:64px}
 .hd-in{flex-wrap:wrap;row-gap:8px}
 .brand{flex:1 1 100%}
 .tools{flex:1 1 100%;width:100%;justify-content:flex-start;flex-wrap:nowrap;gap:6px;min-width:0}
 .msel{flex:1 1 auto;min-width:0}.msel select{width:100%;min-width:0;max-width:none}
 .tools .ib{flex:0 0 auto}
 .sub{display:flex;flex-direction:column;gap:2px;align-items:flex-start}
 .sub .sub-sep{display:none}
}
@media(max-width:420px){.brand{flex:1 1 auto;min-width:0}.hd h1{font-size:16px}}
/* print (AI/report PDFs) */
body.print{background:#fff;color:#111}
body.print .pr-hd{border-bottom:2px solid #800020}body.print .pr-hd h1,.pr-hd h1{color:#111}
td.red,td.redbg{color:#800020!important}td.redbg{background:rgba(128,0,32,.07)!important}
.msel select{min-width:150px;padding:6px 10px 6px 28px;line-height:1.4;height:36px}
.sb .tabs button.on{box-shadow:inset -3px 0 0 #fff}
@media(max-width:960px){.msel select{min-width:0;max-width:150px}.kpi .v{font-size:22px}}
.sb .tabs .grp{font-size:11px;font-weight:600;color:#8e8e93;letter-spacing:.02em;padding:14px 14px 4px;pointer-events:none;user-select:none}
.sb .tabs .grp:first-child{padding-top:4px}
/* ---- pro batch 1 */
:root{--muted:#6e6e73}
.kpi.stale{opacity:.62}.kpi.stale .s:first-of-type{color:#800020;font-weight:600}
.bul{position:relative;display:block;height:6px;background:#e8e8ed;border-radius:3px;margin:6px 0 4px;overflow:visible}
.bul i{position:absolute;top:0;bottom:0;right:0;border-radius:3px}.bul i.pos{background:#16803C}.bul i.neg{background:#800020}
.bul b{position:absolute;top:-3px;width:2px;height:12px;background:#111;transform:translateX(50%)}
.dbar{display:inline-block;vertical-align:middle;width:56px;height:6px;background:#e8e8ed;border-radius:3px;margin-inline-end:6px;position:relative;overflow:hidden}
.dbar i{position:absolute;top:0;bottom:0;right:0;border-radius:3px}.dbar i.pos{background:#16803C}.dbar i.neg{background:#800020}
/* ---- pro batch 2 */
.dl{font-size:12px;font-weight:600;white-space:nowrap;vertical-align:middle}.dl.pos{color:#16803C}.dl.neg{color:#800020}.dl em{font-style:normal;font-weight:500;color:var(--muted)}
.spk{display:block;width:100%;height:28px;margin-top:6px;opacity:.9}
.tgt{font-size:12px;color:var(--muted);margin-top:4px}
a.drill{color:inherit;text-decoration:underline dotted;text-underline-offset:3px;cursor:pointer}a.drill:hover{color:#800020}
.seg.per{margin:6px 0 12px}
.ackb{display:flex;gap:6px;margin-top:6px}.btn.sm{font-size:11.5px;padding:3px 9px}
.alerts.dim .a{opacity:.6}
.skel .grid i{display:block;height:110px;border-radius:14px;background:linear-gradient(90deg,#f2f2f4,#e8e8ed,#f2f2f4);background-size:200% 100%;animation:sk 1.2s infinite}
.sk-card{height:220px;border-radius:14px;margin-top:14px;background:linear-gradient(90deg,#f2f2f4,#e8e8ed,#f2f2f4);background-size:200% 100%;animation:sk 1.2s infinite}
@keyframes sk{to{background-position:-200% 0}}
:focus-visible{outline:2px solid #800020;outline-offset:2px;border-radius:6px}
/* TV mode */
body.tv .sb,body.tv .sb-ov,body.tv #menu,body.tv .msel,body.tv #print{display:none!important}
body.tv main,body.tv #failed,body.tv .ft,body.tv .hd{margin-right:0!important}
body.tv{font-size:18px}body.tv .kpi .v{font-size:40px}body.tv .kpi .l{font-size:16px}body.tv .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
/* print any tab */
@media print{.sb,.sb-ov,.hd .tools,#menu,.tbar,.ackb,.seg,.info,#failed{display:none!important}main,.ft,.hd{margin-right:0!important}.card,.kpi{box-shadow:none!important;break-inside:avoid}details{display:block}details>*{display:block}body{background:#fff}}

/* manual refresh button (next to theme) */
.ib#refresh{position:relative;gap:6px}
.ib#refresh .rf-lbl{display:none;font-size:12px;font-weight:600;white-space:nowrap;padding-inline-end:2px}
.ib#refresh.refreshing{width:auto;min-width:36px;padding:0 10px;grid-auto-flow:column;pointer-events:none;opacity:.92}
.ib#refresh.refreshing .rf-lbl{display:inline}
.ib#refresh.refreshing svg,.ib#refresh.spinning svg{animation:tbp-spin 1s linear infinite}
@keyframes tbp-spin{to{transform:rotate(-360deg)}}
.ib#refresh.err{border-color:var(--red);color:var(--red)}
@media(max-width:600px){
  .ib#refresh.refreshing{padding:0 8px}
  .ib#refresh .rf-lbl{font-size:11px}
}

/* =====================================================================
   SIDEBAR: hamburger at top · full (labels) ⇄ mini (icons rail). Never fully hidden (except TV/print).
   State: html.sb-mini · localStorage w-sidebar=mini|full (wide screens only)
   ===================================================================== */
html.sb-mini{--sbw:var(--sbw-mini)}
.sb{overflow-x:hidden;padding-top:12px;transition:width .22s ease,padding .22s ease}
.hd,main,#failed,.ft{transition:margin .22s ease}
.sb-top{display:flex;justify-content:flex-start;align-items:center;padding:0 2px 10px}
.sb-tg{width:40px;height:40px;flex:0 0 auto;display:grid;place-items:center;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#fff;cursor:pointer;padding:0;transition:background .15s,border-color .15s}
.sb-tg:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.24)}
.sb-tg svg{width:20px;height:20px}
.sb-tg:focus-visible{outline:2px solid #fff;outline-offset:2px}
.sb .tabs button{position:relative}
.hd .brand>div{min-width:0}
.hd .tools{flex:0 0 auto}
/* mini rail */
html.sb-mini .sb{padding:12px 10px 12px}
html.sb-mini .sb-top{justify-content:center;padding:0 0 10px}
html.sb-mini .sb-brand{justify-content:center;padding:4px 0 14px}
html.sb-mini .sb-brand>div{display:none}
html.sb-mini .sb .tabs button{justify-content:center;padding:10px 0;gap:0}
html.sb-mini .sb .tabs button>span:not(.cnt){display:none}
html.sb-mini .sb .tabs button svg{width:20px;height:20px}
html.sb-mini .sb .tabs .cnt{position:absolute;top:3px;left:3px;font-size:10px;line-height:16px;min-width:16px;padding:0 4px;text-align:center;box-shadow:0 0 0 2px var(--side)}
html.sb-mini .sb .tabs .grp{font-size:0;padding:0;margin:8px 6px;height:0;border-top:1px solid rgba(255,255,255,.1)}
html.sb-mini .sb .tabs .grp:first-child{display:none}
html.sb-mini .sb-out{justify-content:center;padding:10px 0}
html.sb-mini .sb-out span{display:none}
@media(prefers-reduced-motion:reduce){.sb,.hd,main,#failed,.ft,.sb-tg{transition:none}}

/* =====================================================================
   OVERVIEW — AI-Native (approved 2026-11-04). Fonts: IBM Plex Sans Arabic (Arabic) + Inter (Latin/numbers) only.
   ===================================================================== */
:root{--ov-bg:#F5F5FA;--ov-card:#FFFFFF;--ov-ink:#111111;--ov-ink2:#343638;--ov-muted:#6e6e73;--ov-line:#e8e8ed;--ov-chip:#efeff5;--ov-pri:#800020;--ov-pri-bg:rgba(128,0,32,.09);--ov-pos:#16803C;--ov-pos-bg:rgba(22,128,60,.1);--ov-solid:#800020;--ov-onsolid:#FFFFFF;--ov-onsolid-tag:rgba(255,255,255,.18);--ov-neu:#c9c9d6;--ov-mid:#8e8e93;--ov-rose:#b3586d;--ov-grid:#efeff5;--ov-track:#ececf3;--ov-tipbg:#1f1f21;--ov-tipfg:#FFFFFF;--ov-shadow:0 1px 2px rgba(17,17,17,.03),0 10px 30px rgba(52,54,56,.08)}
[data-theme=dark]{--ov-bg:#161617;--ov-card:#1f1f21;--ov-ink:#f5f5f7;--ov-ink2:#d1d1d6;--ov-muted:#a1a1a6;--ov-line:#2f2f33;--ov-chip:#2c2c31;--ov-pri:#e0758e;--ov-pri-bg:rgba(224,117,142,.16);--ov-pos:#4cc77a;--ov-pos-bg:rgba(76,199,122,.15);--ov-solid:#800020;--ov-onsolid:#FFFFFF;--ov-onsolid-tag:rgba(255,255,255,.18);--ov-neu:#55555d;--ov-mid:#8e8e93;--ov-rose:#c98a9a;--ov-grid:#2c2c31;--ov-track:#2f2f33;--ov-tipbg:#2c2c31;--ov-tipfg:#f5f5f7;--ov-shadow:0 1px 2px rgba(0,0,0,.35),0 10px 30px rgba(0,0,0,.35)}
[data-theme=dark] .ovx-card,[data-theme=dark] .ovx-kpi:not(.solid),[data-theme=dark] .ovx-ask,[data-theme=dark] .ovx-bell,[data-theme=dark] .ovx-rec{border:1px solid var(--ov-line)}
.ovx .tw th{background:var(--soft);color:var(--muted)}.ovx table td{color:var(--ov-ink);border-color:var(--ov-line)}

body:has(.ovx){background:var(--ov-bg)}
.ovx,.ovx *{font-family:'InterW','Plex',sans-serif!important}
.ovx{--ovr:14px;--ovsh:var(--ov-shadow);color:var(--ov-ink)}
.ovx .num{font-family:'InterW',sans-serif!important;font-variant-numeric:tabular-nums;unicode-bidi:isolate;direction:ltr;display:inline-block}
.ovx svg{width:18px;height:18px;flex:0 0 auto}
.ovx-top{display:flex;gap:12px;align-items:center;margin:4px 0 18px}
.ovx-ask{flex:1;display:flex;align-items:center;gap:10px;background:var(--ov-card);border-radius:var(--ovr);box-shadow:var(--ovsh);padding:8px 10px 8px 8px;min-width:0}
.ovx-spk{color:var(--ov-pri);display:grid;place-items:center;padding-inline-start:6px}
.ovx-ask input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:15px;color:var(--ov-ink);padding:8px 0}
.ovx-go{border:0;background:var(--ov-solid);color:var(--ov-onsolid);width:40px;height:40px;border-radius:14px;display:grid;place-items:center;cursor:pointer;flex:0 0 auto}
.ovx-bell{position:relative;border:0;background:var(--ov-card);color:var(--ov-ink2);width:54px;height:54px;border-radius:var(--ovr);box-shadow:var(--ovsh);display:grid;place-items:center;cursor:pointer;flex:0 0 auto}
.ovx-bell i{position:absolute;top:8px;left:8px;background:var(--ov-solid);color:var(--ov-onsolid);font-style:normal;font-size:11px;font-weight:700;border-radius:999px;padding:0 6px;line-height:18px}
.ovx-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}
.ovx-h{font-size:16px;font-weight:700;margin:0 0 12px;display:flex;gap:8px;align-items:center;color:var(--ov-ink)}.ovx-h svg{color:var(--ov-pri)}
.ovx-kpis{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.ovx-kpi{background:var(--ov-card);border-radius:var(--ovr);box-shadow:var(--ovsh);padding:16px 18px;cursor:default;min-width:0}
.ovx-kpi .l{display:flex;gap:8px;align-items:center;font-size:14px;font-weight:600;color:var(--ov-muted)}.ovx-kpi .l svg{color:var(--ov-pri)}
.ovx-kpi .v{font-size:24px;font-weight:700;margin:8px 0 0;letter-spacing:-.5px;color:var(--ov-ink);overflow-wrap:anywhere;max-width:100%;line-height:1.15}.ovx-kpi .v .cur{font-size:14px;font-weight:600;margin-inline-start:4px}
.ovx-kpi .s{font-size:13px;color:var(--ov-muted)}.ovx-kpi .s b{color:var(--ov-ink)}
.ovx-kpi.solid{background:var(--ov-solid);color:var(--ov-onsolid)}.ovx-kpi.solid .l,.ovx-kpi.solid .l svg,.ovx-kpi.solid .v,.ovx-kpi.solid .s,.ovx-kpi.solid .s b,.ovx-kpi.solid .cur{color:var(--ov-onsolid)}
.ovx-kpi .pos{color:var(--ov-pos)}.ovx-kpi .neg{color:var(--ov-pri)}
.ovx-card{background:var(--ov-card);border-radius:var(--ovr);box-shadow:var(--ovsh);padding:18px 20px;margin-bottom:16px;min-width:0;border:0}
.ovx-card h3{margin:0 0 12px;font-size:15px;font-weight:700;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ovx-card h3 svg{color:var(--ov-pri)}
.ovx-auto p{margin:0;font-size:14.5px;line-height:1.9;color:var(--ov-ink)}
.ovx-2{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px}.ovx-2 .ovx-card{margin-bottom:0}
.ovx-rings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;text-align:center;padding-top:8px}
.ovx-ring{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px}
.ovx-ring svg{width:92px!important;height:92px!important}
.ovx-ring b{position:absolute;top:33px;left:50%;transform:translateX(-50%);font-size:15px;font-weight:700}
.ovx-ring span{font-size:13px;font-weight:600}.ovx-ring em{font-style:normal;font-size:11.5px;color:var(--ov-muted)}
.ovx-side{position:sticky;top:12px}
.ovx-rec{display:flex;gap:12px;align-items:center;background:var(--ov-card);border-radius:16px;box-shadow:var(--ovsh);padding:13px 14px;margin-bottom:10px;cursor:pointer;transition:transform .15s}
.ovx-rec:hover{transform:translateY(-1px)}
.ovx-rec .ri{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--ov-pri-bg);color:var(--ov-pri);flex:0 0 auto}
.ovx-rec.warn .ri{background:var(--ov-chip);color:var(--ov-ink2)}
.ovx-rec div{flex:1;min-width:0}.ovx-rec b{display:block;font-size:13.5px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}.ovx-rec div span{display:block;font-size:12px;color:var(--ov-muted);margin-top:2px}
.ovx-rec .ra{color:var(--ov-muted);font-size:20px}
.ovx .cv{height:260px}
@media(max-width:1100px){.ovx-grid{grid-template-columns:minmax(0,1fr)}.ovx-side{position:static;order:-1}.ovx-2{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.ovx-kpis{grid-template-columns:minmax(0,1fr)}.ovx-kpi .v{font-size:24px}.ovx-bell{width:48px;height:48px}.ovx .cv{height:220px}.ovx-ring svg{width:76px!important;height:76px!important}.ovx-ring b{top:26px;font-size:13px}}
/* overview v2 — equal-height KPI rows, Lucide 18px, no full-bleed empty bars */
.ovx-h{margin:26px 0 12px;flex-wrap:wrap}.ovx-sub{font-size:12px;font-weight:500;color:var(--ov-muted);display:inline-flex;gap:6px}
.ovx-block{margin-bottom:14px}
.ovx-k3,.ovx-k4,.ovx-feat{display:grid;gap:14px;margin-bottom:14px;align-items:stretch}
.ovx-k3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ovx-k4,.ovx-feat.ovx-feat-1{grid-template-columns:repeat(4,minmax(0,1fr))}
.ovx-feat{grid-template-columns:repeat(3,minmax(0,1fr))}
.ovx-k3>.ovx-kpi,.ovx-k4>.ovx-kpi,.ovx-feat>.ovx-kpi{
  height:100%;min-height:124px;padding:16px 18px;display:flex;flex-direction:column;box-sizing:border-box;min-width:0;overflow:hidden}
.ovx-kpi .l{display:flex;gap:8px;align-items:flex-start;min-height:2.6em;line-height:1.35;overflow-wrap:anywhere;word-break:break-word}
.ovx-kpi .l .lt{flex:1;min-width:0}
.ovx-kpi .l svg,.ovx-h svg,.ovx-card h3 svg{width:18px;height:18px;flex:0 0 auto;stroke-width:1.5}
.ovx-kpi .v{font-size:24px;font-weight:700;margin:8px 0 0;letter-spacing:-.5px;line-height:1.15;overflow-wrap:anywhere;max-width:100%;flex:1 1 auto;display:flex;align-items:flex-end}
.ovx-kpi .v .cur{font-size:14px;font-weight:600;margin-inline-start:4px}
.ovx-kpi .d{margin:6px 0 0}.ovx-kpi .s{margin-top:6px;font-size:12.5px;line-height:1.4;overflow-wrap:anywhere}
.ovx-kpi.solid .dl,.ovx-kpi.solid .dl em{color:var(--ov-onsolid)!important}
@media(max-width:1100px){
  .ovx-k4,.ovx-feat.ovx-feat-1{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ovx-feat{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .ovx-k3,.ovx-k4,.ovx-feat,.ovx-feat.ovx-feat-1{grid-template-columns:minmax(0,1fr)}
  .ovx-k3>.ovx-kpi,.ovx-k4>.ovx-kpi,.ovx-feat>.ovx-kpi{min-height:108px;padding:14px 16px}
  .ovx-kpi .v{font-size:22px}
  .ovx-2 .ovx-card{margin-bottom:14px}
}

.ovx-kpi .d{margin:2px 0 4px}.ovx-kpi.solid .dl,.ovx-kpi.solid .dl em{color:var(--ov-onsolid)!important}
.ovx-tag{display:inline-block;font-size:12px;font-weight:600;padding:2px 10px;border-radius:999px;background:var(--ov-chip);color:var(--ov-ink2);margin:2px 0 2px 6px}
.ovx-tag.pos{background:var(--ov-pos-bg);color:var(--ov-pos)}.ovx-tag.neg{background:var(--ov-pri-bg);color:var(--ov-pri)}
.ovx-kpi.solid .ovx-tag{background:var(--ov-onsolid-tag);color:var(--ov-onsolid)}
.ovx-need{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}
.ovx-more{font-size:13px;color:var(--ov-pri);cursor:pointer;padding:6px 2px;font-weight:600}
.ovx-auto-p{font-size:13.5px;line-height:1.85;margin:12px 0 0;color:var(--ov-ink)}
.ovx .tw{margin-top:12px}
.ovx-2{margin-bottom:16px}


.ovx .dl.pos{color:var(--ov-pos)}.ovx .dl.neg{color:var(--ov-pri)}.ovx .ovx-kpi.solid .dl,.ovx .ovx-kpi.solid .dl em{color:var(--ov-onsolid)!important}
.ovx-an{margin:0;padding:0 18px 0 0;list-style:disc;color:var(--ov-ink)}.ovx-an li{font-size:14px;line-height:1.9;margin:0 0 8px}.ovx-an li::marker{color:var(--ov-pri)}.ovx-an b{color:var(--ov-ink);font-weight:700}
.ovx-daily{border-bottom:1px solid var(--ov-line);padding-bottom:12px;margin-bottom:14px}.ovx-daily h4{margin:10px 0 4px;font-size:14px;color:var(--ov-pri)}.ovx-rec.info .ri{background:var(--ov-chip);color:var(--ov-muted)}

.theft{color:var(--brand);font-weight:700;font-family:'InterW','Plex',sans-serif}[data-theme=dark] .theft{color:var(--red)}

/* interactive cards: only [data-go] looks/acts clickable */
.ovx-kpi[data-go],.card[data-go]{cursor:pointer;transition:box-shadow .15s ease,border-color .15s ease,transform .1s ease}
.ovx-kpi[data-go]:hover,.card[data-go]:hover{box-shadow:var(--ovsh),0 0 0 1px var(--ov-line)}
.ovx-kpi[data-go]:focus-visible,.card[data-go]:focus-visible{outline:2px solid var(--ov-pri);outline-offset:2px}
.ovx-kpi[data-go]:active,.card[data-go]:active{transform:scale(.99)}
@media(prefers-reduced-motion:reduce){.ovx-kpi[data-go],.card[data-go]{transition:none}.ovx-kpi[data-go]:active,.card[data-go]:active{transform:none}}
.ovx #ov-agent-mom .cv.tall{height:460px}@media(max-width:600px){.ovx #ov-agent-mom .cv.tall{height:520px}}

/* new overview charts: readable values on mobile */
.ovx #ov-sub-gain .cv,.ovx #ov-conn-mix .cv,.ovx #ov-wd-by .cv,.ovx #ov-rev-mom .cv{height:220px}
.ovx #ov-rev-daily .cv{height:280px}
.ovx #ov-profit-path .cv{height:280px}
.ovx #ov-eom-by-main .cv.tall{height:420px}
@media(max-width:700px){
  .ovx #ov-sub-gain .cv,.ovx #ov-conn-mix .cv,.ovx #ov-wd-by .cv,.ovx #ov-rev-mom .cv,.ovx #ov-rev-daily .cv,.ovx #ov-profit-path .cv{height:240px}
  .ovx #ov-eom-by-main .cv.tall{height:480px}
  .ovx #ov-conn-mix .cv{height:260px}
}