/* ============================================================
   هوية «الكباتن ← التفعيل ووصل» — طلبات التفعيل، درج مراجعة الطلب،
   جاهزية وصل، تبليغ وصل، فئة الخدمة (2026-11-04).
   منقولة من المعاينة المعتمدة pages/activation (بادئة ida- / idw-).
   الألوان كلها رموز: الأسماء المحلية --a-* مشتقّة من رموز app.css فتعمل
   في الكلاسيكي الفاتح أيضاً، وفي وضع الهوية تتبع إعادة التعيين تلقائياً.
   ============================================================ */
.ida,.idw-stage{
  --a-c:var(--c-captains,#f472b6);
  --a-ink:var(--text);
  --a-ink2:color-mix(in srgb,var(--text) 78%,transparent);
  --a-ink3:var(--muted);
  --a-ink4:var(--faint);
  --a-line:var(--border);
  --a-line2:color-mix(in srgb,var(--text) 13%,transparent);
  --a-gl:color-mix(in srgb,var(--text) 4.5%,transparent);
  --a-gl2:color-mix(in srgb,var(--text) 8%,transparent);
  --a-s3:color-mix(in srgb,var(--text) 5%,var(--surface-2));
  --a-b2:var(--brand-2,#a97fd6);
  --a-ease:var(--ease,cubic-bezier(.22,1,.36,1));
  --a-spring:var(--spring,cubic-bezier(.34,1.56,.64,1));
}
.ida svg,.idw-stage svg{flex:none}
.ida .num,.idw-stage .num{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}

/* ── رأس الصفحة ── */
.ida-head{display:flex;align-items:center;gap:14px;margin-bottom:18px;flex-wrap:wrap}
.ida-head .id-ic{--c:var(--a-c)}
.ida-head .id-ic svg{width:24px;height:24px}
.ida-head h1{margin:0;font-family:var(--fdisplay);font-size:26px;font-weight:800;line-height:1.2;color:var(--a-ink)}
.ida-head p{margin:6px 0 0;color:var(--a-ink3);max-width:780px;font-size:13.5px;line-height:1.75}
.ida-head .ttl{flex:1;min-width:240px}
.ida-head .acts{margin-inline-start:auto;display:flex;gap:8px;flex-wrap:wrap}

/* ── أزرار ── */
.ida-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 16px;border-radius:11px;border:1px solid var(--a-line2);
  background:var(--a-gl);color:var(--a-ink);font:inherit;font-weight:700;font-size:13.5px;cursor:pointer;white-space:nowrap;
  transition:transform var(--t-fast,.16s) var(--a-ease),background .2s,border-color .2s,filter .2s}
.ida-btn svg{width:16px;height:16px}
.ida-btn:hover{background:var(--a-gl2)}
.ida-btn:active{transform:scale(.97)}
.ida-btn:focus-visible{outline:none;box-shadow:var(--ring)}
.ida-btn.primary{border:0;background:var(--brand-grad,var(--grad));color:#fff;box-shadow:0 10px 24px -10px rgba(168,85,247,.7)}
.ida-btn.primary:hover{filter:brightness(1.08)}
.ida-btn[disabled]{opacity:.45;cursor:not-allowed;filter:none;transform:none}
.ida-btn.sm{height:32px;padding:0 12px;font-size:12.5px;border-radius:9px}
.ida-btn.big{height:46px;font-size:14px}
.ida-btn.good{border-color:transparent;background:var(--good-bg);color:var(--good)}
.ida-btn.good:hover{background:color-mix(in srgb,var(--good) 22%,transparent)}
.ida-btn.bad{border-color:transparent;background:var(--crit-bg);color:var(--crit)}
.ida-btn.bad:hover{background:color-mix(in srgb,var(--crit) 22%,transparent)}
.ida-act{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 10px;border-radius:9px;border:1px solid var(--a-line2);background:var(--a-gl);color:var(--a-ink2);
  font:inherit;font-weight:700;font-size:12px;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .15s var(--a-ease);white-space:nowrap}
.ida-act:hover{background:var(--a-gl2);color:var(--a-ink)}
.ida-act:active{transform:scale(.95)}
.ida-act:focus-visible{outline:none;box-shadow:var(--ring)}
.ida-act[disabled]{opacity:.45;cursor:not-allowed;transform:none}
.ida-act svg{width:14px;height:14px}
.ida-act.ico{width:30px;padding:0;justify-content:center}
.ida-act.pri{border-color:color-mix(in srgb,var(--a-b2) 45%,transparent);background:color-mix(in srgb,var(--a-b2) 14%,transparent);color:var(--a-ink)}
.ida-act.good{border-color:transparent;background:var(--good-bg);color:var(--good)}
.ida-act.bad{border-color:transparent;background:var(--crit-bg);color:var(--crit)}
.ida-link{border:0;background:none;color:var(--a-b2);font:inherit;font-weight:700;cursor:pointer;padding:0;font-size:12.5px}
.ida-link:hover{text-decoration:underline}
.ida-kbd{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:6px;border:1px solid var(--a-line2);background:var(--a-gl);color:var(--a-ink2);font-size:11px;font-weight:800;font-family:inherit}

/* ── شارات (يعيد تشكيل .tag القائم داخل نطاقنا) ── */
.ida .tag,.idw-stage .tag{display:inline-flex;align-items:center;gap:4px;min-height:21px;padding:1px 8px;border-radius:999px;font-size:11.5px;font-weight:700;white-space:nowrap;
  background:var(--a-gl2);color:var(--a-ink2);border:1px solid var(--a-line);vertical-align:middle;line-height:1.5}
.ida .tag svg,.idw-stage .tag svg{width:12px;height:12px}
.ida .tag.good,.idw-stage .tag.good{background:var(--good-bg);color:var(--good);border-color:transparent}
.ida .tag.warn,.idw-stage .tag.warn{background:var(--warn-bg);color:var(--warn);border-color:transparent}
.ida .tag.crit,.idw-stage .tag.crit{background:var(--crit-bg);color:var(--crit);border-color:transparent}
.ida .tag.info,.idw-stage .tag.info{background:var(--info-bg);color:var(--info);border-color:transparent}
.ida .tag.mute,.idw-stage .tag.mute{background:transparent;color:var(--a-ink3)}
.ida .tag.cx-black,.idw-stage .tag.cx-black,.tag.cx-black{background:color-mix(in srgb,#000 55%,var(--surface));color:var(--text);border:1px solid var(--a-line2,var(--border))}
.ida-risk{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:7px;font-size:11.5px;font-weight:700;white-space:nowrap;background:var(--a-gl);color:var(--a-ink3)}
.ida-risk svg{width:12px;height:12px}
.ida-risk.crit{background:var(--crit-bg);color:var(--crit)}
.ida-risk.warn{background:var(--warn-bg);color:var(--warn)}
.ida-risk.prov{background:color-mix(in srgb,var(--a-b2) 15%,transparent);color:var(--a-b2)}
.ida-risk.good{background:var(--good-bg);color:var(--good)}
.ida-risks{display:flex;flex-wrap:wrap;gap:4px}
.ida-pop{animation:idaPop .55s var(--a-spring)}
@keyframes idaPop{0%{transform:scale(.6);opacity:.2}100%{transform:none;opacity:1}}

/* ── المؤشرات ── */
.ida-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:16px}
.ida-kpis.k4{grid-template-columns:repeat(4,minmax(0,1fr))}
.ida-kpis.k3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1320px){.ida-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:620px){.ida-kpis,.ida-kpis.k3,.ida-kpis.k4{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ida-kpi{--k:var(--a-b2);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:6px;text-align:start;padding:14px 16px;border-radius:var(--r-lg,16px);
  border:1px solid var(--a-line);background:linear-gradient(180deg,var(--surface-2),var(--surface));box-shadow:var(--shadow);color:var(--a-ink);font:inherit;cursor:pointer;min-width:0;
  transition:transform .32s var(--a-ease),border-color .25s,box-shadow .3s}
.ida-kpi:hover{transform:translateY(-2px);border-color:var(--a-line2)}
.ida-kpi:focus-visible{outline:none;box-shadow:var(--ring)}
div.ida-kpi{cursor:default}div.ida-kpi:hover{transform:none}
.ida-kpi[aria-pressed="true"]{border-color:color-mix(in srgb,var(--k) 55%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--k) 15%,transparent),var(--shadow)}
.ida-kpi.crit{--k:var(--crit)}.ida-kpi.good{--k:var(--good)}.ida-kpi.warn{--k:var(--warn)}
.ida-kpi .kt{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:var(--a-ink3);min-width:0}
.ida-kpi .kt>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ida-kpi .ki{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;color:var(--k);background:color-mix(in srgb,var(--k) 15%,transparent);flex:none}
.ida-kpi .ki svg{width:15px;height:15px}
.ida-kpi .kv{font-family:var(--fdisplay);font-size:29px;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}
.ida-kpi .kv small{font-size:13px;color:var(--a-ink3);font-weight:700;margin-inline-start:4px}
.ida-kpi .ks{font-size:11.5px;color:var(--a-ink3);min-height:18px;line-height:1.5}
.ida-kpi::after{content:"";position:absolute;inset-inline:16px;bottom:0;height:2px;border-radius:2px;background:linear-gradient(to left,var(--k),transparent);opacity:.7;transform-origin:right;animation:idaLine .9s var(--a-ease) both;animation-delay:calc(var(--i,0) * 60ms + 200ms)}
@keyframes idaLine{from{transform:scaleX(0)}}
.ida-kpi.crit .kv{color:var(--crit)}
.ida-kpi.sk .kv,.ida-kpi.sk .ks{color:transparent}
.ida-kpi.sk .kv{width:46%;border-radius:8px}

/* ── شريط الفلاتر ── */
.ida-fbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.ida-search{position:relative;flex:0 1 300px;min-width:200px}
.ida-search input{width:100%;height:38px;padding:0 12px;padding-inline-start:36px;border-radius:11px;border:1px solid var(--a-line2);background:var(--a-s3);color:var(--a-ink);font:inherit;font-size:13px}
.ida-search input::placeholder{color:var(--a-ink4)}
.ida-search input:focus-visible{outline:none;box-shadow:var(--ring)}
.ida-search svg{position:absolute;inset-inline-start:12px;top:11px;width:16px;height:16px;color:var(--a-ink4);pointer-events:none}
.ida-sel{height:38px;padding:0 12px;border-radius:11px;border:1px solid var(--a-line2);background:var(--a-s3);color:var(--a-ink);min-width:160px;font:inherit;font-size:13px}
.ida-pills{display:flex;gap:6px;flex-wrap:wrap}
.ida-pill{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 11px;border-radius:999px;border:1px solid var(--a-line);background:transparent;color:var(--a-ink3);
  font:inherit;font-weight:700;font-size:12.5px;cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .15s var(--a-ease)}
.ida-pill:hover{color:var(--a-ink2);border-color:var(--a-line2)}
.ida-pill:active{transform:scale(.96)}
.ida-pill:focus-visible{outline:none;box-shadow:var(--ring)}
.ida-pill svg{width:14px;height:14px}
.ida-pill[aria-pressed="true"]{background:color-mix(in srgb,var(--a-b2) 18%,transparent);border-color:color-mix(in srgb,var(--a-b2) 50%,transparent);color:var(--a-ink)}
.ida-pill .n{font-size:11px;background:var(--a-gl2);border-radius:8px;padding:0 6px;min-width:18px;text-align:center;line-height:18px}
.ida-pill .n:empty{display:none}
.ida-spacer{flex:1}
.ida-count{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:4px 0 10px;font-size:12.5px;color:var(--a-ink3);min-height:24px}
.ida-count b{color:var(--a-ink)}
.ida-fchip{display:inline-flex;align-items:center;gap:4px;height:24px;padding-inline:10px 4px;border-radius:999px;background:color-mix(in srgb,var(--a-b2) 15%,transparent);color:var(--a-ink);font-weight:700;font-size:12px;animation:idaPop .4s var(--a-spring)}
.ida-fchip button{width:18px;height:18px;border-radius:50%;border:0;background:var(--a-gl2);color:inherit;cursor:pointer;display:grid;place-items:center;padding:0}
.ida-fchip button svg{width:11px;height:11px}
.ida-hint{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;border-radius:12px;background:var(--a-gl);border:1px dashed var(--a-line2);color:var(--a-ink3);font-size:12.5px;margin-bottom:12px;line-height:1.7}
.ida-hint>svg{width:16px;height:16px;color:var(--a-b2)}

/* ── تبويبات بحبر منزلق ── */
.ida-tabs{position:relative;display:flex;gap:2px;border-bottom:1px solid var(--a-line);margin:22px 0 16px;overflow-x:auto;scrollbar-width:none}
.ida-tabs::-webkit-scrollbar{display:none}
.ida-tab{position:relative;display:inline-flex;align-items:center;gap:7px;padding:10px 14px 13px;border:0;background:none;color:var(--a-ink3);font:inherit;font-weight:700;font-size:14px;cursor:pointer;white-space:nowrap;transition:color .24s}
.ida-tab svg{width:16px;height:16px}
.ida-tab:hover{color:var(--a-ink2)}
.ida-tab.on{color:var(--a-ink)}
.ida-tab:focus-visible{outline:none;box-shadow:inset var(--ring);border-radius:10px}
.ida-tab .tb{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--a-gl2);font-size:11.5px;display:inline-grid;place-items:center;color:var(--a-ink2)}
.ida-tab .tb[hidden]{display:none}
.ida-tab .tb.crit{background:var(--crit-bg);color:var(--crit)}
.ida-tab .tb.warn{background:var(--warn-bg);color:var(--warn)}
.ida-ink{position:absolute;bottom:0;left:0;height:3px;width:0;border-radius:3px 3px 0 0;background:var(--brand-grad,var(--grad));box-shadow:0 0 14px rgba(169,127,214,.65);transition:transform .5s var(--a-spring),width .5s var(--a-spring);pointer-events:none}
.ida-swap{animation:idaSwap .42s var(--a-ease) both}
@keyframes idaSwap{from{opacity:0;transform:translateY(8px)}}

/* ── بطاقة القسم ── */
.ida-card{position:relative;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--a-line);border-radius:var(--r-lg,16px);box-shadow:var(--shadow);padding:18px 20px;min-width:0}
.ida-sect-h{display:flex;align-items:baseline;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.ida-sect-h h3{margin:0;font-size:15px;font-weight:700;color:var(--a-ink)}
.ida-sect-h .h{font-size:12px;color:var(--a-ink3)}
.ida-ch{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.ida-ch .hi{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:var(--a-gl2);color:var(--a-ink2);flex:none}
.ida-ch .hi svg{width:16px;height:16px}
.ida-ch h3{margin:0;font-size:14.5px;font-weight:700;color:var(--a-ink)}
.ida-ch small{display:block;color:var(--a-ink3);font-size:11.5px}
.ida-ch .end{margin-inline-start:auto;display:flex;gap:6px}
.ida-kv{display:grid}
.ida-kv .r{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;border-bottom:1px dashed var(--a-line);font-size:13px}
.ida-kv .r:last-child{border-bottom:0}
.ida-kv .r .k{color:var(--a-ink3)}
.ida-kv .r .v{color:var(--a-ink);font-weight:700;text-align:end;min-width:0;overflow-wrap:anywhere}
.ida-kv .r .v.crit{color:var(--crit)}.ida-kv .r .v.good{color:var(--good)}.ida-kv .r .v.warn{color:var(--warn)}.ida-kv .r .v.dim{color:var(--a-ink3);font-weight:500}
.ida-quote{padding:10px 12px;border-radius:11px;font-size:12.5px;line-height:1.7;background:var(--a-gl);border-inline-start:3px solid var(--a-line2);color:var(--a-ink2)}
.ida-quote.crit{background:var(--crit-bg);border-color:var(--crit);color:var(--a-ink)}
.ida-quote.warn{background:var(--warn-bg);border-color:var(--warn);color:var(--a-ink)}
.ida-quote.good{background:var(--good-bg);border-color:var(--good);color:var(--a-ink)}
.ida-g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ida-g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media (max-width:1100px){.ida-g3{grid-template-columns:1fr 1fr}}
@media (max-width:720px){.ida-g3,.ida-g2{grid-template-columns:1fr}}

/* ── قائمة شبكية (بديل الجدول) ── */
.ida-listwrap{border:1px solid var(--a-line);border-radius:var(--r-lg,16px);background:var(--surface);overflow:auto;position:relative;max-width:100%}
.ida-list{min-width:var(--minw,980px)}
.ida-lh,.ida-row{display:grid;grid-template-columns:var(--cols);gap:12px;align-items:center;padding:0 16px}
.ida-lh>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ida-lh{height:40px;font-size:12px;font-weight:700;color:var(--a-ink3);background:var(--surface-2);border-bottom:1px solid var(--a-line);position:sticky;top:0;z-index:2}
.ida-row{position:relative;min-height:64px;padding-top:10px;padding-bottom:10px;border-bottom:1px solid var(--a-line);transition:background .18s;animation:idaRowIn .5s var(--a-ease) both;animation-delay:var(--d,0ms);color:var(--a-ink2);font-size:13px}
.ida-row.clickable{cursor:pointer}
.ida-row:last-child{border-bottom:0}
.ida-row:hover{background:var(--a-gl)}
.ida-row:focus-visible{outline:none;background:var(--a-gl2);box-shadow:inset 0 0 0 2px rgba(169,127,214,.45)}
.ida-row::before{content:"";position:absolute;inset-inline-start:0;top:12px;bottom:12px;width:3px;border-radius:3px 0 0 3px;background:var(--sc,transparent)}
.ida-row.crit{--sc:var(--crit)}.ida-row.warn{--sc:var(--warn)}.ida-row.good{--sc:var(--good)}
.ida-row.sel{background:color-mix(in srgb,var(--a-b2) 11%,transparent)}
@keyframes idaRowIn{from{opacity:0;transform:translateY(8px)}}
.ida-skrow{display:grid;grid-template-columns:var(--cols);gap:12px;align-items:center;padding:16px;border-bottom:1px solid var(--a-line)}
.ida-skrow .id-skel{border-radius:8px}
.ida-who{display:flex;align-items:center;gap:10px;min-width:0}
.ida-who .wt{min-width:0}
.ida-who .nm{font-weight:700;color:var(--a-ink);display:flex;gap:6px;align-items:center;flex-wrap:wrap;line-height:1.4}
.ida-who .nm a{color:inherit;text-decoration:none}.ida-who .nm a:hover{color:var(--a-b2)}
.ida-who .sub{font-size:12px;color:var(--a-ink4);white-space:nowrap}
.ida-av{flex:none;display:grid;place-items:center;border-radius:50%;font-weight:800;color:var(--bg);background:var(--av);box-shadow:0 0 0 2px color-mix(in srgb,var(--av) 25%,transparent);font-family:var(--fdisplay);line-height:1}
.ida-acts{display:flex;gap:4px;justify-content:flex-end}
.ida-pager{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 0 0;font-size:12.5px;color:var(--a-ink3)}
/* الجوال: الصفوف بطاقات بعنوان لكل خلية بدل جدول يُمرَّر أفقياً */
@media (max-width:760px){
  .ida-list{min-width:0}
  .ida-lh,.ida-skrow{display:none}
  .ida-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;padding:14px 16px}
  .ida-row::before{top:16px;bottom:16px}
  .ida-row>:first-child{grid-column:1/-1}
  .ida-row>.ida-acts{grid-column:1/-1;justify-content:flex-start;flex-wrap:wrap}
  .ida-row>[data-l]::before{content:attr(data-l);display:block;font-size:11px;font-weight:700;color:var(--a-ink4);margin-bottom:4px}
  .ida-row>[data-l].wide{grid-column:1/-1}
  .ida-listwrap .ida-list:has(.ida-skrow)::after{content:"";display:block;height:120px;background:linear-gradient(90deg,var(--a-gl) 0%,var(--a-gl2) 40%,var(--a-gl) 80%);background-size:200% 100%;animation:id-shimmer 1.4s linear infinite}
}
.ida-sub{font-size:11.5px;color:var(--a-ink3);margin-top:3px;line-height:1.5}
.ida-listwrap.busy .ida-row{opacity:.55;transition:opacity .2s}

/* ── حالة فارغة ── */
.ida-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:44px 20px 48px;color:var(--a-ink3)}
.ida-empty .art{width:96px;height:96px;margin-bottom:6px}
.ida-empty .art .r1{fill:none;stroke:var(--a-line2);stroke-width:1.5;stroke-dasharray:4 5;transform-origin:48px 48px;animation:idaSpin 18s linear infinite}
.ida-empty .art .r2{fill:color-mix(in srgb,var(--a-b2) 12%,transparent);stroke:color-mix(in srgb,var(--a-b2) 40%,transparent)}
.ida-empty .art .ck{fill:none;stroke:var(--a-b2);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40;animation:idaDraw .8s var(--a-ease) .2s forwards}
.ida-empty b{color:var(--a-ink);font-size:15px}
.ida-empty p{margin:0;max-width:420px;font-size:13px;line-height:1.7}
.ida-err{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 16px;border-radius:12px;background:var(--crit-bg);color:var(--crit);font-weight:700;font-size:13px}
@keyframes idaSpin{to{transform:rotate(360deg)}}
@keyframes idaDraw{to{stroke-dashoffset:0}}

/* ── مفتاح ── */
.ida-switch{position:relative;width:40px;height:23px;flex:none;border-radius:12px;border:0;background:var(--a-gl2);cursor:pointer;transition:background .3s var(--a-ease);padding:0;box-shadow:inset 0 0 0 1px var(--a-line2)}
.ida-switch::after{content:"";position:absolute;top:3px;right:3px;width:17px;height:17px;border-radius:50%;background:var(--a-ink3);transition:transform .35s var(--a-spring),background .3s}
.ida-switch.on,.ida-switch[aria-checked="true"]{background:color-mix(in srgb,var(--good) 55%,transparent);box-shadow:none}
.ida-switch.on::after,.ida-switch[aria-checked="true"]::after{transform:translateX(-17px);background:#fff}
.ida-switch:focus-visible{outline:none;box-shadow:var(--ring)}
.ida-switch[disabled]{opacity:.4;cursor:not-allowed}
.ida-switch.lg{width:52px;height:30px;border-radius:15px}
.ida-switch.lg::after{top:4px;right:4px;width:22px;height:22px}
.ida-switch.lg.on::after,.ida-switch.lg[aria-checked="true"]::after{transform:translateX(-22px)}
.ida-check{width:17px;height:17px;accent-color:var(--a-b2);cursor:pointer}

/* ── نقطة حيّة ── */
.ida-live{position:relative;width:8px;height:8px;border-radius:50%;background:var(--good);flex:none;display:inline-block}
.ida-live::after{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid var(--good);animation:idaPing 1.8s var(--a-ease) infinite}
.ida-live.off{background:var(--a-ink4)}.ida-live.off::after{display:none}
@keyframes idaPing{0%{transform:scale(1);opacity:.8}80%,100%{transform:scale(2.3);opacity:0}}

/* ============================================================
   طلبات التفعيل
   ============================================================ */
.ida-policy{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 14px;border-radius:var(--r-lg,16px);background:var(--a-gl);border:1px solid var(--a-line);margin-bottom:16px}
.ida-policy .pl{font-weight:700;color:var(--a-ink2);font-size:13px}
.ida-policy .hint{font-size:12.5px;color:var(--a-ink3)}
.ida-seg{position:relative;display:inline-flex;padding:3px;border-radius:12px;background:color-mix(in srgb,#000 22%,transparent);border:1px solid var(--a-line);max-width:100%;overflow-x:auto;scrollbar-width:none}
.ida-seg button{position:relative;z-index:1;border:0;background:none;height:32px;padding:0 12px;border-radius:9px;color:var(--a-ink3);font:inherit;font-weight:700;font-size:12.5px;cursor:pointer;display:inline-flex;gap:6px;align-items:center;white-space:nowrap;transition:color .24s}
.ida-seg button svg{width:15px;height:15px}
.ida-seg button.on{color:var(--a-ink)}
.ida-seg button:focus-visible{outline:none;box-shadow:var(--ring)}
.ida-seg .thumb{position:absolute;top:3px;bottom:3px;left:0;border-radius:9px;background:var(--a-s3);box-shadow:0 1px 0 rgba(255,255,255,.07) inset,0 6px 16px -8px rgba(0,0,0,.6);transition:transform .45s var(--a-spring),width .45s var(--a-spring),background .4s}
.ida-seg.auto .thumb{background:color-mix(in srgb,var(--good) 22%,var(--a-s3))}

/* القمع */
.ida-funnel{margin-bottom:16px;padding:18px 20px 16px}
.ida-fgrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.ida-fstep{padding:0 14px;border-inline-start:1px dashed var(--a-line);min-width:0}
.ida-fstep:first-child{border-inline-start:0;padding-inline-start:2px}
.ida-fstep .fl{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--a-ink3);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ida-fstep .fl svg{width:15px;height:15px;color:var(--a-c)}
.ida-fstep .fv{font-family:var(--fdisplay);font-size:26px;font-weight:800;margin-top:2px;color:var(--a-ink);font-variant-numeric:tabular-nums}
.ida-fstep .fc{font-size:11.5px;color:var(--a-ink3)}
.ida-fstep .fc b{color:var(--a-ink2)}
.ida-fstep.stuck .fc b{color:var(--warn)}
.ida-fstep .stk{display:inline-flex;align-items:center;gap:4px;margin-top:4px;font-size:11px;font-weight:700;color:var(--warn);background:var(--warn-bg);padding:1px 8px;border-radius:999px}
.ida-fstep .stk svg{width:12px;height:12px}
.ida-fband{display:block;width:100%;height:74px;margin:10px 0 8px}
.ida-fband .band{fill:url(#idaFGrad)}
.ida-fband .edge{fill:none;stroke:var(--a-c);stroke-width:1.5;opacity:.7;vector-effect:non-scaling-stroke}
.ida-fband .reveal{transform-box:fill-box;transform-origin:100% 50%;animation:idaReveal 1.4s var(--a-ease) .25s both}
.ida-fband .div{stroke:var(--a-line2);stroke-dasharray:3 4;vector-effect:non-scaling-stroke}
@keyframes idaReveal{from{transform:scaleX(0)}}
@media (max-width:760px){.ida-fgrid{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:12px}.ida-fstep:nth-child(4){border-inline-start:0;padding-inline-start:2px}.ida-fband{display:none}}

/* شرائح المدن */
.ida-cities{display:flex;flex-wrap:wrap;gap:8px}
.ida-city{display:inline-flex;align-items:center;gap:8px;height:34px;padding-inline:12px 5px;border-radius:999px;border:1px solid var(--a-line);background:var(--a-gl);cursor:pointer;
  color:var(--a-ink2);font:inherit;font-weight:700;font-size:13px;transition:background .2s,border-color .2s,color .2s,transform .15s var(--a-ease);animation:id-rise .45s var(--a-ease) both;animation-delay:var(--d,0ms)}
.ida-city:hover{border-color:var(--a-line2);color:var(--a-ink)}
.ida-city:active{transform:scale(.96)}
.ida-city:focus-visible{outline:none;box-shadow:var(--ring)}
.ida-city .cv{min-width:24px;height:24px;border-radius:12px;background:var(--a-gl2);display:grid;place-items:center;font-size:12px;padding:0 7px}
.ida-city .cl{min-width:22px;height:22px;border-radius:11px;background:var(--crit-bg);color:var(--crit);display:grid;place-items:center;font-size:11.5px;padding:0 6px;margin-inline-start:-4px}
.ida-city.on{background:color-mix(in srgb,var(--a-c) 16%,transparent);border-color:color-mix(in srgb,var(--a-c) 50%,transparent);color:var(--a-ink)}
.ida-city.on .cv{background:color-mix(in srgb,var(--a-c) 40%,transparent);color:var(--a-ink)}
.ida-city.mute{cursor:default;opacity:.7}

/* الطابور */
.ida-q{--cols:minmax(210px,1.6fr) 84px 92px 116px 108px minmax(130px,1fr) 128px 128px;--minw:1080px}
.ida-q .city{color:var(--a-ink2);font-weight:500}
.ida-age{display:inline-flex;flex-direction:column;gap:5px;min-width:64px}
.ida-age .a{display:inline-flex;align-items:center;gap:4px;font-weight:800;font-size:12.5px}
.ida-age .a svg{width:13px;height:13px}
.ida-age .b{height:4px;border-radius:3px;background:var(--a-gl2);overflow:hidden}
.ida-age .b i{display:block;height:100%;width:var(--w,0%);border-radius:3px;background:var(--good);transition:width 1s var(--a-ease)}
.ida-age.soon .a{color:var(--warn)}.ida-age.soon .b i{background:var(--warn)}
.ida-age.late .a{color:var(--crit)}.ida-age.late .b i{background:var(--crit);animation:idaLate 1.8s ease-in-out infinite}
.ida-age.ok .a{color:var(--good)}
@keyframes idaLate{50%{opacity:.45}}
.ida-dd{display:inline-flex;align-items:center;gap:4px}
.ida-dd i{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:800;border:1.5px solid var(--a-line2);color:var(--a-ink4);cursor:help}
.ida-dd i.approved{background:var(--good-bg);border-color:transparent;color:var(--good)}
.ida-dd i.pending{border-color:color-mix(in srgb,var(--warn) 60%,transparent)}
.ida-dd i.rejected{background:var(--crit-bg);border-color:transparent;color:var(--crit)}
.ida-dd i.missing{border-style:dashed}
.ida-dd i.unread{border-color:transparent;background:color-mix(in srgb,var(--a-b2) 18%,transparent);color:var(--a-b2)}
.ida-dd .n{font-size:12px;color:var(--a-ink3);margin-inline-start:4px;font-weight:700}
.ida-lamps{display:flex;gap:5px}
.ida-lamp{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:var(--a-gl);color:var(--a-ink4);border:1px solid var(--a-line);cursor:help}
.ida-lamp svg{width:15px;height:15px}
.ida-lamp.ok{background:var(--good-bg);color:var(--good);border-color:transparent}
.ida-lamp.warn{background:var(--warn-bg);color:var(--warn);border-color:transparent}
.ida-lamp.bad{background:var(--crit-bg);color:var(--crit);border-color:transparent}
.ida-lamp.prov{background:color-mix(in srgb,var(--a-b2) 16%,transparent);color:var(--a-b2);border-color:transparent}
.ida-claim{display:flex;align-items:center;gap:7px;font-size:12.5px;min-width:0}
.ida-claim b{display:block;color:var(--a-ink);font-weight:700;white-space:nowrap}
.ida-claim small{display:block;color:var(--a-ink4);font-size:11px}
.ida-claim.none{display:inline-flex;height:26px;padding:0 10px;border-radius:999px;border:1px dashed var(--a-line2);color:var(--a-ink3);font-weight:700;font-size:12px;white-space:nowrap}
.ida-claim.none svg{width:13px;height:13px}
.ida-claim.me b{color:var(--a-b2)}

/* غير مكتملة / المرفوضة */
.ida-inc{--cols:minmax(200px,1.4fr) 100px 92px minmax(320px,2fr) minmax(150px,1.1fr) 180px;--minw:1100px}
.ida-steps{display:flex;align-items:center}
.ida-steps span{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;color:var(--a-ink4);white-space:nowrap}
.ida-steps span::before{content:"";width:9px;height:9px;border-radius:50%;border:1.5px solid var(--a-line2);flex:none}
.ida-steps .ln{width:18px;height:2px;background:var(--a-line2);margin:0 5px;border-radius:2px;flex:none}
.ida-steps .ln.done{background:var(--good)}
.ida-steps span.done{color:var(--good)}
.ida-steps span.done::before{background:var(--good);border-color:var(--good)}
.ida-steps span.cur{color:var(--warn)}
.ida-steps span.cur::before{border-color:var(--warn);box-shadow:0 0 0 3px var(--warn-bg);animation:idaCur 1.8s var(--a-ease) infinite}
@keyframes idaCur{50%{box-shadow:0 0 0 6px transparent}}
.ida-rej{--cols:84px minmax(150px,1.1fr) 100px minmax(220px,2fr) 120px 160px minmax(170px,1.2fr);--minw:1080px}
.ida-ref{font-weight:800;color:var(--a-ink2);font-size:12.5px}

/* الأداء */
.ida-gauge{display:flex;align-items:center;gap:16px;margin-bottom:6px}
.ida-gauge svg{width:132px;height:76px}
.ida-gauge .gt{fill:none;stroke:var(--a-gl2);stroke-width:10;stroke-linecap:round}
.ida-gauge .gp{fill:none;stroke:url(#idaGGrad);stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset 1.3s var(--a-ease) .2s}
.ida-gauge .gv{font-family:var(--fdisplay);font-size:30px;font-weight:800;color:var(--a-ink)}
.ida-gauge .gl{font-size:12px;color:var(--a-ink3)}
.ida-legend{display:flex;gap:12px;font-size:11.5px;color:var(--a-ink3);margin-bottom:10px}
.ida-legend i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-inline-end:5px;vertical-align:-1px}
.ida-bars{display:grid;gap:10px}
.ida-brow{display:grid;grid-template-columns:132px 1fr 52px;gap:10px;align-items:center;font-size:12.5px}
.ida-brow .lb{color:var(--a-ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ida-brow .tr{height:10px;border-radius:6px;background:var(--a-gl);overflow:hidden;display:flex}
.ida-brow .tr i{display:block;height:100%;width:var(--w,0%);border-radius:6px;background:var(--bc,var(--brand-grad,var(--grad)));transition:width 1s var(--a-ease);transition-delay:var(--d,0ms)}
.ida-brow .n{font-weight:800;text-align:end;color:var(--a-ink)}

/* الدخول والهدوء */
.content.no-anim .ida .id-rise,.content.no-anim .ida-city,.content.no-anim .ida-row,.content.no-anim .ida-kpi::after,.content.no-anim .ida-swap,.content.no-anim .ida-fband .reveal{animation:none}
.ida.quiet .id-rise,.ida.quiet .ida-city,.ida.quiet .ida-row,.ida.quiet .ida-kpi::after,.ida.quiet .ida-fband .reveal{animation:none}

/* ============================================================
   درج مراجعة الطلب (application-review)
   ============================================================ */
.idw-stage{position:relative;min-height:calc(100vh - 120px)}
.idw-behind{pointer-events:none;user-select:none;filter:saturate(.85)}
.idw-scrim{position:fixed;top:0;bottom:0;left:0;right:var(--sb-width,0px);z-index:65;background:rgba(8,4,16,.58);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:idwFade .38s var(--a-ease) both}
.idw-stage.still .idw-scrim{animation:none}
.idw-stage.closing .idw-scrim{opacity:0;transition:opacity .34s var(--a-ease)}
@keyframes idwFade{from{opacity:0}}
.idw{position:fixed;top:0;bottom:0;left:0;z-index:70;width:min(1060px,calc(100vw - var(--sb-width,0px) - 48px));display:flex;flex-direction:column;
  background:var(--page-bg,var(--bg));border-inline-start:1px solid var(--a-line2);box-shadow:40px 0 90px -30px rgba(0,0,0,.8);animation:idwIn .56s var(--a-ease) both}
.idw::before{content:"";position:absolute;inset-block:0;inset-inline-start:-1px;width:2px;background:linear-gradient(180deg,transparent,var(--a-c) 30%,var(--a-c) 70%,transparent);opacity:.6;pointer-events:none}
.idw-stage.still .idw{animation:none}
.idw-stage.closing .idw{transform:translateX(-103%);transition:transform .4s var(--a-ease)}
@keyframes idwIn{from{transform:translateX(-103%)}}
@media (max-width:980px){.idw{width:calc(100vw - var(--sb-width,0px))}}
.idw-inner{display:flex;flex-direction:column;min-height:0;flex:1}
.idw-inner.swap{animation:idaSwap .38s var(--a-ease) both}
.idw-a{animation:idwA .55s var(--a-ease) both;animation-delay:calc(var(--i,0) * 45ms + 140ms)}
.idw-stage.still .idw-a{animation-delay:calc(var(--i,0) * 30ms)}
@keyframes idwA{from{opacity:0;transform:translateX(-18px)}}
.idw-hero{position:relative;flex:none;padding:16px 24px 18px;border-bottom:1px solid var(--a-line);
  background:radial-gradient(640px 240px at 95% -40%,color-mix(in srgb,var(--a-c) 24%,transparent),transparent 70%),linear-gradient(180deg,var(--surface-2),var(--surface))}
.idw-bar{display:flex;align-items:center;gap:8px;margin-bottom:14px;flex-wrap:wrap}
.idw-bar .ttl{font-size:12.5px;color:var(--a-ink3);font-weight:700;display:flex;align-items:center;gap:6px}
.idw-bar .ttl a{color:var(--a-ink2);cursor:pointer;text-decoration:none}.idw-bar .ttl a:hover{color:var(--a-b2)}
.idw-bar .ttl .entity-crumb{margin:0;padding:0;font-size:inherit}
.idw-x{margin-inline-start:auto;width:34px;height:34px;border-radius:10px;border:1px solid var(--a-line2);background:var(--a-gl);color:var(--a-ink2);display:grid;place-items:center;cursor:pointer;transition:transform .3s var(--a-spring),background .2s}
.idw-x svg{width:16px;height:16px}
.idw-x:hover{background:var(--a-gl2);transform:rotate(90deg)}
.idw-x:focus-visible{outline:none;box-shadow:var(--ring)}
.idw-id{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.idw-avw{position:relative;width:68px;height:68px;flex:none}
.idw-avw .ring{position:absolute;inset:-4px;border-radius:50%;background:conic-gradient(from 0deg,var(--a-c),transparent 40%,var(--a-b2) 70%,var(--a-c));animation:idaSpin 6s linear infinite;-webkit-mask:radial-gradient(circle,transparent 34px,#000 35px);mask:radial-gradient(circle,transparent 34px,#000 35px)}
.idw-avw .ida-av{width:68px;height:68px;font-size:26px}
.idw-name{min-width:0;flex:1}
.idw-name h2{margin:0;font-family:var(--fdisplay);font-size:22px;font-weight:800;display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--a-ink)}
.idw-meta{display:flex;flex-wrap:wrap;gap:6px 10px;color:var(--a-ink3);font-size:12.5px;margin-top:4px}
.idw-meta i{font-style:normal;color:var(--a-ink4)}
.idw-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px;align-items:center}
.idw-stats{display:flex;gap:8px;flex-wrap:wrap}
.idw-stat{padding:9px 14px;border-radius:14px;background:var(--a-gl);border:1px solid var(--a-line);min-width:92px}
.idw-stat .k{font-size:11.5px;color:var(--a-ink3);font-weight:700}
.idw-stat .v{font-family:var(--fdisplay);font-size:22px;font-weight:800;line-height:1.2;color:var(--a-ink)}
.idw-stat .v small{font-size:12px;color:var(--a-ink3);margin-inline-start:3px}
.idw-body{flex:1;min-height:0;overflow:auto;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;padding:18px 24px 48px;align-items:start;overscroll-behavior:contain;scrollbar-color:var(--a-line2) transparent}
.idw-side{position:sticky;top:0;display:grid;gap:14px;min-width:0}
.idw-col{display:grid;gap:14px;min-width:0}
@media (max-width:1180px){.idw-body{grid-template-columns:1fr}.idw-side{position:static}}
@media (max-width:640px){.idw-hero{padding:14px 16px 16px}.idw-body{padding:14px 14px 40px}.idw-name h2{font-size:19px}.idw-stat{min-width:0;flex:1;padding:8px 10px}.idw-stat .v{font-size:19px}.idw-avw,.idw-avw .ida-av{width:56px;height:56px}.idw-avw .ring{-webkit-mask:radial-gradient(circle,transparent 28px,#000 29px);mask:radial-gradient(circle,transparent 28px,#000 29px)}}

/* بطاقة وثيقة */
.ida-doc{display:grid;grid-template-columns:188px minmax(0,1fr);gap:16px;padding:14px;border-radius:var(--r-lg,16px);border:1px solid var(--a-line);background:linear-gradient(180deg,var(--surface-2),var(--surface));transition:border-color .35s,box-shadow .35s;cursor:default}
.ida-doc.focus{border-color:color-mix(in srgb,var(--a-b2) 55%,transparent);box-shadow:0 0 0 3px rgba(169,127,214,.16)}
.ida-doc.approved:not(.focus){border-color:color-mix(in srgb,var(--good) 30%,var(--a-line))}
.ida-doc.rejected:not(.focus){border-color:color-mix(in srgb,var(--crit) 30%,var(--a-line))}
@media (max-width:640px){.ida-doc{grid-template-columns:1fr}}
.ida-thumb{position:relative;aspect-ratio:1.58;border-radius:12px;overflow:hidden;background:var(--a-s3);border:1px solid var(--a-line);display:grid;place-items:center;align-self:start}
.ida-thumb img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;cursor:zoom-in;transition:transform .6s var(--a-spring)}
.ida-thumb.dim img{filter:brightness(.6) contrast(.85)}
.ida-thumb .none{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:6px;color:var(--a-ink4);font-size:12px;font-weight:700;border:1.5px dashed var(--a-line2);border-radius:12px}
.ida-thumb .none svg{width:24px;height:24px;margin:0 auto}
.ida-thumb .tools{position:absolute;top:6px;inset-inline-end:6px;display:flex;gap:4px;opacity:0;transform:translateY(-4px);transition:opacity .2s,transform .25s var(--a-ease)}
.ida-thumb:hover .tools,.ida-thumb:focus-within .tools{opacity:1;transform:none}
@media (hover:none){.ida-thumb .tools{opacity:1;transform:none}}
.ida-thumb .tools button{width:28px;height:28px;border-radius:8px;border:0;background:rgba(10,5,20,.72);color:#f4effc;display:grid;place-items:center;cursor:pointer;padding:0}
.ida-thumb .tools button svg{width:14px;height:14px}
.ida-thumb .tools button:hover{background:rgba(10,5,20,.9)}
.ida-thumb .aib{position:absolute;bottom:6px;inset-inline:6px;display:flex;align-items:center;gap:4px;padding:3px 7px;border-radius:7px;background:rgba(10,5,20,.72);font-size:10.5px;font-weight:700;color:rgba(240,233,252,.85);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ida-thumb .aib svg{width:12px;height:12px}
.ida-thumb .aib.bad{color:#fbbf24}
.ida-thumb .stamp{position:absolute;top:10px;inset-inline-start:10px;padding:2px 9px;border-radius:6px;font-size:11px;font-weight:800;border:2px solid currentColor;transform:rotate(-8deg);animation:idaStamp .5s var(--a-spring) both;background:rgba(10,5,20,.55)}
.ida-thumb .stamp.ok{color:#34d399}.ida-thumb .stamp.bad{color:#fb7185}
@keyframes idaStamp{from{transform:rotate(-8deg) scale(2.2);opacity:0}}
.ida-doc .bh{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.ida-doc .bh h3{margin:0;font-size:14.5px;font-weight:800;margin-inline-end:4px;color:var(--a-ink)}
.ida-doc .req{font-size:11px;color:var(--a-ink4);font-weight:700}
.ida-cmp{display:grid;grid-template-columns:92px minmax(0,1fr) minmax(0,1fr) 24px;gap:8px;align-items:center;padding:6px 0;border-bottom:1px dashed var(--a-line);font-size:12.5px}
.ida-cmp.chd{font-size:11px;color:var(--a-ink4);font-weight:700;padding-top:0}
.ida-cmp .k{color:var(--a-ink3)}
.ida-cmp .v{color:var(--a-ink);font-weight:700;overflow-wrap:anywhere}
.ida-cmp .v.warn{color:var(--warn)}
.ida-cmp .ai{color:var(--a-ink2);overflow-wrap:anywhere}
.ida-cmp .m{width:22px;height:22px;border-radius:7px;display:grid;place-items:center}
.ida-cmp .m svg{width:13px;height:13px}
.ida-cmp .m.ok{background:var(--good-bg);color:var(--good)}.ida-cmp .m.diff{background:var(--warn-bg);color:var(--warn)}.ida-cmp .m.none{color:var(--a-ink4)}
.ida-cmp.diffrow .ai{color:var(--warn);font-weight:700}
.ida-dact{display:flex;align-items:center;gap:6px;margin-top:10px;flex-wrap:wrap}
.ida-dact small{color:var(--a-ink3);font-size:11.5px}
.ida-dact .ida-kbd{margin-inline-start:4px;height:17px;min-width:17px;font-size:10px}

/* لوحة القرار */
.ida-dec{border-radius:var(--r-xl,22px);border:1px solid var(--a-line2);background:linear-gradient(180deg,var(--surface-2),var(--surface));box-shadow:var(--shadow-lg);overflow:hidden}
.ida-dec .dh{display:flex;gap:12px;align-items:center;padding:16px 16px 14px}
.ida-dec .dh h3{margin:0;font-size:15px;font-weight:800;color:var(--a-ink)}
.ida-dec .dh small{color:var(--a-ink3);font-size:11.5px;display:block;line-height:1.5}
.ida-ringw{position:relative;width:56px;height:56px;flex:none}
.ida-ring{width:56px;height:56px;transform:rotate(-90deg)}
.ida-ring .t{fill:none;stroke:var(--a-gl2);stroke-width:5}
.ida-ring .p{fill:none;stroke:url(#idaRingGrad);stroke-width:5;stroke-linecap:round;transition:stroke-dashoffset 1s var(--a-ease)}
.ida-ringw .rv{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;color:var(--a-ink)}
.ida-claimbox{display:flex;align-items:center;gap:10px;margin:0 12px 12px;padding:10px;border-radius:12px;background:var(--a-gl);border:1px solid var(--a-line);font-size:12.5px;flex-wrap:wrap}
.ida-claimbox>div:nth-child(2){flex:1;min-width:140px}
.ida-claimbox b{display:block;color:var(--a-ink)}
.ida-claimbox span.s{color:var(--a-ink3);font-size:11.5px;line-height:1.5;display:block}
.ida-claimbox .end{margin-inline-start:auto;display:flex;gap:4px}
.ida-chk{display:grid;grid-template-columns:26px 1fr auto;gap:10px;align-items:center;padding:9px 16px;border-top:1px solid var(--a-line);font-size:13px;color:var(--a-ink)}
.ida-chk small{display:block;color:var(--a-ink3);font-size:11.5px;line-height:1.5}
.ida-chk .m{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:var(--a-gl2);color:var(--a-ink4)}
.ida-chk .m svg{width:14px;height:14px}
.ida-chk.ok .m{background:var(--good-bg);color:var(--good)}
.ida-chk.bad .m{background:var(--crit-bg);color:var(--crit)}
.ida-chk.warn .m{background:var(--warn-bg);color:var(--warn)}
.ida-chk .go{border:0;background:none;color:var(--a-b2);font:inherit;font-weight:700;font-size:12px;cursor:pointer;padding:4px}
.ida-chk .go:hover{text-decoration:underline}
.ida-dfoot{padding:14px 16px 16px;border-top:1px solid var(--a-line);display:grid;gap:8px}
.ida-dfoot .row2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ida-lock{font-size:12px;color:var(--a-ink3);text-align:center;line-height:1.6}
.ida-lock b{color:var(--warn)}
.ida-tl{position:relative;display:grid;gap:12px;padding-inline-start:20px}
.ida-tl::before{content:"";position:absolute;inset-inline-start:5px;top:6px;bottom:6px;width:2px;background:linear-gradient(180deg,var(--a-line2),transparent)}
.ida-tl .tli{position:relative;font-size:12.5px;color:var(--a-ink2);line-height:1.6;animation:id-rise .45s var(--a-ease) both;animation-delay:calc(var(--i,0) * 50ms + 200ms)}
.ida-tl .tli::before{content:"";position:absolute;inset-inline-start:-20px;top:5px;width:12px;height:12px;border-radius:50%;background:var(--page-bg,var(--bg));border:2px solid var(--a-ink4);box-sizing:border-box}
.ida-tl .tli.good::before{border-color:var(--good)}.ida-tl .tli.warn::before{border-color:var(--warn)}.ida-tl .tli.crit::before{border-color:var(--crit)}
.ida-tl .tli b{color:var(--a-ink)}
.ida-tl .tli .t{display:block;font-size:11px;color:var(--a-ink4)}
.ida-tl .tli .dim{color:var(--a-ink3)}
.ida-note{display:flex;gap:10px;padding:10px 0;border-top:1px dashed var(--a-line)}
.ida-note p{margin:2px 0 0;font-size:12.5px;color:var(--a-ink2)}
.ida-note .by{font-size:11.5px;color:var(--a-ink4)}
.ida-note .by b{color:var(--a-ink2);margin-inline-end:6px}
.ida-dup{display:inline-flex;align-items:center;gap:3px;margin-inline-start:6px;font-size:11px;font-weight:800;color:var(--warn);background:var(--warn-bg);padding:1px 7px;border-radius:999px}
.ida-dup svg{width:11px;height:11px}
.ida-inp,.ida-ta{width:100%;padding:0 12px;border-radius:11px;border:1px solid var(--a-line2);background:var(--a-s3);color:var(--a-ink);font:inherit;font-size:13px}
.ida-inp{height:38px}
.ida-ta{min-height:84px;padding:10px 12px;resize:vertical;line-height:1.6}
.ida-inp:focus-visible,.ida-ta:focus-visible{outline:none;box-shadow:var(--ring)}
.ida-inp::placeholder,.ida-ta::placeholder{color:var(--a-ink4)}
.idw-stage .cx-plate{direction:ltr}
.idw-stage .cx-age{border-radius:999px}
.idw-skel{display:grid;gap:14px;padding:18px 24px}
.idw-skel .id-skel{border-radius:14px}
@media (prefers-reduced-motion:reduce){
  .ida *,.ida *::before,.ida *::after,.idw-stage *,.idw-stage *::before,.idw-stage *::after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
.idw-inner.busy .idw-body,.idw-inner.busy .idw-hero{opacity:.55;transition:opacity .2s}
/* الدرج مفتوح: الصفحة خلفه ساكنة لا تُمرَّر */
html:has(#idwStage){overflow:hidden;scrollbar-gutter:stable}
.ida-hint>span{flex:1 1 280px;min-width:0}
@media (max-width:620px){
  .ida-policy .ida-seg{width:100%}
  .ida-policy .ida-seg button{flex:1 1 0;justify-content:center;white-space:normal;height:auto;min-height:34px;padding:6px 8px;line-height:1.35;text-align:center}
}
@media (max-width:640px){
  .idw{overflow-y:auto;overscroll-behavior:contain}
  .idw-inner{flex:none}
  .idw-body{overflow:visible;flex:none}
  .idw-bar .ttl{order:-1;flex:1 1 100%}
  .idw-id{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px}
  .idw-id .idw-stats{grid-column:1/-1}
  .idw-name h2{font-size:18px}
}
.ida-gauge .gv{direction:ltr;text-align:end}
.ida-listwrap{overflow-x:auto;overflow-y:hidden}
@media (max-width:760px){.ida-row>.ida-who{grid-column:1/-1}}

/* ============================================================
   فئة الخدمة (service-tiers) — رأس وتبويبات الهوية فوق طقم vm-
   ============================================================ */
.st-head{--a-c:var(--c-captains,#f472b6)}
.st-head .ida-head .id-ic{--c:var(--c-captains,#f472b6)}
.st-head.still .id-rise{animation:none}
.st-tabs.ida-tabs{display:flex;width:auto;padding:0;background:none;border:0;border-bottom:1px solid var(--border);border-radius:0;box-shadow:none;margin:6px 0 18px}
.st-tabs.ida-tabs .st-tab{border-radius:0;padding:10px 14px 13px;background:none;box-shadow:none;color:var(--muted);font-size:14px;font-weight:700}
.st-tabs.ida-tabs .st-tab svg{width:16px;height:16px}
.st-tabs.ida-tabs .st-tab:hover{background:none;color:color-mix(in srgb,var(--text) 80%,transparent)}
.st-tabs.ida-tabs .st-tab.on{background:none;color:var(--text);box-shadow:none}
.st-tabs.ida-tabs .st-tab .n{background:color-mix(in srgb,var(--text) 8%,transparent);color:color-mix(in srgb,var(--text) 78%,transparent);font-variant-numeric:tabular-nums}
.st-tabs.ida-tabs .st-tab.on .n{background:color-mix(in srgb,var(--text) 10%,transparent);color:var(--text)}
.st-tabs.ida-tabs .st-tab .n.hot{background:var(--crit-bg);color:var(--crit)}
html[data-view="service-tiers"] .vm-stat{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--surface-2),var(--surface));border-radius:var(--r-lg,16px);animation:id-rise .42s var(--ease,ease) both}
html[data-view="service-tiers"] .vm-stat:nth-child(2){animation-delay:50ms}html[data-view="service-tiers"] .vm-stat:nth-child(3){animation-delay:100ms}html[data-view="service-tiers"] .vm-stat:nth-child(4){animation-delay:150ms}
html[data-view="service-tiers"] .vm-stat::after{content:"";position:absolute;inset-inline:16px;bottom:0;height:2px;border-radius:2px;background:linear-gradient(to left,var(--vm-c,var(--brand-2,var(--primary))),transparent);opacity:.7}
html[data-view="service-tiers"] .vm-stat.good::after{background:linear-gradient(to left,var(--good),transparent)}
html[data-view="service-tiers"] .vm-stat b{font-size:26px;font-weight:800;font-variant-numeric:tabular-nums}
html[data-view="service-tiers"] .vm-card{background:linear-gradient(180deg,var(--surface-2),var(--surface))}
html[data-view="service-tiers"] .vm-card:hover{box-shadow:0 18px 40px -20px color-mix(in srgb,var(--vm-c) 60%,transparent),var(--shadow-lg)}
html[data-view="service-tiers"] .vm-box{background:linear-gradient(180deg,var(--surface-2),var(--surface));border-radius:var(--r-lg,16px);animation:id-rise .42s var(--ease,ease) both}
html[data-view="service-tiers"] .vm-toolbar{background:color-mix(in srgb,var(--page-bg,var(--bg)) 86%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
html[data-view="service-tiers"] .vm-chip.on{box-shadow:0 0 0 3px color-mix(in srgb,var(--vm-c,var(--primary)) 14%,transparent)}
.content.no-anim .st-head .id-rise,.content.no-anim .vm-stat,.content.no-anim .vm-box{animation:none}
/* تبويب «القواعد والتوزيع» (viewServiceTiers في policy-center.js) */
.st-rules .st-lead{color:var(--muted);font-size:13px;margin:-6px 0 14px;line-height:1.8}
.st-master{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:radial-gradient(520px 160px at 100% 0%,color-mix(in srgb,var(--c-captains) 12%,transparent),transparent 70%),linear-gradient(180deg,var(--surface-2),var(--surface))}
.st-master h3{margin:0;font-size:15.5px;font-weight:800;color:var(--text)}
.st-master p{margin:4px 0 0;color:var(--muted);font-size:12.8px;line-height:1.9}
.st-orb{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;flex:none;color:var(--c-captains);background:color-mix(in srgb,var(--c-captains) 14%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-captains) 28%,transparent)}
.st-orb svg{width:22px;height:22px}
.st-rules .chain-switch{position:relative;width:44px;height:25px;flex:none;border-radius:13px;background:color-mix(in srgb,var(--text) 9%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text) 13%,transparent);cursor:pointer;transition:background .3s;display:inline-block;vertical-align:middle}
.st-rules .chain-switch .knob{position:absolute;top:4px;right:4px;width:17px;height:17px;border-radius:50%;background:var(--muted);transition:transform .35s var(--spring,ease),background .3s;box-shadow:none}
.st-rules .chain-switch.on{background:color-mix(in srgb,var(--good) 55%,transparent);box-shadow:none}
.st-rules .chain-switch.on .knob{transform:translateX(-19px);background:#fff}
.st-rules .chain-switch:focus-visible{outline:none;box-shadow:var(--ring)}
.st-master>.chain-switch{width:52px;height:30px;border-radius:15px}
.st-master>.chain-switch .knob{width:22px;height:22px}
.st-master>.chain-switch.on .knob{transform:translateX(-22px)}
.st-tier{--k:var(--vm-c,var(--good))}
.st-tier.crit{--k:var(--crit)}.st-tier.warn{--k:var(--warn)}
.st-tier .ki{color:var(--vm-c);background:var(--vm-cb)}
.st-meter{display:block;height:5px;border-radius:4px;background:color-mix(in srgb,var(--text) 7%,transparent);overflow:hidden;margin-top:2px}
.st-meter i{display:block;height:100%;width:var(--w,0%);border-radius:4px;background:var(--good);transition:width 1s var(--ease,ease)}
.st-meter.vol i{background:var(--vm-c,var(--brand-2))}
.st-matrix{overflow-x:auto}
.st-tbl{width:100%;border-collapse:collapse;font-size:13px;min-width:560px}
.st-tbl th{height:40px;padding:0 16px;font-size:12px;font-weight:700;color:var(--muted);background:var(--surface-2);text-align:center;border-bottom:1px solid var(--border);white-space:nowrap}
.st-tbl th:first-child,.st-tbl td:first-child{text-align:start}
.st-tbl td{padding:14px 16px;border-bottom:1px solid var(--border);text-align:center;color:var(--text)}
.st-tbl tr:last-child td{border-bottom:0}
.st-tbl tbody tr{transition:background .18s}
.st-tbl tbody tr:hover{background:color-mix(in srgb,var(--text) 4%,transparent)}
.st-veh{display:inline-flex;align-items:center;gap:9px}
.st-veh i{width:10px;height:10px;border-radius:50%;background:var(--vm-c);box-shadow:0 0 0 4px var(--vm-cb)}
.st-save{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px}
.st-foot{color:var(--muted);font-size:12.5px;margin-top:12px;line-height:1.8}

/* ============================================================
   جاهزية وصل (#wrRoot) — طبقة الهوية فوق «مركز القيادة»
   ============================================================ */
html #wrRoot{--wr-c:var(--c-captains,#f472b6)}
html #wrRoot .wr-ttl{display:flex;align-items:center;gap:14px}
html #wrRoot .wr-ttl .id-ic{--c:var(--wr-c)}
html #wrRoot .wr-ttl .id-ic svg{width:24px;height:24px}
html #wrRoot .wr-page-head{align-items:center;animation:id-rise .42s var(--ease,ease) both}
html #wrRoot .wr-page-head h1{font-size:26px;font-weight:800}
html #wrRoot .wr-page-head p{font-size:13.5px;line-height:1.75}
html #wrRoot .wr-card{background:linear-gradient(180deg,var(--surface-2),var(--surface));border-radius:var(--r-lg,16px);animation:id-rise .45s var(--ease,ease) both}
html #wrRoot .wr-rail .wr-card:nth-child(2){animation-delay:50ms}html #wrRoot .wr-rail .wr-card:nth-child(3){animation-delay:100ms}html #wrRoot .wr-rail .wr-card:nth-child(4){animation-delay:150ms}html #wrRoot .wr-rail .wr-card:nth-child(5){animation-delay:200ms}
html #wrRoot .wr-col .wr-list{animation-delay:120ms}
html #wrRoot .wr-btn.wr-primary{background:var(--brand-grad,var(--grad));box-shadow:0 10px 24px -10px rgba(168,85,247,.7)}
html #wrRoot .wr-btn{border-radius:11px}
/* الرحلة: عقد متوهّجة ومسار بلون القسم */
html #wrRoot .wr-steps::before{background:linear-gradient(180deg,color-mix(in srgb,var(--wr-c) 40%,transparent),var(--border) 60%,var(--good-line))}
html #wrRoot .wr-step button{transition:background .2s,border-color .2s,transform .2s var(--ease,ease)}
html #wrRoot .wr-step button:hover:not(:disabled){transform:translateX(-2px)}
html #wrRoot .wr-step.wr-on button,html #wrRoot .wr-jall.wr-on{background:color-mix(in srgb,var(--wr-c) 12%,transparent);border-color:color-mix(in srgb,var(--wr-c) 40%,transparent);box-shadow:inset 3px 0 0 var(--wr-c)}
html #wrRoot .wr-step .wr-num,html #wrRoot .wr-jall .wr-num{font-size:19px;font-variant-numeric:tabular-nums}
html #wrRoot .wr-step.wr-t-good .wr-node{animation:id-pulse 2.2s var(--ease,ease) infinite;--c:var(--good)}
html #wrRoot .wr-step .wr-bar{height:5px;background:color-mix(in srgb,var(--text) 7%,transparent)}
html #wrRoot .wr-step .wr-bar i{transition:width 1s var(--ease,ease)}
html #wrRoot .wr-seg{background:color-mix(in srgb,#000 22%,transparent);border-color:var(--border)}
html #wrRoot .wr-seg button.wr-on{background:color-mix(in srgb,var(--text) 9%,var(--surface-2));box-shadow:0 1px 0 rgba(255,255,255,.07) inset,0 6px 16px -8px rgba(0,0,0,.6)}
/* القائمة: صفّ مضغوط، والملاحظات شرائح تلتفّ بدل عمود طويل */
html #wrRoot thead th{background:var(--surface-2);font-size:12px}
html #wrRoot tbody td{vertical-align:middle;padding:11px 12px}
html #wrRoot tbody tr{transition:background .18s}
html #wrRoot tbody tr:hover td{background:color-mix(in srgb,var(--text) 4%,transparent)}
html #wrRoot tbody tr.wr-sel td{background:color-mix(in srgb,var(--wr-c) 10%,transparent)}
html #wrRoot .wr-name{font-size:14px}
html #wrRoot .wr-iss{flex-direction:row;flex-wrap:wrap;gap:4px}
html #wrRoot .wr-iss li{align-items:center;gap:4px;padding:2px 8px 2px 9px;border-radius:7px;background:color-mix(in srgb,var(--text) 5%,transparent);font-size:11.5px;font-weight:600;line-height:1.6}
html #wrRoot .wr-iss .wr-miss{background:var(--crit-bg);color:color-mix(in srgb,var(--crit) 80%,var(--text))}
html #wrRoot .wr-iss .wr-exp{background:var(--warn-bg);color:color-mix(in srgb,var(--warn) 80%,var(--text))}
html #wrRoot .wr-iss .wr-warn{background:var(--absher-bg);color:color-mix(in srgb,var(--absher) 80%,var(--text))}
html #wrRoot .wr-iss .wr-eli{background:var(--good-bg)}
html #wrRoot .wr-iss .wr-reg{background:var(--absher-bg)}
html #wrRoot .wr-iss .wr-ok{background:transparent;padding-inline:0}
html #wrRoot .wr-iss .wr-g{width:auto;font-size:10px}
html #wrRoot .wr-pill{font-size:12px;padding:3px 10px}
html #wrRoot .wr-note{border-radius:var(--r-lg,16px);background:linear-gradient(180deg,var(--surface-2),var(--surface));animation:id-rise .45s var(--ease,ease) both}
html #wrRoot .wr-dock .wr-in{border-radius:18px;background:color-mix(in srgb,var(--surface-2) 90%,transparent)}
.content.no-anim #wrRoot .wr-card,.content.no-anim #wrRoot .wr-page-head,.content.no-anim #wrRoot .wr-note{animation:none}
@media (prefers-reduced-motion:reduce){html #wrRoot .wr-step.wr-t-good .wr-node{animation:none}}
/* الحاوية لا تستعلم عن نفسها: @container wr لا يطوي .wr-work ذاتها، فكان الجوال
   يحشر العمودين جنباً إلى جنب ويمرّر الصفحة أفقياً. الطيّ هنا بعرض الشاشة. */
@media (max-width:1220px){
  html #wrRoot .wr-work{grid-template-columns:minmax(0,1fr)}
  html #wrRoot .wr-rail{position:static;max-height:none;overflow:visible;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start}
  html #wrRoot .wr-dock .wr-in{margin-inline-start:0}
}
@media (max-width:640px){
  html #wrRoot .wr-page-head .wr-actions{width:100%}
  html #wrRoot .wr-page-head .wr-actions .wr-btn{flex:1 1 auto;white-space:normal;text-align:center;line-height:1.4;padding-block:6px}
  html #wrRoot .wr-rail{grid-template-columns:minmax(0,1fr)}
}
/* الحالة الفارغة لطقم vm- بشكل الهوية */
html[data-view="service-tiers"] .vm-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 16px}
html[data-view="service-tiers"] .vm-empty svg{width:44px;height:44px;padding:14px;box-sizing:content-box;border-radius:50%;color:var(--brand-2,var(--primary));opacity:1;background:color-mix(in srgb,var(--brand-2,var(--primary)) 12%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--brand-2,var(--primary)) 35%,transparent),0 0 0 10px color-mix(in srgb,var(--text) 3%,transparent)}
html[data-view="service-tiers"] .vm-empty b{color:var(--text)}