/* ==========================================================
   نبأ — لوحة التشغيل (يُضاف بعد naba.css)
   ========================================================== */
.ops body{min-height:100vh}
.ops-shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:calc(100vh - 64px)}
.ops .topbar{position:sticky;top:0;z-index:20;gap:var(--s3)}
.ops .topbar .title{font-size:var(--fs-lg)}
.ops .topbar .sep{width:1px;height:24px;background:var(--line-strong)}
.ops .topbar .admin-links{display:flex;gap:2px}
.ops .topbar .admin-links a{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 10px;border-radius:var(--r-sm);color:var(--ink-2);text-decoration:none;font-size:var(--fs-sm)}
.ops .topbar .admin-links a:hover{background:var(--card-2)}
.ops .topbar .admin-links a[aria-current="page"]{color:var(--accent)}
.ops .nav{position:sticky;top:64px;align-self:start;height:calc(100vh - 64px);border-inline-end:1px solid var(--line);background:var(--bg)}
.ops .nav .group{font-size:11px;color:var(--faint);padding:var(--s4) var(--s3) 6px}
.ops main{padding:var(--s6) var(--s6) var(--s12);min-width:0}
.ops-inner{max-width:1180px;margin:0 auto}
.page-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--s3);margin-bottom:var(--s5)}
.page-head h1{font-size:var(--fs-2xl)}
.page-head p{color:var(--muted);font-size:var(--fs-sm);margin-top:2px}
.page-head .actions{display:flex;gap:var(--s2);flex-wrap:wrap}
.ops section+section,.ops .block+.block{margin-top:var(--s4)}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4)}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4)}
.grid-2>*,.grid-3>*{margin-top:0!important;min-width:0}
.bottom-nav{display:none}

/* دور المستخدم: الخادم لا يرسم الأزرار غير المسموحة؛ هذه القواعد للمعاينة فقط */
html[data-role="operator"] .need-admin,
html[data-role="classifier"] .need-admin,
html[data-role="classifier"] .need-operator{display:none!important}

/* ---------- عناصر عامة ---------- */
.kv{display:grid;grid-template-columns:auto 1fr;gap:6px var(--s4);font-size:var(--fs-sm);margin:0}
.kv dt{color:var(--muted)} .kv dd{margin:0;color:var(--ink)}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.count-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--r-sm);background:var(--bg);border:1px solid var(--line);font-size:var(--fs-sm);color:var(--ink-2)}
.count-chip b{font-size:var(--fs-md);color:var(--ink)}
.count-chip.is-warn b{color:var(--warn)} .count-chip.is-err b{color:var(--err)} .count-chip.is-ok b{color:var(--ok)}
.dot{width:8px;height:8px;border-radius:4px;background:currentColor;display:inline-block}
.link-row{display:flex;flex-wrap:wrap;gap:var(--s2)}
.link-btn{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px;border-radius:var(--r-sm);border:1px solid var(--line-strong);color:var(--ink-2);text-decoration:none;font-size:var(--fs-sm);background:transparent;cursor:pointer;font-family:inherit}
.link-btn:hover{border-color:var(--muted);color:var(--ink)}
.divider{height:1px;background:var(--line);margin:var(--s4) 0}
.empty{text-align:center;padding:var(--s10) var(--s4)}
.empty .glyph{width:72px;height:72px;border-radius:36px;background:var(--card-2);color:var(--muted);display:flex;align-items:center;justify-content:center;margin:0 auto var(--s4)}
.empty .glyph .icon{width:32px;height:32px}
.empty .glyph.is-ok{background:var(--brand);color:var(--brand-ink)}
.empty h2{font-size:var(--fs-lg)} .empty p{color:var(--muted);margin-top:6px}
.empty .btn{margin-top:var(--s4)}

/* سجل بخط ثابت */
.log{margin:0;max-height:320px;overflow:auto;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s3) var(--s4);font:12px/1.8 ui-monospace,Menlo,Consolas,monospace;color:var(--ink-2);direction:ltr;text-align:left;white-space:pre}
.log .w{color:var(--warn)} .log .e{color:var(--err)} .log .o{color:var(--ok)} .log .t{color:var(--faint)}

/* بطاقة العطل */
.fault{background:var(--err-soft);border:1px solid var(--err);border-radius:var(--r-lg);padding:var(--s4) var(--s5);display:flex;gap:var(--s3);align-items:flex-start}
.fault .icon{color:var(--err);width:22px;height:22px;margin-top:2px}
.fault b{display:block;font-size:var(--fs-md)}
.fault .meta{font-size:var(--fs-sm);color:var(--ink-2);margin-top:2px}
.fault+.fault{margin-top:var(--s2)}

/* اختصارات */
.shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3)}
.shortcut{display:flex;align-items:center;gap:var(--s3);padding:var(--s4);border-radius:var(--r-lg);background:var(--card);border:1px solid var(--line);text-decoration:none;color:var(--ink);font-weight:600}
.shortcut:hover{border-color:var(--brand)}
.shortcut .ic{width:44px;height:44px;border-radius:var(--r-md);background:var(--deep);color:var(--gold);display:flex;align-items:center;justify-content:center;flex:none}
.shortcut small{display:block;font-weight:400;color:var(--muted);font-size:var(--fs-sm)}

/* بطاقة دفعة */
.batch-card .bh{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s2)}
.batch-card .bh h2{font-size:var(--fs-lg)}
.batch-card .bh .muted{font-size:var(--fs-sm)}
.batch-card .pending{display:flex;align-items:center;gap:var(--s3);background:var(--deep);border-radius:var(--r-md);padding:var(--s3) var(--s4);color:var(--deep-ink)}
.batch-card .pending b{font-size:var(--fs-xl);color:#fff}
.batch-card h3{font-size:var(--fs-sm);color:var(--muted);font-weight:500;margin-bottom:8px}

/* شريط أدوات الجدول */
.toolbar{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center;margin-bottom:var(--s3)}
.toolbar .search{position:relative;flex:1 1 220px}
.toolbar .search .icon{position:absolute;inset-inline-start:12px;top:50%;transform:translateY(-50%);color:var(--muted)}
.toolbar .search .input{padding-inline-start:40px;min-height:44px}
.toolbar .sel-count{font-size:var(--fs-sm);color:var(--ink-2);padding:0 var(--s2)}
.toolbar .sel-count b{color:var(--accent)}
.table td.num-col,.table th.num-col{white-space:nowrap}
.table .row-check{width:44px}
.table-wrap.tall{max-height:520px;overflow:auto}
.table-wrap.tall thead th{position:sticky;top:0;background:var(--card);z-index:1}

/* شريط إجراء ثابت أسفل الشاشة */
.action-bar{position:sticky;bottom:0;z-index:10;margin-top:var(--s4);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s3);padding:var(--s3) var(--s4);background:var(--card);border:1px solid var(--line-strong);border-radius:var(--r-lg);box-shadow:0 -8px 24px rgba(0,0,0,.25)}
.action-bar .summary{font-size:var(--fs-sm);color:var(--ink-2)}
.action-bar .summary b{color:var(--ink);font-size:var(--fs-md)}

/* اختيار مقسّم (راديو) */
.choice{display:grid;gap:var(--s2)}
.choice label{display:flex;gap:var(--s3);align-items:flex-start;padding:var(--s3) var(--s4);border:1px solid var(--line-strong);border-radius:var(--r-md);cursor:pointer;background:var(--bg)}
.choice label:has(input:checked){border-color:var(--brand);background:var(--brand-soft)}
.choice input{width:20px;height:20px;accent-color:var(--brand);margin-top:3px;flex:none}
.choice b{display:block} .choice small{color:var(--muted);font-size:var(--fs-sm)}
.confirm-check{display:flex;gap:var(--s3);align-items:flex-start;padding:var(--s3) var(--s4);border-radius:var(--r-md);background:var(--warn-soft);font-size:var(--fs-base)}
.confirm-check input{width:22px;height:22px;accent-color:var(--warn);flex:none;margin-top:2px}

/* خطوات النشر */
.pub-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.pub-steps li{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font-size:var(--fs-xs);color:var(--ink-2)}
.pub-steps .s{width:36px;height:36px;border-radius:18px;display:flex;align-items:center;justify-content:center;border:2px solid var(--line-strong);color:var(--faint)}
.pub-steps .is-done .s{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}
.pub-steps .is-fail .s{background:var(--err-soft);border-color:var(--err);color:var(--err)}
.pub-steps .s .icon{width:16px;height:16px;stroke-width:2.4}

/* QR */
.qr{width:184px;height:184px;padding:12px;background:#fff;border-radius:var(--r-md);margin:0 auto;display:block}
.secret{font:600 15px/1.6 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.12em;direction:ltr;text-align:center;background:var(--bg);border:1px dashed var(--line-strong);border-radius:var(--r-md);padding:var(--s3)}
.otp{font:600 22px/1 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.5em;text-align:center;direction:ltr}
.setup-steps{display:flex;gap:6px;justify-content:center;margin-bottom:var(--s4)}
.setup-steps span{height:4px;width:48px;border-radius:2px;background:var(--line-strong)}
.setup-steps span.on{background:var(--brand)}

/* مراجعة الفيديو */
.review{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:var(--s5);align-items:start}
.review .video{border-radius:var(--r-lg)}
.progress{height:6px;border-radius:3px;background:var(--line-strong);overflow:hidden}
.progress span{display:block;height:100%;background:var(--brand);border-radius:3px}
.cands{display:flex;flex-wrap:wrap;gap:var(--s2)}
.cand{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 var(--s4);border-radius:var(--r-md);border:1px solid var(--line-strong);background:var(--bg);color:var(--ink);cursor:pointer;font-family:inherit}
.cand b{font:600 17px ui-monospace,Menlo,Consolas,monospace;direction:ltr}
.cand small{color:var(--muted);font-size:var(--fs-xs)}
.cand:hover,.cand[aria-pressed="true"]{border-color:var(--brand);background:var(--brand-soft)}
.big-input{font:600 24px ui-monospace,Menlo,Consolas,monospace;letter-spacing:.06em;text-align:center;direction:ltr;min-height:60px}

/* تصدير */
.gen-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:var(--s3) 0;border-bottom:1px solid var(--line)}
.gen-row:last-child{border-bottom:0}
.gen-row .what{display:flex;align-items:center;gap:var(--s3)}
.gen-row .what .ic{width:40px;height:40px;border-radius:var(--r-sm);background:var(--card-2);display:flex;align-items:center;justify-content:center;color:var(--gold)}
.gen-row small{display:block;color:var(--muted);font-size:var(--fs-xs)}

/* رابط لمرة واحدة */
.once{background:var(--deep);border-radius:var(--r-lg);padding:var(--s5);color:var(--deep-ink)}
.once h2{color:#fff}
.once .url{display:flex;gap:var(--s2);margin-top:var(--s3)}
.once .url input{flex:1;min-width:0;direction:ltr;text-align:left;background:rgba(0,0,0,.25);border:1px solid var(--deep-line);border-radius:var(--r-md);color:#fff;padding:0 var(--s3);min-height:48px;font:13px ui-monospace,Menlo,Consolas,monospace}

/* تسجيل الدخول */
.auth{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--s5)}
.auth .card{width:100%;max-width:400px}
.auth .logo-big{display:block;height:64px;width:auto;margin:0 auto var(--s2)}

/* ---------- جوال ---------- */
@media (max-width:899px){
  .ops-shell{grid-template-columns:1fr}
  .ops .nav{display:none}
  .ops main{padding:var(--s4) var(--s4) 96px}
  .ops .topbar{padding:0 var(--s4);min-height:56px}
  .ops .topbar .admin-links,.ops .topbar .sep,.ops .topbar .who small{display:none}
  .ops .topbar .badges .badge.opt{display:none}
  .bottom-nav{display:grid;grid-template-columns:repeat(6,1fr);position:fixed;inset-inline:0;bottom:0;z-index:30;background:var(--card);border-top:1px solid var(--line);padding:6px 6px calc(6px + env(safe-area-inset-bottom))}
  .bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;min-height:52px;justify-content:center;color:var(--muted);text-decoration:none;font-size:11px;border-radius:var(--r-sm)}
  .bottom-nav a[aria-current="page"]{color:var(--accent);background:var(--brand-soft)}
  .bottom-nav .icon{width:22px;height:22px}
  html[data-role="classifier"] .bottom-nav{display:none}
  .grid-2,.shortcuts{grid-template-columns:1fr}
  .grid-3{gap:var(--s2)}
  .grid-3>.card{padding:var(--s4) var(--s3)}
  .review{grid-template-columns:1fr}
  .review .video{height:min(54vh,480px);width:auto;max-width:100%;margin:0 auto}
  .pub-steps{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:var(--s3)}
  .action-bar{bottom:76px}
  html[data-role="classifier"] .action-bar{bottom:8px}
  /* الجداول تتحول لبطاقات */
  .table.rwd thead{display:none}
  .table.rwd,.table.rwd tbody,.table.rwd tr,.table.rwd td{display:block;width:100%}
  .table.rwd tr{position:relative;padding:var(--s3) var(--s4);border-bottom:1px solid var(--line)}
  .table.rwd td{border:0;padding:2px 0}
  .table.rwd td[data-label]::before{content:attr(data-label) "  ";color:var(--faint);font-size:var(--fs-xs)}
  .table.rwd td.row-check{position:absolute;inset-inline-end:var(--s4);top:var(--s3);width:auto}
  .table.rwd td.lead{font-weight:700;color:var(--ink);font-size:var(--fs-md)}
  .table.rwd td.lead::before{display:none}
}

/* ---------- إضافات التكامل ---------- */
.ops-shell.solo{grid-template-columns:minmax(0,1fr)}
.review .video video{position:absolute;inset:0;width:100%;height:100%;background:#000;object-fit:contain}
/* التقييمات (23) */
.stars-ro{display:inline-flex;gap:2px;color:var(--line-strong)}
.stars-ro .icon{width:16px;height:16px;stroke:none;fill:currentColor}
.stars-ro .icon.on{color:var(--gold)}
.avg{font-size:44px;font-weight:700;color:#fff;line-height:1}
.dist{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.dist li{display:grid;grid-template-columns:44px 1fr 40px;gap:10px;align-items:center;font-size:var(--fs-sm)}
.dist .lbl{display:flex;align-items:center;gap:4px;color:var(--ink-2)}
.dist .lbl .icon{width:14px;height:14px;color:var(--gold);fill:currentColor;stroke:none}
.dist .bar{height:8px;border-radius:4px;background:var(--line-strong);overflow:hidden}
.dist .bar span{display:block;height:100%;background:var(--gold);border-radius:4px}
.dist .cnt{color:var(--muted);text-align:end}

/* ---------- رسائل المستفيدين (تصميم 22) ---------- */
.msgs{display:grid;grid-template-columns:300px minmax(0,1fr);gap:var(--s4);align-items:start}
.msg-list{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
.msg-item{display:flex;flex-direction:column;gap:4px;align-items:flex-start;padding:14px 16px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}
.msg-item:last-child{border-bottom:0}
.msg-item[aria-current="true"]{background:var(--deep);box-shadow:inset -4px 0 0 var(--brand)}
.msg-item .row1{display:flex;justify-content:space-between;width:100%;gap:8px}
.msg-item .when{font-size:var(--fs-xs);color:var(--muted)}
.msg-item .row2{display:flex;align-items:center;gap:6px;font-size:var(--fs-sm);color:var(--ink-2)}
.msg-item .row2 .icon{width:15px;height:15px}
.msg-detail>*+*{margin-top:var(--s4)}
.orig{min-height:96px;padding:12px 14px;border-radius:var(--r-md);background:var(--bg);border:1px solid var(--line);color:var(--ink-2);line-height:1.7;white-space:pre-wrap}
.sub-h{font-size:var(--fs-sm);color:var(--muted);font-weight:500;margin-bottom:8px}
.checks{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.checks li{display:flex;align-items:center;gap:8px;font-size:var(--fs-sm);color:var(--ink-2)}
.checks li b{margin-inline-start:auto;font-weight:600}
.checks li.ok .icon,.checks li.ok b{color:var(--ok)}.checks li.bad .icon,.checks li.bad b{color:var(--err)}
.checks .icon{width:16px;height:16px}
.msg-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding-top:var(--s4);border-top:1px solid var(--line)}
.msg-actions .reject{display:flex;gap:8px;margin-inline-start:auto;flex-wrap:wrap}
.msg-actions .reject .select{min-height:50px;width:auto}
.ben-audio{display:block;width:100%;height:44px}
@media(max-width:899px){.msgs{grid-template-columns:1fr}.msg-list{flex-direction:row;overflow-x:auto}.msg-item{min-width:210px;border-bottom:0;border-inline-end:1px solid var(--line)}.msg-actions .reject{margin-inline-start:0;width:100%}.msg-actions .reject .select{flex:1}.msg-actions>.btn{width:100%}}

/* ---------- المالية ---------- */
.mini{display:flex;flex-direction:column;gap:2px;margin:0}
.mini small{font-size:11px;color:var(--faint)}

/* صفحة المالية الواحدة (تصميم 25، 2026-10-28) */
.fault.fin-alert{margin-bottom:16px;align-items:center;background:var(--warn-soft);border-color:var(--warn)}
.fault.fin-alert .icon{color:var(--warn)}
.fin-alert .btn{flex:none}
.fin-card .card-head h2{font-size:var(--fs-lg)}
.fin-balance{border-radius:var(--r-md);padding:14px 16px;display:grid;gap:2px}
.fin-balance .label{font-size:var(--fs-sm)}
.fin-balance .big{font-size:30px;font-weight:700;line-height:1.25}
.fin-balance .big small{font-size:var(--fs-md);font-weight:600}
.fin-balance .sub{font-size:var(--fs-sm)}
.fin-balance.is-due{background:var(--warn-soft);color:var(--warn)} .fin-balance.is-due .big{color:var(--warn)}
.fin-balance.is-credit{background:var(--deep);color:var(--deep-ink)} .fin-balance.is-credit .big{color:#fff}
:root[data-theme="light"] .fin-balance.is-due .label,:root[data-theme="light"] .fin-balance.is-due .sub{color:var(--ink-2)}
.fin-kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin:0}
.fin-kv div{display:flex;flex-direction:column;padding:10px 12px;border-radius:var(--r-sm);background:var(--bg);border:1px solid var(--line)}
.fin-kv div:last-child{grid-column:1/-1}
.fin-kv dt{font-size:var(--fs-xs);color:var(--muted)}
.fin-kv dd{margin:0;font-size:var(--fs-lg);font-weight:700;direction:ltr;text-align:right;font-variant-numeric:tabular-nums}
.meter-wrap{display:grid;gap:6px}
.meter-top{display:flex;justify-content:space-between;font-size:var(--fs-sm);color:var(--muted)}
.meter-top b{color:var(--ink)}
.meter{height:8px;border-radius:4px;background:var(--line-strong);overflow:hidden}
.meter span{display:block;height:100%;background:var(--brand);border-radius:4px}
.meter.over span{background:var(--warn)}
.fin-cards{margin-bottom:16px}
.fin-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0}
.fin-strip div{padding:10px 12px;border-radius:var(--r-sm);background:var(--bg);border:1px solid var(--line)}
.fin-strip dt{font-size:var(--fs-xs);color:var(--muted)}
.fin-strip dd{margin:0;font-size:var(--fs-lg);font-weight:700;direction:ltr;text-align:right;font-variant-numeric:tabular-nums}
.fin-total{margin-bottom:16px}
.fin-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}
.seg{display:inline-flex;padding:3px;border-radius:12px;background:var(--bg);border:1px solid var(--line)}
.seg button{min-height:38px;padding:0 12px;border:0;border-radius:9px;background:transparent;color:var(--ink-2);font-family:inherit;font-size:var(--fs-sm);cursor:pointer}
.seg button[aria-selected="true"]{background:var(--deep);color:#fff;font-weight:600}
:root[data-theme="light"] .seg button[aria-selected="true"]{background:var(--deep);color:#fff}
.fin-table th.n,.fin-table td.n{text-align:left;white-space:nowrap}
.fin-table td.lead,.fin-table td:nth-child(3){white-space:nowrap}
.fin-table td.units .sep{color:var(--faint);margin:0 6px}
.fin-table td.n{font-variant-numeric:tabular-nums}
.fin-table td.amt small,.fin-table td.bal small{color:var(--faint);font-weight:400}
.fin-table td.amt{font-weight:700}
.fin-table td.amt.neg{color:var(--err)} .fin-table td.amt.pos{color:var(--ok)}
.fin-table td.bal.neg{color:var(--warn)} .fin-table td.bal.pos{color:var(--ink-2)}
.fin-table .type-badge .icon{width:13px;height:13px}
.fin-table .type-badge::before{display:none}
.fin-table tr.month-row td{background:var(--card-2);padding:10px 16px}
.fin-table tr.month-row td span:first-child{font-weight:700;margin-inline-end:10px}
.fin-table tr.month-row td .muted{font-size:var(--fs-xs)}
.fin-note{margin:0;padding:12px 16px;font-size:var(--fs-xs);color:var(--faint);border-top:1px solid var(--line)}
@media (max-width:899px){
 .fin-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
 .fin-strip div:last-child{grid-column:1/-1}
 .fin-alert{flex-wrap:wrap}.fin-alert .btn{width:100%}
 .fin-toolbar .seg{width:100%;overflow-x:auto}.fin-toolbar .seg button{flex:1;white-space:nowrap}
 .fin-table.rwd td.n{text-align:right}
 .fin-table.rwd tr.month-row{padding:0}
 .fin-table.rwd tr.month-row td{padding:10px 16px}
 .fin-table.rwd tr.month-row td::before{display:none}
 .fin-table.rwd td.amt{font-size:var(--fs-lg)}
}

.fin-table .paid-badge{margin-inline-start:8px;vertical-align:middle}
.fin-table .paid-badge .icon{width:12px;height:12px}
.paid-box{display:inline-block;margin-inline-start:8px;vertical-align:middle}
.paid-box>summary{list-style:none;min-height:30px;padding:0 10px;font-size:var(--fs-xs)}
.paid-box>summary::-webkit-details-marker{display:none}
.paid-box[open]{display:block;margin:10px 0 0}
.paid-form{display:grid;gap:8px;margin-top:8px;padding:12px;border-radius:var(--r-sm);background:var(--bg);border:1px solid var(--line);max-width:420px}
.paid-form p{margin:0;font-size:var(--fs-sm)}
.paid-row{display:grid;grid-template-columns:1fr 90px 70px;gap:6px}
.paid-row .input,.paid-row .select{min-height:40px}
/* صفحة واتساب (2026-10-29) */
.wa-tools .select{min-height:44px;width:auto}
.wa-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s3);margin:16px 0}
.wa-kpi{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s4);display:grid;gap:2px}
.wa-kpi b{font-size:30px;line-height:1.15;color:var(--ink)}
.wa-kpi small{color:var(--muted);font-size:var(--fs-sm)}
.wa-kpi.ok b{color:var(--ok)}.wa-kpi.info b{color:var(--info)}.wa-kpi.err b{color:var(--err)}
.wa-bar{display:flex;height:8px;border-radius:4px;overflow:hidden;background:var(--line-strong);width:100%;max-width:220px;margin-bottom:4px}
.wa-bar i{display:block;height:100%}
.wa-bar .r,.sw.r{background:var(--info)}.wa-bar .d,.sw.d{background:var(--ok)}.wa-bar .s,.sw.s{background:var(--line-strong)}.wa-bar .f,.sw.f{background:var(--err)}
.legend{display:flex;gap:12px;flex-wrap:wrap;font-size:var(--fs-xs);color:var(--muted)}
.legend span{display:inline-flex;align-items:center;gap:6px}
.sw{display:inline-block;width:10px;height:10px;border-radius:3px}
.err-t{color:var(--err);font-weight:700}
.wa-person{display:grid;gap:12px}
.who-line{display:flex;gap:6px;align-items:baseline;flex-wrap:wrap}
.tl{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.tl li{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg)}
.tl li>span{display:grid}
.tick{font-weight:700;color:var(--muted);letter-spacing:-3px;text-align:center}
.tick.read{color:var(--info)}.tick.wait{letter-spacing:0}
.wa-actions{display:flex;gap:8px;flex-wrap:wrap}
a.count-chip{text-decoration:none;color:var(--muted)}
.count-chip.on{border-color:var(--brand);color:var(--ink)}
.wa-recover{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s2);margin-top:12px}
.wa-recover>div{border:1px solid var(--line);border-radius:var(--r-md);padding:10px 12px;display:grid;gap:2px;background:var(--bg);min-width:0}
.wa-recover small{color:var(--muted);font-size:var(--fs-xs)}
.wa-recover b{font-size:22px;line-height:1.2;color:var(--ink)}
.wa-recover .wa-rec-main{border-color:var(--ok)}.wa-recover .wa-rec-main b{color:var(--ok)}
@media (max-width:760px){.wa-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.wa-recover{grid-template-columns:1fr}}
/* صفحات العملاء (page_events): شريط نسبة صغير */
.pe-bar{display:block;height:6px;border-radius:3px;background:var(--line);overflow:hidden;margin-top:4px;max-width:180px}
.pe-bar>i{display:block;height:100%;background:var(--ok)}
/* أماكن التوزيع (places.py): 5 خانات لكل دولة */
.place-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--s3)}
.place-slot{border:1px solid var(--line);border-radius:var(--r-md);padding:12px;margin:0;min-width:0}
.place-slot.next{border-color:var(--ok)}
.place-slot legend{padding:0 6px;font-weight:600}
.place-thumb{display:block;width:100%;max-height:140px;object-fit:cover;border-radius:var(--r-sm);margin-bottom:8px}
/* مقاطع الطلب الواحد جنباً إلى جنب (دمج / كل مقطع وحده / مقطع واحد) */
.review.is-multi{grid-template-columns:minmax(0,1fr)}
.multi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:var(--s4);margin-top:var(--s3)}
.multi-clip{margin:0;display:flex;flex-direction:column;gap:var(--s2);min-width:0}
.multi-clip .video{position:relative;aspect-ratio:9/16;max-height:62vh;width:100%;border-radius:var(--r-lg);overflow:hidden;background:#000}
.multi-clip figcaption{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);flex-wrap:wrap;font-size:var(--fs-sm);color:var(--muted);min-width:0}
.multi-clip figcaption span{overflow-wrap:anywhere;min-width:0}
@media (max-width:760px){.review.is-multi .multi-clip .video{height:auto;margin:0}}