/* لوحة المؤسس — جولة Revolut (١٣ أكتوبر ٢٠٢٦). زجاج على مشهد ملوّن من نفس عيلة جولة الزجاج في التطبيق.
   🔴 الألوان الخام في كتلة الباليت اللي تحت بس (منسوخة بالقيمة من round-app-glass-2026-10-13: tokens.css glass-dark ·
   glass-light · مشاهد glass-plum/teal/orchid). حارس الألوان (scripts/check-colors.ts) بيسمح بلون خام هنا جوّه الكتلة دي
   بس، وكل سطر تاني في الملف بيستعمل var(--fd-*). */
/* founder-palette:start */
:root{--fd-scene-base:#0b0710;--fd-scene-1:#6a1c64;--fd-scene-2:#7a3d0e;--fd-scene-3:#3a1450;--fd-scene-glow:rgba(106,28,100,.34)}
:root{--fd-canvas:#0c0b10;--fd-surface-1:#18171e;--fd-surface-2:#1f1e26;--fd-surface-3:#27262e;--fd-ink-1:#ffffff;--fd-ink-2:#dcd8e1;--fd-ink-3:#cdc8d3}
:root{--fd-line-1:#2e2d35;--fd-line-2:#3b3a43;--fd-control-line:#6c6875;--fd-action:#ffffff;--fd-action-hover:#ebe9ef;--fd-ink-on-action:#0c0b10}
:root{--fd-soft:#2b2a33;--fd-soft-ink:#f1eff5;--fd-selected:#34333c;--fd-focus:#ffffff}
:root{--fd-success:#6fdcb0;--fd-success-bg:#14302a;--fd-warning:#f6a329;--fd-warning-bg:#3a2a12;--fd-danger:#ff9c95;--fd-danger-bg:#442428;--fd-info:#a9c8ff;--fd-info-bg:#222d47;--fd-blocked:#d9c2e6;--fd-blocked-bg:#352841}
:root{--fd-glass-fill:rgba(16,15,22,.52);--fd-glass-fill-strong:rgba(14,13,19,.74);--fd-glass-edge:rgba(255,255,255,.13);--fd-glass-shine:rgba(255,255,255,.07);--fd-glass-chip:rgba(255,255,255,.12);--fd-glass-veil:rgba(6,5,10,.38);--fd-glass-skeleton:rgba(255,255,255,.09);--fd-glass-hover:rgba(255,255,255,.06)}
:root{--fd-shadow-card:0 16px 38px rgba(0,0,0,.28);--fd-shadow-float:0 24px 60px rgba(0,0,0,.44);--fd-scrim:rgba(4,3,8,.46)}
:root{--fd-accent:#c1aaff;--fd-accent-strong:#8d6bff;--fd-accent-soft:rgba(165,135,255,.18);--fd-c1:#c1aaff;--fd-c2:#a9c8ff;--fd-c3:#6fdcb0;--fd-c4:#f6a329;--fd-c5:#ff9c95;--fd-c6:#f5b8d8}
:root{--fd-paper:#fff8f0;--fd-paper-ink:#2a1b38;--fd-paper-tint:#ede2f2;--fd-paper-muted:#5d4869;--fd-paper-line:rgba(42,27,56,.14)}
:root[data-accent=teal]{--fd-scene-base:#041012;--fd-scene-1:#08525a;--fd-scene-2:#06404a;--fd-scene-3:#0b3a5a;--fd-scene-glow:rgba(8,82,90,.34);--fd-accent:#8fe6d8;--fd-accent-strong:#2fb3a2;--fd-accent-soft:rgba(111,217,200,.18);--fd-c1:#8fe6d8}
:root[data-accent=rose]{--fd-scene-base:#0c0610;--fd-scene-1:#8a0c86;--fd-scene-2:#5e1270;--fd-scene-3:#2a0a30;--fd-scene-glow:rgba(138,12,134,.34);--fd-accent:#ffb3d6;--fd-accent-strong:#e0609e;--fd-accent-soft:rgba(255,159,200,.18);--fd-c1:#ffb3d6}
:root[data-theme=light]{--fd-scene-base:#f7f0f5;--fd-scene-1:#e9bfe0;--fd-scene-2:#f6d9b4;--fd-scene-3:#dccbf1;--fd-scene-glow:rgba(233,191,224,.26)}
:root[data-theme=light]{--fd-canvas:#eeecf2;--fd-surface-1:#fbfafd;--fd-surface-2:#f3f1f7;--fd-surface-3:#ffffff;--fd-ink-1:#121117;--fd-ink-2:#3a3642;--fd-ink-3:#45404c}
:root[data-theme=light]{--fd-line-1:#dcd9e2;--fd-line-2:#c9c5d1;--fd-control-line:#85808f;--fd-action:#16151b;--fd-action-hover:#2b2a33;--fd-ink-on-action:#ffffff;--fd-soft:#e5e2eb;--fd-soft-ink:#24222b;--fd-selected:#dcd8e4;--fd-focus:#16151b}
:root[data-theme=light]{--fd-success:#17714c;--fd-success-bg:#e1f2e9;--fd-warning:#8a5a0f;--fd-warning-bg:#fbedd0;--fd-danger:#a3372d;--fd-danger-bg:#fae4e0;--fd-info:#2f5f8f;--fd-info-bg:#e3edf7;--fd-blocked:#6b4f7a;--fd-blocked-bg:#efe6f4}
:root[data-theme=light]{--fd-glass-fill:rgba(255,255,255,.62);--fd-glass-fill-strong:rgba(255,255,255,.84);--fd-glass-edge:rgba(255,255,255,.78);--fd-glass-shine:rgba(255,255,255,.5);--fd-glass-chip:rgba(255,255,255,.55);--fd-glass-veil:rgba(236,233,242,.42);--fd-glass-skeleton:rgba(24,20,36,.08);--fd-glass-hover:rgba(24,20,36,.05)}
:root[data-theme=light]{--fd-shadow-card:0 10px 28px rgba(24,20,36,.10);--fd-shadow-float:0 22px 60px rgba(24,20,36,.18);--fd-scrim:rgba(20,16,28,.32)}
:root[data-theme=light]{--fd-accent:#5a3fcf;--fd-accent-strong:#5a3fcf;--fd-accent-soft:rgba(90,63,207,.12);--fd-c1:#5a3fcf;--fd-c2:#2f5f8f;--fd-c3:#17714c;--fd-c4:#8a5a0f;--fd-c5:#a3372d;--fd-c6:#a23e7a}
:root[data-theme=light][data-accent=teal]{--fd-scene-base:#eaf5f5;--fd-scene-1:#b6e3e3;--fd-scene-2:#cfeeee;--fd-scene-3:#c9e2f0;--fd-scene-glow:rgba(182,227,227,.26);--fd-accent:#0b6e65;--fd-accent-strong:#0b6e65;--fd-accent-soft:rgba(11,110,101,.12);--fd-c1:#0b6e65}
:root[data-theme=light][data-accent=rose]{--fd-scene-base:#f8eef4;--fd-scene-1:#f3bfe0;--fd-scene-2:#e8c6f2;--fd-scene-3:#fbd9e8;--fd-scene-glow:rgba(243,191,224,.26);--fd-accent:#a1306c;--fd-accent-strong:#a1306c;--fd-accent-soft:rgba(161,48,108,.12);--fd-c1:#a1306c}
/* لون اللوجو (public/v16/assets/mark.svg) — جولة الموبايل ١٤ أكتوبر ٢٠٢٦. نفس اللون في الثيمين. */
:root{--fd-logo:#F49805}
/* founder-palette:end */
:root{color-scheme:dark}
:root[data-theme=light]{color-scheme:light}

/* ── الخط والمقياس ─────────────────────────────────────────────────────────────────────────── */
@font-face{font-family:"Alexandria";font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/alexandria-arabic.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Alexandria";font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/alexandria-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--fd-font:"Alexandria",system-ui,-apple-system,"Segoe UI",sans-serif;--fd-t-display:clamp(40px,5.4vw,64px);--fd-t-h1:clamp(24px,2.3vw,30px);--fd-t-h2:16px;--fd-t-metric:clamp(26px,2.2vw,32px);--fd-t-body:14px;--fd-t-small:13px;--fd-t-micro:12px;--fd-r-lg:26px;--fd-r-md:18px;--fd-r-sm:12px;--fd-ease:cubic-bezier(.2,.8,.2,1);--fd-spring:cubic-bezier(.34,1.56,.64,1);--fd-gap:16px;--fd-side:264px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;min-height:100vh;background:var(--fd-scene-base);color:var(--fd-ink-1);font:400 var(--fd-t-body)/1.6 var(--fd-font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow-x:hidden}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;touch-action:manipulation}
a{color:var(--fd-accent)}
:focus-visible{outline:2px solid var(--fd-focus);outline-offset:3px;border-radius:10px}
svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
h1,h2,h3{margin:0;font-weight:700;letter-spacing:-.01em}
p{margin:0}
.num,.metric,.big,.fd-count,.statline strong,td{font-variant-numeric:tabular-nums}
/* 🔴 بيانات جوّه الواجهة: كل قيمة جاية من القاعدة معزولة باتجاهها (مشكلة ٣ في صور ١٣ أكتوبر: «Nour إيهابRole»). */
[data-raw],.fd-data,.bubble span,.name,.fd-member strong{unicode-bidi:plaintext}
td,th,.statline>*,.badge,.metric,.big,label,small,strong,.sub,.legend span,.fd-src-label{unicode-bidi:isolate}
::selection{background:var(--fd-accent-soft)}
*{scrollbar-width:thin;scrollbar-color:var(--fd-line-2) transparent}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--fd-line-2);border-radius:10px;border:3px solid transparent;background-clip:padding-box}
[hidden]{display:none!important}

/* ── المشهد: خلفية ملوّنة ثابتة ورا الزجاج (نفس توهّج جولة الزجاج، من غير صورة ولا حركة) ─────────────── */
.fd-scene{position:fixed;inset:-10%;z-index:-1;pointer-events:none;contain:strict;background:radial-gradient(55% 38% at 82% 12%,var(--fd-scene-1),transparent 72%),radial-gradient(50% 36% at 8% 58%,var(--fd-scene-2),transparent 72%),radial-gradient(60% 40% at 74% 96%,var(--fd-scene-3),transparent 72%),var(--fd-scene-base)}
.fd-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,var(--fd-glass-veil))}

/* ── القشرة ───────────────────────────────────────────────────────────────────────────────── */
.fd-app{display:grid;grid-template-columns:var(--fd-side) minmax(0,1fr);min-height:100vh}
.fd-side{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:6px;padding:20px 14px 16px;background:var(--fd-glass-fill-strong);border-inline-end:1px solid var(--fd-glass-edge);backdrop-filter:blur(26px) saturate(140%);-webkit-backdrop-filter:blur(26px) saturate(140%);z-index:5}
.fd-brand{display:flex;align-items:center;gap:12px;padding:4px 8px 18px}
.mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;flex:none;background:linear-gradient(145deg,var(--fd-accent-strong),var(--fd-scene-1));color:var(--fd-ink-on-action);font-size:22px;font-weight:800;box-shadow:0 10px 26px -10px var(--fd-scene-glow),inset 0 1px 0 var(--fd-glass-shine)}
:root:not([data-theme=light]) .mark{color:var(--fd-ink-1)}
.mark .fd-logo{width:58%;height:auto;max-height:76%;color:var(--fd-logo);display:block}
.fd-brand strong{display:block;font-size:17px;line-height:1.2}
.fd-brand small{display:block;color:var(--fd-ink-3);font-size:var(--fd-t-micro);margin-top:2px}
.fd-nav{display:grid;gap:3px;overflow-y:auto;padding:2px;margin:0 -2px}
.fd-nav button{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:10px 12px;border:0;border-radius:14px;background:none;color:var(--fd-ink-2);font-size:var(--fd-t-body);font-weight:600;text-align:start;white-space:nowrap;transition:background .15s var(--fd-ease),color .15s var(--fd-ease),transform .18s var(--fd-spring)}
.fd-nav button span{flex:1;overflow:hidden;text-overflow:ellipsis}
.fd-nav button:hover{background:var(--fd-glass-hover);color:var(--fd-ink-1)}
.fd-nav button.active{background:var(--fd-glass-chip);color:var(--fd-ink-1);box-shadow:inset 0 1px 0 var(--fd-glass-shine)}
.fd-nav button.active svg{color:var(--fd-accent)}
.fd-pip{min-width:22px;height:22px;padding:0 7px;border-radius:999px;display:inline-grid;place-items:center;background:var(--fd-danger-bg);color:var(--fd-danger);font-size:var(--fd-t-micro);font-weight:800;flex:none}
.fd-sidefoot{margin-top:auto;display:grid;gap:10px;padding:14px 6px 0;border-top:1px solid var(--fd-glass-edge)}
.fd-me{display:flex;align-items:center;gap:10px;color:var(--fd-ink-2);font-size:var(--fd-t-small)}
.avatar{width:36px;height:36px;border-radius:12px;display:inline-grid;place-items:center;flex:none;background:var(--fd-accent-soft);color:var(--fd-accent);font-weight:800}
.fd-me .fd-me-text{flex:1;min-width:0}
.fd-me small{display:block;color:var(--fd-ink-3);font-size:var(--fd-t-micro)}
.fd-row-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center}

.fd-main{min-width:0;padding:22px 28px 64px;display:flex;flex-direction:column;gap:16px}
.fd-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.fd-title{min-width:0;flex:1 1 320px}
.eyebrow{color:var(--fd-accent);font-size:var(--fd-t-small);font-weight:700}
.fd-title h1{font-size:var(--fd-t-h1);line-height:1.25;margin-top:2px}
.fd-title p{color:var(--fd-ink-3);font-size:var(--fd-t-small);margin-top:4px;max-width:70ch}
.fd-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.fd-search{position:relative;width:min(460px,100%)}
.fd-search input{width:100%;padding-inline-start:42px}
.fd-search svg{position:absolute;inset-inline-start:14px;top:50%;transform:translateY(-50%);color:var(--fd-ink-3);pointer-events:none}
.searchresults{position:absolute;z-index:40;top:calc(100% + 8px);inset-inline:0;display:grid;gap:2px;padding:6px;max-height:360px;overflow:auto;background:var(--fd-glass-fill-strong);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--fd-glass-edge);border-radius:var(--fd-r-md);box-shadow:var(--fd-shadow-float)}
.searchresults button{display:flex;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:10px 12px;border:0;border-radius:12px;background:none;text-align:start}
.searchresults button:hover{background:var(--fd-glass-hover)}
.searchresults small{color:var(--fd-ink-3)}
.fd-iconbtn{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:14px;border:1px solid var(--fd-glass-edge);background:var(--fd-glass-chip);color:var(--fd-ink-1);flex:none}
.fd-chip{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:6px 12px;border-radius:999px;border:1px solid var(--fd-glass-edge);background:var(--fd-glass-chip);color:var(--fd-ink-2);font-size:var(--fd-t-small);white-space:nowrap}

/* المصدر: نقطة صغيرة لكل رقم + مفتاح واحد للصفحة كلها */
.fd-src{display:inline-block;width:9px;height:9px;border-radius:50%;flex:none;background:var(--fd-success);box-shadow:0 0 0 3px color-mix(in srgb,var(--fd-success) 22%,transparent)}
.fd-src.estimated{background:var(--fd-warning);box-shadow:0 0 0 3px color-mix(in srgb,var(--fd-warning) 22%,transparent)}
.fd-src.unwired{background:var(--fd-control-line);box-shadow:0 0 0 3px color-mix(in srgb,var(--fd-control-line) 22%,transparent)}
.card>.fd-src{position:absolute;top:18px;inset-inline-end:18px}
.card>.fd-src+.row,.card>.fd-src+h2,.card>.fd-src+.fd-hero-head{padding-inline-end:26px}
.source-item{position:relative}
.source-item>.fd-src{margin-inline-start:8px;vertical-align:middle}
.fd-legend{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:4px 6px 4px 12px;border-radius:999px;border:1px solid var(--fd-glass-edge);background:var(--fd-glass-chip);color:var(--fd-ink-2);font-size:var(--fd-t-small)}
.fd-legend>span{display:inline-flex;align-items:center;gap:7px;padding:4px 6px}
.fd-legend details{position:relative}
.fd-legend summary{list-style:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;cursor:pointer;color:var(--fd-ink-2);font-weight:800}
.fd-legend summary::-webkit-details-marker{display:none}
.fd-legend summary:hover{background:var(--fd-glass-hover)}
.fd-legend details[open] .fd-pop{display:block}
.fd-pop{position:absolute;z-index:40;top:calc(100% + 8px);inset-inline-end:0;width:min(340px,80vw);padding:14px;border-radius:var(--fd-r-md);background:var(--fd-glass-fill-strong);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--fd-glass-edge);box-shadow:var(--fd-shadow-float);color:var(--fd-ink-2);font-size:var(--fd-t-small);line-height:1.7}
.fd-pop p+p{margin-top:8px}

/* شاشات المجموعة */
.fd-subtabs{display:flex;gap:6px;overflow-x:auto;padding:4px;margin:0 -4px;scroll-snap-type:x proximity;scrollbar-width:none}
.fd-subtabs::-webkit-scrollbar{display:none}
.fd-subtabs button{flex:none;scroll-snap-align:start;min-height:44px;padding:9px 16px;border-radius:999px;border:1px solid var(--fd-glass-edge);background:var(--fd-glass-fill);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--fd-ink-2);font-size:var(--fd-t-small);font-weight:600;white-space:nowrap;transition:background .15s var(--fd-ease),transform .18s var(--fd-spring)}
.fd-subtabs button.active{background:var(--fd-action);color:var(--fd-ink-on-action);border-color:var(--fd-action)}
.fd-subtabs button:not(.active):hover{background:var(--fd-glass-chip);color:var(--fd-ink-1)}

/* الفترة + المقارنة + الحقيقي بس + طريقة العرض */
.rangerow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.fd-seg{display:inline-flex;gap:3px;padding:4px;border-radius:16px;background:var(--fd-glass-fill);border:1px solid var(--fd-glass-edge);overflow-x:auto;max-width:100%;scrollbar-width:none;scroll-snap-type:x mandatory}
.fd-seg::-webkit-scrollbar{display:none}
.fd-seg button{flex:none;min-height:44px;padding:8px 14px;border:0;border-radius:12px;background:none;color:var(--fd-ink-2);font-size:var(--fd-t-small);font-weight:600;white-space:nowrap;scroll-snap-align:center;transition:background .15s var(--fd-ease),color .15s var(--fd-ease)}
.fd-seg button.active,.fd-seg button[aria-pressed=true]{background:var(--fd-glass-chip);color:var(--fd-ink-1);box-shadow:inset 0 1px 0 var(--fd-glass-shine),0 4px 14px -6px var(--fd-scene-glow)}
.rangepill{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:6px 14px 6px 8px;border-radius:14px;border:1px solid var(--fd-glass-edge);background:var(--fd-glass-fill);color:var(--fd-ink-2);font-size:var(--fd-t-small);cursor:pointer;user-select:none}
.dateinputs{display:inline-flex;gap:8px;flex-wrap:wrap}
.view-switch{display:inline-flex;align-items:center;gap:10px;color:var(--fd-ink-3);font-size:var(--fd-t-small);font-weight:600;margin-inline-start:auto}
.view-segments{display:inline-flex}
.view-panel{margin:0}
.view-panel:empty{display:none}
.view-chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--fd-gap)}
.view-bars{display:grid;gap:12px;padding:4px 0}
.view-bar{display:grid;grid-template-columns:minmax(110px,1fr) minmax(90px,2fr) minmax(80px,auto);align-items:center;gap:12px;font-size:var(--fd-t-small)}
.view-bar>span{color:var(--fd-ink-2);line-height:1.35;overflow-wrap:anywhere}
.view-bar strong{text-align:end;white-space:nowrap}
.view-track{height:12px;border-radius:12px;background:var(--fd-glass-chip);overflow:hidden}
.view-track i{display:block;height:100%;border-radius:inherit;background:var(--fd-c1);min-width:3px;transform-origin:left;animation:fd-grow-x .28s var(--fd-ease) both}
.view-track i.hue-1{background:var(--fd-c2)}.view-track i.hue-2{background:var(--fd-c4)}.view-track i.hue-3{background:var(--fd-c6)}
.main[data-view=charts] .card[data-view-kind=table],.main[data-view=charts] .card[data-view-kind=metric],.main[data-view=tables] .card[data-view-kind=metric],.main[data-view=tables] .card[data-view-kind=chart]{display:none}

/* ملاحظات */
.note-band,.notice,.source-note{border-radius:var(--fd-r-md);padding:12px 16px;font-size:var(--fd-t-small);line-height:1.75}
.note-band{background:var(--fd-glass-fill);border:1px solid var(--fd-glass-edge);color:var(--fd-ink-2)}
.notice{background:var(--fd-info-bg);color:var(--fd-ink-1);border:1px solid color-mix(in srgb,var(--fd-info) 30%,transparent)}
.notice.warn,.fd-flash.warn{background:var(--fd-warning-bg);border-color:color-mix(in srgb,var(--fd-warning) 35%,transparent)}
.source-note{border:1px dashed var(--fd-line-2);color:var(--fd-ink-2);text-align:center;background:var(--fd-glass-fill)}
.fd-flash{animation:fd-pop .25s var(--fd-spring) both}

/* ── الشبكة والكروت ───────────────────────────────────────────────────────────────────────── */
.fd-page{display:flex;flex-direction:column;gap:var(--fd-gap);min-width:0}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--fd-gap)}
.span2{grid-column:span 2}.span3{grid-column:span 3}.span4{grid-column:1/-1}
.card{position:relative;min-width:0;padding:22px;border-radius:var(--fd-r-lg);background:var(--fd-glass-fill);border:1px solid var(--fd-glass-edge);box-shadow:0 20px 44px -22px var(--fd-scene-glow),inset 0 1px 0 var(--fd-glass-shine)}
.card h2,.section h2,.sectionhead h2{font-size:var(--fd-t-h2);line-height:1.4;margin:0 0 14px;padding-inline-end:22px}
.card p{color:var(--fd-ink-2);line-height:1.75}
.card p+p{margin-top:8px}
.section{display:flex;flex-direction:column;gap:12px}
.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:12px}
.sectionhead h2{margin:0}
.row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.sub{color:var(--fd-ink-3);font-size:var(--fd-t-small);line-height:1.6}
.metric{font-size:var(--fd-t-metric);font-weight:800;line-height:1.15;letter-spacing:-.02em;margin:10px 0 4px;overflow-wrap:anywhere}
.big{font-size:var(--fd-t-display);font-weight:800;line-height:1.05;letter-spacing:-.035em;margin:14px 0 8px;overflow-wrap:anywhere}
.amber{color:var(--fd-warning)}.purple{color:var(--fd-accent)}.green{color:var(--fd-success)}.red{color:var(--fd-danger)}.teal{color:var(--fd-info)}.rose{color:var(--fd-c6)}
.metric.purple{color:var(--fd-ink-1)}
.link{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;min-width:44px;padding:0 6px;border:0;background:none;color:var(--fd-accent);font-weight:700;font-size:var(--fd-t-small)}
.link:hover{text-decoration:underline;text-underline-offset:4px}
.metricbutton{display:block;width:100%;padding:0;border:0;background:none;color:inherit;text-align:start;cursor:pointer;border-radius:16px}
.metricbutton .sub{display:block;padding-inline-end:22px}
.metricbutton:hover .metric{text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--fd-accent);text-underline-offset:6px}
.split{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.badge,.pill{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:4px 11px;border-radius:999px;background:var(--fd-glass-chip);border:1px solid var(--fd-glass-edge);color:var(--fd-ink-2);font-size:var(--fd-t-micro);font-weight:600;white-space:nowrap}
.badge.good{background:var(--fd-success-bg);color:var(--fd-success);border-color:transparent}
.badge.warn{background:var(--fd-warning-bg);color:var(--fd-warning);border-color:transparent}
.badge.bad{background:var(--fd-danger-bg);color:var(--fd-danger);border-color:transparent}
.dot{width:8px;height:8px;border-radius:50%;background:var(--fd-success)}
.statline{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--fd-line-1);font-size:var(--fd-t-body)}
.statline:last-child{border-bottom:0}
.statline>span{color:var(--fd-ink-2);min-width:0;flex:1 1 auto}
.statline strong{font-size:16px;text-align:end}
.statline small{color:var(--fd-ink-3);font-size:var(--fd-t-micro);text-align:end}
.secondary{display:block;color:var(--fd-ink-3);font-size:var(--fd-t-micro);margin-top:3px}
.empty{display:grid;place-items:center;gap:10px;padding:28px 16px;text-align:center;color:var(--fd-ink-3);font-size:var(--fd-t-small)}
.legend{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:12px;color:var(--fd-ink-2);font-size:var(--fd-t-small)}
.legend span{display:inline-flex;align-items:center;gap:7px}
.legend b{width:10px;height:10px;border-radius:4px;display:inline-block}
.trendup{display:inline-block;margin-top:6px;color:var(--fd-success);font-size:var(--fd-t-micro);font-weight:700}
.printbutton{display:flex;justify-content:flex-end}

/* ── اللعبة: البطل · الحلقة · الرحلة · الإنجازات ───────────────────────────────────────────── */
.hero{overflow:hidden;padding:26px;display:flex;flex-direction:column;gap:10px;min-height:260px;background:radial-gradient(120% 90% at 0% 0%,color-mix(in srgb,var(--fd-scene-1) 55%,transparent),transparent 60%),radial-gradient(90% 80% at 100% 100%,color-mix(in srgb,var(--fd-scene-2) 45%,transparent),transparent 60%),var(--fd-glass-fill-strong);touch-action:pan-y}
.hero .big{margin:4px 0 0}
.hero .big.neg{color:var(--fd-danger)}.hero .big.pos{color:var(--fd-success)}
.hero .fd-spark{height:72px;margin-top:auto}
.fd-hero-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.fd-hero-sub{display:flex;gap:6px 14px;flex-wrap:wrap;color:var(--fd-ink-2);font-size:var(--fd-t-small)}
.fd-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--fd-gap)}
@media(max-width:1180px){.fd-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
.fd-kpi{display:flex;flex-direction:column;gap:2px;min-height:132px;padding:18px;border-radius:22px;border:1px solid var(--fd-glass-edge);background:var(--fd-glass-fill);box-shadow:inset 0 1px 0 var(--fd-glass-shine);color:inherit;text-align:start;position:relative}
.fd-kpi .metric{margin:6px 0 2px}
.fd-kpi .fd-kpi-ico{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--fd-accent-soft);color:var(--fd-accent);margin-bottom:6px}
.fd-kpi.warn .fd-kpi-ico{background:var(--fd-warning-bg);color:var(--fd-warning)}.fd-kpi.bad .fd-kpi-ico{background:var(--fd-danger-bg);color:var(--fd-danger)}.fd-kpi.good .fd-kpi-ico{background:var(--fd-success-bg);color:var(--fd-success)}
.fd-kpi.lit{animation:fd-glow 2.4s var(--fd-ease) 1}
.fd-kpi>.fd-src{position:absolute;top:18px;inset-inline-end:18px}
.fd-ring{position:relative;width:132px;height:132px;flex:none}
.fd-ring>svg{width:100%;height:100%;transform:rotate(-90deg)}
.fd-ring-center svg{width:28px;height:28px;color:var(--fd-success);margin:0 auto 4px;stroke-width:2.4}
.fd-ring>svg circle{fill:none;stroke-width:12}
.fd-ring .track{stroke:var(--fd-glass-chip)}
.fd-ring .val{stroke:var(--fd-accent);stroke-linecap:round;transition:stroke-dashoffset .9s var(--fd-ease)}
.fd-ring.done .val{stroke:var(--fd-success)}
.fd-ring-center{position:absolute;inset:0;display:grid;place-items:center;text-align:center;font-weight:800;font-size:24px;line-height:1.1}
.fd-ring-center small{font-size:var(--fd-t-small);font-weight:600;color:var(--fd-ink-2)}
.fd-progress{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.fd-progress>div:not(.fd-ring){flex:1 1 150px;min-width:0}
.fd-quest{display:flex;align-items:center;gap:0;overflow-x:auto;padding:12px 4px 6px;scrollbar-width:none}
.fd-quest::-webkit-scrollbar{display:none}
.fd-node{position:relative;flex:none;display:grid;justify-items:center;gap:8px;width:92px;text-align:center;font-size:var(--fd-t-micro);color:var(--fd-ink-3);border:0;background:none;padding:0}
.fd-node i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--fd-glass-chip);border:2px solid var(--fd-line-2);color:var(--fd-ink-3);font-style:normal;font-weight:800}
.fd-node.done i{background:var(--fd-success);border-color:var(--fd-success);color:var(--fd-ink-on-action);box-shadow:0 0 0 6px color-mix(in srgb,var(--fd-success) 18%,transparent),0 0 22px color-mix(in srgb,var(--fd-success) 50%,transparent)}
.fd-node.warn i{border-color:var(--fd-warning);color:var(--fd-warning)}
.fd-node.bad i{border-color:var(--fd-danger);color:var(--fd-danger)}
.fd-node.next i{border-color:var(--fd-accent);color:var(--fd-accent);animation:fd-pulse 1.8s var(--fd-ease) infinite}
.fd-node.done span,.fd-node.next span{color:var(--fd-ink-1)}
.fd-node span{display:block;line-height:1.35;max-width:88px}
.fd-link{flex:1 0 18px;min-width:18px;height:3px;border-radius:3px;background:var(--fd-line-2);margin-bottom:32px}
.fd-link.done{background:var(--fd-success)}
.fd-achs{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.fd-ach{position:relative;display:grid;gap:6px;justify-items:start;padding:14px;border-radius:20px;border:1px solid var(--fd-glass-edge);background:var(--fd-glass-fill);text-align:start;color:inherit;min-height:132px}
.fd-ach .fd-medal{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--fd-glass-chip);color:var(--fd-ink-3)}
.fd-ach.on .fd-medal{background:linear-gradient(145deg,var(--fd-accent-strong),var(--fd-scene-1));color:var(--fd-ink-1);box-shadow:0 10px 24px -10px var(--fd-scene-glow)}
:root[data-theme=light] .fd-ach.on .fd-medal{color:var(--fd-ink-on-action)}
.fd-ach strong{font-size:var(--fd-t-small);line-height:1.35}
.fd-ach small{color:var(--fd-ink-3);font-size:var(--fd-t-micro);line-height:1.5}
.fd-ach.off{opacity:.78}
.fd-ach.off strong{color:var(--fd-ink-2)}
.fd-ach.unlock{animation:fd-unlock 1.1s var(--fd-spring) both}
.fd-ach.unlock:after{content:"";position:absolute;inset:-2px;border-radius:inherit;border:2px solid var(--fd-accent);animation:fd-ring-out 1.2s var(--fd-ease) both;pointer-events:none}
.fd-mini{height:6px;width:100%;border-radius:6px;background:var(--fd-glass-chip);overflow:hidden}
.fd-mini i{display:block;height:100%;border-radius:inherit;background:var(--fd-accent)}
.fd-toast{position:fixed;z-index:60;inset-inline:16px;bottom:calc(92px + env(safe-area-inset-bottom));margin-inline:auto;max-width:420px;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:20px;background:var(--fd-glass-fill-strong);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--fd-glass-edge);box-shadow:var(--fd-shadow-float);animation:fd-toast 3.2s var(--fd-ease) both}
@media(min-width:900px){.fd-toast{bottom:28px}}

/* ── الرسوم ───────────────────────────────────────────────────────────────────────────────── */
.fd-chart{position:relative;touch-action:pan-y;user-select:none;-webkit-user-select:none;outline-offset:6px}
.fd-chart svg{display:block;width:100%;height:100%;overflow:visible;stroke:none}
.fd-chart svg path,.fd-chart svg line,.fd-chart svg circle{stroke-width:0}
.fd-chart svg .fd-line,.fd-spark path.l{stroke-width:2.5}
.fd-chart .fd-grid line{stroke-width:1}
.fd-plot{position:relative;height:180px}
.fd-plot.sm{height:120px}
.fd-grid line{stroke:var(--fd-line-1);stroke-width:1;vector-effect:non-scaling-stroke}
.fd-line{fill:none;stroke-width:2.5;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}
.fd-area{opacity:.9}
.fd-plot>svg{transform-origin:50% 100%;animation:fd-grow-y .28s var(--fd-ease) both}
.fd-spark{height:72px}
.fd-xlabels{display:flex;justify-content:space-between;gap:4px;margin-top:8px;color:var(--fd-ink-3);font-size:var(--fd-t-micro);white-space:nowrap;overflow:hidden}
.fd-xlabels span{min-width:0;overflow:hidden;text-overflow:clip}
.fd-cursor{position:absolute;top:0;bottom:0;width:2px;margin-inline-start:-1px;background:var(--fd-ink-2);opacity:.6;pointer-events:none}
.fd-cursor-dot{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;border:2px solid var(--fd-canvas);pointer-events:none}
.fd-tip{position:absolute;z-index:20;top:-6px;transform:translate(-50%,-100%);min-width:110px;padding:8px 12px;border-radius:14px;background:var(--fd-glass-fill-strong);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--fd-glass-edge);box-shadow:var(--fd-shadow-float);font-size:var(--fd-t-micro);line-height:1.5;white-space:nowrap;pointer-events:none}
.fd-tip strong{display:block;font-size:var(--fd-t-small)}
.fd-tip span{display:flex;align-items:center;gap:6px;color:var(--fd-ink-2)}
.fd-tip b{width:8px;height:8px;border-radius:3px;display:inline-block}
.fd-bars{display:flex;align-items:flex-end;gap:6px;height:180px;padding-top:6px;border-bottom:1px solid var(--fd-line-1)}
.fd-bars.sm{height:120px}
.fd-bar{flex:1;min-width:0;height:100%;display:flex;align-items:flex-end;justify-content:center;gap:3px;border-radius:8px 8px 0 0;cursor:pointer}
.fd-bar i{display:block;flex:1;max-width:38px;min-height:3px;border-radius:8px 8px 3px 3px;background:var(--fd-c1);transform-origin:bottom;animation:fd-grow-y .2s var(--fd-ease) both}
.fd-bar i+i{background:var(--fd-c4)}
.fd-bar:hover i,.fd-bar.on i{filter:brightness(1.15)}
.fd-bar.zero i{background:var(--fd-line-2)}
.fd-donut{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.fd-donut-ring{position:relative;width:164px;height:164px;flex:none}
.fd-donut-ring svg{transform:rotate(-90deg)}
.fd-donut-ring circle{fill:none;stroke-width:5.2!important;transition:stroke-width .15s var(--fd-ease)}
.fd-donut-ring circle.seg{animation:fd-fade .2s var(--fd-ease) both;cursor:pointer}
.fd-donut-ring circle.seg.on{stroke-width:6.6!important}
.fd-donut-center{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:30px;line-height:1.25}
.fd-donut-center strong{font-size:18px;font-weight:800}
.fd-donut-center small{display:block;color:var(--fd-ink-3);font-size:var(--fd-t-micro)}
.fd-cats{flex:1 1 200px;display:grid;gap:4px;min-width:0}
.fd-cat{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:48px;padding:6px 8px;border:0;border-radius:14px;background:none;text-align:start}
.fd-cat:hover,.fd-cat.on{background:var(--fd-glass-hover)}
.fd-cat .fd-cat-ico{width:36px;height:36px;border-radius:12px;display:grid;place-items:center}
.fd-cat span{color:var(--fd-ink-2);font-size:var(--fd-t-small)}
.fd-cat strong{font-size:var(--fd-t-small);text-align:end}
.heatmap{display:grid;grid-template-columns:auto repeat(7,minmax(0,1fr));gap:5px;align-items:center}
.heatmap .hl{color:var(--fd-ink-3);font-size:var(--fd-t-micro);text-align:center;white-space:nowrap}
.heatmap .hl.r{text-align:end;padding-inline-end:6px}
.heatmap i{display:block;height:30px;border-radius:9px;background:color-mix(in srgb,var(--fd-c1) calc(var(--fd-v) * 100%),var(--fd-glass-chip));cursor:pointer}
.heatmap i:hover,.heatmap i.on{outline:2px solid var(--fd-ink-1);outline-offset:1px}
.dualbars{display:grid;gap:12px}
.dualbars>div{display:grid;grid-template-columns:minmax(90px,140px) minmax(0,1fr) minmax(52px,auto);gap:10px;align-items:center;font-size:var(--fd-t-small)}
.dualbars>div>span{color:var(--fd-ink-2);line-height:1.35;overflow-wrap:anywhere}
.dualbars i{display:block;height:10px;border-radius:10px;background:var(--fd-c1);max-width:100%;transform-origin:left;animation:fd-grow-x .28s var(--fd-ease) both}
.dualbars small{color:var(--fd-ink-1);font-weight:600;text-align:end;font-size:var(--fd-t-small)}
.funnelsteps{display:grid;gap:10px}
.funnelstep{display:grid;grid-template-columns:minmax(110px,170px) minmax(0,1fr) minmax(56px,auto);gap:12px;align-items:center;font-size:var(--fd-t-small)}
.funnelstep>span{color:var(--fd-ink-2)}
.funnelstep>div{height:30px;border-radius:10px;background:var(--fd-glass-chip);overflow:hidden}
.funnelstep i{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,var(--fd-accent-strong),var(--fd-c1));transform-origin:left;animation:fd-grow-x .28s var(--fd-ease) both}
[dir=rtl] .view-track i,[dir=rtl] .dualbars i,[dir=rtl] .funnelstep i{transform-origin:right}
[dir=rtl] .funnelstep i{background:linear-gradient(270deg,var(--fd-accent-strong),var(--fd-c1))}
.funnelstep strong{text-align:end}
.cohortcell{display:block;min-width:46px;border-radius:9px;padding:7px 5px;text-align:center;background:color-mix(in srgb,var(--fd-c3) calc(var(--fd-v) * 45%),var(--fd-surface-1));color:var(--fd-ink-1);font-weight:600}
:root[data-theme=light] .cohortcell{background:color-mix(in srgb,var(--fd-c3) calc(var(--fd-v) * 60%),var(--fd-surface-3))}
.matrixcheck{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:9px;background:var(--fd-success-bg);color:var(--fd-success);font-weight:800}
.matrixoff{color:var(--fd-ink-3)}
.fd-spark path.l{fill:none;stroke:var(--fd-c3);stroke-width:2.5;vector-effect:non-scaling-stroke}
.fd-empty-chart{display:grid;place-items:center;gap:10px;min-height:150px;padding:18px;border-radius:18px;border:1px dashed var(--fd-line-2);text-align:center;color:var(--fd-ink-2);font-size:var(--fd-t-small);background:repeating-linear-gradient(0deg,transparent 0 35px,var(--fd-line-1) 35px 36px)}
.fd-empty-chart svg{width:28px;height:28px;color:var(--fd-accent)}
.fd-empty-chart small{color:var(--fd-ink-3);font-size:var(--fd-t-micro)}

/* ── الجداول ──────────────────────────────────────────────────────────────────────────────── */
.tablewrap{overflow-x:auto;margin-inline:-6px;padding-inline:6px}
.table,.data-table{width:100%;border-collapse:separate;border-spacing:0;min-width:640px}
.table th,.data-table th{position:sticky;top:0;text-align:start;color:var(--fd-ink-3);font-size:var(--fd-t-micro);font-weight:600;padding:10px 12px;border-bottom:1px solid var(--fd-line-1);white-space:nowrap;background:transparent}
.table td,.data-table td{padding:13px 12px;border-bottom:1px solid var(--fd-line-1);font-size:var(--fd-t-small);white-space:nowrap}
.table tr:last-child td,.data-table tr:last-child td{border-bottom:0}
.table tbody tr,.data-table tbody tr{transition:background .12s var(--fd-ease)}
.table tbody tr:hover,.data-table tbody tr:hover{background:var(--fd-glass-hover)}
.data-table tr[data-row]{cursor:pointer}
.data-table th button{display:inline-flex;align-items:center;gap:4px;min-height:44px;min-width:44px;border:0;background:none;padding:0;color:inherit;font:inherit;cursor:pointer}
.data-table th button:hover{color:var(--fd-ink-1)}
.name{font-weight:700}
.tabletools{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center;margin-bottom:10px}
.tabletools .field{flex:1 1 200px;max-width:340px}
.tabletools button{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 14px;border-radius:12px;border:1px solid var(--fd-glass-edge);background:var(--fd-glass-chip);color:var(--fd-ink-1);font-size:var(--fd-t-small);font-weight:600}

/* ── الحقول والزراير ──────────────────────────────────────────────────────────────────────── */
.field,select,textarea{min-height:44px;padding:10px 14px;border-radius:14px;border:1px solid var(--fd-line-2);background:var(--fd-surface-1);color:var(--fd-ink-1);font-size:var(--fd-t-body);min-width:0}
:root[data-theme=light] .field,:root[data-theme=light] select,:root[data-theme=light] textarea{background:var(--fd-surface-3)}
.field::placeholder,textarea::placeholder{color:var(--fd-ink-3);opacity:1}
.field:focus,select:focus,textarea:focus{outline:none;border-color:var(--fd-accent);box-shadow:0 0 0 4px var(--fd-accent-soft)}
.field:disabled,select:disabled{cursor:not-allowed;background:transparent;border-style:dashed;color:var(--fd-ink-2)}
.field:disabled::placeholder{color:var(--fd-ink-2)}
input[type=number]{direction:ltr;text-align:start}
[dir=rtl] input[type=number]{text-align:right}
textarea.field{resize:vertical;line-height:1.6}
.search{flex:1 1 220px}
.compact-select{max-width:100%;width:auto;min-width:160px}
.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border:0;border-radius:999px;background:var(--fd-action);color:var(--fd-ink-on-action);font-weight:700;font-size:var(--fd-t-body);box-shadow:0 10px 24px -12px var(--fd-scene-glow);transition:transform .18s var(--fd-spring),background .15s var(--fd-ease)}
.primary:hover{background:var(--fd-action-hover)}
.primary:disabled{cursor:wait;background:var(--fd-action-hover)}
.smallbtn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;min-width:44px;padding:8px 16px;border-radius:999px;border:1px solid var(--fd-glass-edge);background:var(--fd-glass-chip);color:var(--fd-ink-1);font-size:var(--fd-t-small);font-weight:600;transition:transform .18s var(--fd-spring),background .15s var(--fd-ease)}
.smallbtn:hover:not(:disabled){background:var(--fd-selected)}
.smallbtn:disabled{cursor:not-allowed;background:transparent;border-style:dashed;color:var(--fd-ink-2)}
.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.toolbar>.field,.toolbar>select{flex:1 1 180px}
.controlform{display:grid;gap:12px}
.controlform label.sub,.toolbar label.sub,.fd-field{display:grid;gap:6px;color:var(--fd-ink-2);font-size:var(--fd-t-small)}
.controlform textarea{min-height:100px}
.fd-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;align-items:end}
.toggle{position:relative;display:inline-flex;align-items:center;gap:10px;min-height:44px;cursor:pointer;color:var(--fd-ink-2);font-size:var(--fd-t-small)}
.toggle input{position:absolute;opacity:0;width:1px;height:1px}
.track{position:relative;width:46px;height:28px;flex:none;border-radius:999px;background:var(--fd-line-2);transition:background .2s var(--fd-ease)}
.track:after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:22px;height:22px;border-radius:50%;background:var(--fd-ink-1);box-shadow:0 2px 6px var(--fd-scrim);transition:inset-inline-start .25s var(--fd-spring)}
:root[data-theme=light] .track:after{background:var(--fd-surface-3)}
.toggle input:checked+.track{background:var(--fd-success)}
.toggle input:checked+.track:after{inset-inline-start:21px;background:var(--fd-ink-on-action)}
:root:not([data-theme=light]) .toggle input:checked+.track:after{background:var(--fd-canvas)}
.toggle input:disabled+.track{opacity:.75}
.toggle input:focus-visible+.track{outline:2px solid var(--fd-focus);outline-offset:3px}
.locked{opacity:1}
.assumptions{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.assumptions label{display:grid;gap:6px;color:var(--fd-ink-2);font-size:var(--fd-t-small)}
.assumptions .field{width:100%}
.cost-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,200px);gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--fd-line-1)}
.cost-row:last-of-type{border-bottom:0}
.cost-row label{font-size:var(--fd-t-small);color:var(--fd-ink-2)}
.cost-row .field{width:100%}
/* منتقي التاريخ (بدل الحقل الأصلي — مشكلة ٧) */
.fd-date{display:inline-flex;align-items:center;gap:10px;min-height:44px;min-width:170px;padding:8px 14px;border-radius:14px;border:1px solid var(--fd-line-2);background:var(--fd-surface-1);color:var(--fd-ink-1);font-size:var(--fd-t-small);text-align:start;white-space:nowrap}
:root[data-theme=light] .fd-date{background:var(--fd-surface-3)}
.fd-date svg{color:var(--fd-ink-3)}
.fd-cal{position:fixed;z-index:70;width:min(320px,calc(100vw - 32px));padding:14px;border-radius:22px;background:var(--fd-glass-fill-strong);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid var(--fd-glass-edge);box-shadow:var(--fd-shadow-float);animation:fd-pop .2s var(--fd-spring) both}
.fd-cal-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;font-weight:700}
.fd-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}
.fd-cal-grid span{color:var(--fd-ink-3);font-size:var(--fd-t-micro);padding:4px 0}
.fd-cal-grid button{min-height:44px;border:0;border-radius:12px;background:none;font-size:var(--fd-t-small)}
.fd-cal-grid button:hover{background:var(--fd-glass-hover)}
.fd-cal-grid button.sel{background:var(--fd-action);color:var(--fd-ink-on-action);font-weight:700}
.fd-cal-grid button.today{box-shadow:inset 0 0 0 1px var(--fd-accent)}
.appearance-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.appearance-toggle,.language-switch{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 14px;border-radius:14px;border:1px solid var(--fd-glass-edge);background:var(--fd-glass-chip);color:var(--fd-ink-1);font-size:var(--fd-t-small);font-weight:700;white-space:nowrap}
.accent-choices{display:flex;align-items:center;gap:4px;padding:4px;border-radius:14px;border:1px solid var(--fd-glass-edge);background:var(--fd-glass-chip)}
.accent-choice{display:grid;place-items:center;width:44px;height:44px;padding:0;border:2px solid transparent;border-radius:11px;background:none}
.accent-choice span{width:16px;height:16px;border-radius:50%;background:var(--fd-c1)}
.accent-choice.plum span{background:linear-gradient(145deg,var(--fd-scene-1),var(--fd-accent))}
.accent-choice.selected{border-color:var(--fd-ink-1)}

/* ── قوايم ─────────────────────────────────────────────────────────────────────────────────── */
.alertrow{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:14px 0;border-bottom:1px solid var(--fd-line-1)}
.alertrow:last-child{border-bottom:0}
.alertrow>div:first-child{min-width:0;flex:1 1 280px;display:flex;gap:12px;align-items:flex-start}
.alertrow strong{display:block;font-size:var(--fd-t-body)}
.alertrow p{margin-top:4px;color:var(--fd-ink-3);font-size:var(--fd-t-small)}
.alertrow .actions{display:flex;gap:6px;flex-wrap:wrap}
.fd-sev{width:10px;height:10px;border-radius:50%;margin-top:7px;flex:none;background:var(--fd-warning)}
.fd-sev.bad{background:var(--fd-danger)}
.fd-codes{margin-top:6px;font-size:var(--fd-t-micro);color:var(--fd-ink-3)}
.fd-codes summary{cursor:pointer;display:inline-flex;align-items:center;min-height:44px;min-width:44px;color:var(--fd-ink-2);font-weight:600}
.fd-codes code{display:inline-block;margin:4px 0 0;padding:4px 8px;border-radius:8px;background:var(--fd-glass-chip);font-family:ui-monospace,Menlo,monospace;direction:ltr;unicode-bidi:isolate;overflow-wrap:anywhere}
.inbox{display:grid;gap:8px}
.priority{display:flex;align-items:center;gap:10px;min-height:48px;width:100%;padding:10px 14px;border-radius:14px;border:1px solid color-mix(in srgb,var(--fd-warning) 30%,transparent);background:var(--fd-warning-bg);color:var(--fd-ink-1);text-align:start;font-size:var(--fd-t-small)}
.priority:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--fd-warning);flex:none}
.fd-member,.member{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px;border-radius:16px;background:var(--fd-glass-chip)}
.member>div{min-width:0}
.member strong{display:block}
.member small.secondary{display:block}
.readiness-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(200px,auto) minmax(90px,.6fr) minmax(110px,.6fr);gap:12px;align-items:center;padding:14px 4px;border-bottom:1px solid var(--fd-line-1);font-size:var(--fd-t-small)}
.readiness-row:last-child{border-bottom:0}
.readiness-row strong{font-size:var(--fd-t-body)}
.readiness-row>div{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.readiness-row small{grid-column:1/-1;color:var(--fd-ink-3)}
.readiness-row .owner,.readiness-row .date{color:var(--fd-ink-2)}
.pipeline-board{display:flex;gap:12px;overflow-x:auto;padding:2px 2px 12px;scroll-snap-type:x proximity}
.pipeline-col{position:relative;flex:0 0 272px;scroll-snap-align:start;padding:14px;border-radius:22px;background:var(--fd-glass-fill);border:1px solid var(--fd-glass-edge);min-height:260px}
.pipeline-col h2{font-size:var(--fd-t-body);margin:0 0 4px;padding-inline-end:20px}
.pipeline-col>.fd-src{position:absolute;top:18px;inset-inline-end:16px}
.pipeline-conv{display:block;color:var(--fd-accent);font-size:var(--fd-t-micro);margin-bottom:12px}
.pipeline-card{display:grid;gap:6px;padding:14px;margin-bottom:10px;border-radius:18px;background:var(--fd-surface-1);border:1px solid var(--fd-line-1)}
:root[data-theme=light] .pipeline-card{background:var(--fd-surface-3)}
.pipeline-card p{font-size:var(--fd-t-micro);color:var(--fd-ink-2);line-height:1.7}
.pipeline-card .field{width:100%}
.pipeline-card textarea{min-height:64px}
.messages{display:grid;gap:10px;margin:16px 0}
.bubble{max-width:82%;padding:12px 16px;border-radius:20px;border-end-start-radius:6px;background:var(--fd-surface-2);font-size:var(--fd-t-body);line-height:1.7;justify-self:start}
.bubble.out{justify-self:end;border-radius:20px;border-end-end-radius:6px;background:var(--fd-accent-soft)}
.bubble small{display:block;margin-top:4px;color:var(--fd-ink-3);font-size:var(--fd-t-micro)}
.step{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;margin:6px 0;padding:10px 14px;border-radius:16px;border:1px solid var(--fd-glass-edge);background:var(--fd-glass-chip);color:var(--fd-ink-1);text-align:start}
.step{flex-wrap:wrap;gap:6px 10px}
.step strong{flex:1 1 100%;min-width:0;line-height:1.4}
.step.active{border-color:var(--fd-accent);background:var(--fd-accent-soft)}
.reportstats>div{position:relative}

/* ملف العميل */
.detailhero{background:radial-gradient(100% 120% at 0% 0%,color-mix(in srgb,var(--fd-scene-1) 50%,transparent),transparent 60%),var(--fd-glass-fill-strong)}
.detailhero h2{font-size:24px;margin-bottom:10px}
.tabs{display:flex;gap:6px;overflow-x:auto;padding:4px;margin:0 -4px;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tabs button{flex:none;min-height:44px;padding:9px 16px;border-radius:999px;border:1px solid var(--fd-glass-edge);background:var(--fd-glass-fill);color:var(--fd-ink-2);font-size:var(--fd-t-small);font-weight:600;white-space:nowrap}
.tabs button.active{background:var(--fd-action);color:var(--fd-ink-on-action);border-color:var(--fd-action)}

/* الحجوزات حسب المصدر */
.booking-breakdown{display:grid;gap:12px}
.booking-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.booking-summary .card{padding:16px;border-radius:20px;background:var(--fd-glass-chip);box-shadow:none}
.booking-summary .metric{font-size:26px;margin:6px 0 2px}
.booking-summary .card:nth-child(1){border-top:3px solid var(--fd-c1)}.booking-summary .card:nth-child(2){border-top:3px solid var(--fd-c1)}.booking-summary .card:nth-child(3){border-top:3px solid var(--fd-c2)}.booking-summary .card:nth-child(4){border-top:3px solid var(--fd-c4)}.booking-summary .card:nth-child(5){border-top:3px solid var(--fd-c6)}
.metric.teal{color:var(--fd-info)}.metric.rose{color:var(--fd-c6)}.metric.amber{color:var(--fd-warning)}
.booking-filters{display:flex;gap:10px;flex-wrap:wrap}
.booking-filters label{display:grid;gap:6px;color:var(--fd-ink-2);font-size:var(--fd-t-small);flex:1 1 220px;max-width:340px}

/* التقرير الشهري (ورقة فاتحة للطباعة في الثيمين) */
.reportpage{position:relative;max-width:880px;width:100%;margin:0 auto;padding:36px;border-radius:24px;background:var(--fd-paper);color:var(--fd-paper-ink);box-shadow:var(--fd-shadow-float)}
.reportpage h2{font-size:26px;margin-bottom:6px}
.reportpage h3{margin:22px 0 8px;padding-bottom:8px;border-bottom:1px solid var(--fd-paper-line);font-size:17px}
.reportpage p{line-height:1.85;color:var(--fd-paper-ink)}
.reportpage>small{display:block;margin-top:18px;color:var(--fd-paper-muted)}
.reportpage .reportstats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}
.reportpage .reportstats>div{padding:14px;border-radius:14px;background:var(--fd-paper-tint)}
.reportpage .reportstats small{display:block;color:var(--fd-paper-muted);font-size:var(--fd-t-micro)}
.reportpage .reportstats strong{display:block;margin-top:6px;font-size:20px}
.reportpage .reportstats .fd-src{position:absolute;top:12px;inset-inline-end:12px}

/* ── الأوراق الطايرة: التأكيد · المزيد · التنزيل ──────────────────────────────────────────── */
.fd-sheet{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:16px;background:var(--fd-scrim);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fd-fade .18s var(--fd-ease) both}
.fd-sheet-card{width:min(460px,100%);background:var(--fd-glass-fill-strong);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);animation:fd-sheet .26s var(--fd-spring) both}
.fd-sheet-card p{color:var(--fd-ink-1)}
.fd-sheet-card .toolbar{margin-top:16px}
.error{color:var(--fd-danger);min-height:20px;font-size:var(--fd-t-small)}
.fd-more{position:fixed;z-index:50;inset-inline:0;bottom:0;max-height:82vh;overflow-y:auto;padding:12px 16px calc(96px + env(safe-area-inset-bottom));border-radius:28px 28px 0 0;background:var(--fd-glass-fill-strong);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-top:1px solid var(--fd-glass-edge);box-shadow:var(--fd-shadow-float);animation:fd-sheet .26s var(--fd-spring) both}
.fd-more:before{content:"";display:block;width:44px;height:5px;margin:0 auto 14px;border-radius:5px;background:var(--fd-line-2)}
.fd-more-group{padding:10px 0;border-bottom:1px solid var(--fd-line-1)}
.fd-more-group:last-of-type{border-bottom:0}
.fd-more-group h3{display:flex;align-items:center;gap:10px;font-size:var(--fd-t-small);color:var(--fd-ink-3);margin:4px 2px 8px}
.fd-more-group .fd-more-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.fd-more-list button{min-height:48px;padding:10px 12px;border-radius:14px;border:1px solid var(--fd-glass-edge);background:var(--fd-glass-chip);text-align:start;font-size:var(--fd-t-small);font-weight:600;line-height:1.35}
.fd-more-list button.active{background:var(--fd-action);color:var(--fd-ink-on-action)}
.fd-more-tools{display:grid;gap:10px;padding:14px 0 4px}
.fd-veil{position:fixed;inset:0;z-index:45;background:var(--fd-scrim);animation:fd-fade .18s var(--fd-ease) both}

/* ── الشريط اللي تحت (390) ───────────────────────────────────────────────────────────────── */
.fd-tabbar{display:none}
.fd-topbar{display:none}

/* ── التفاصيل المقفولة: «لسه مش متوصّل» آخر الصفحة ─────────────────────────────────────────── */
.fd-later{border-radius:var(--fd-r-lg);border:1px dashed var(--fd-line-2);background:var(--fd-glass-fill)}
.fd-later>summary{list-style:none;display:flex;align-items:center;gap:10px;min-height:56px;padding:12px 18px;cursor:pointer;color:var(--fd-ink-2);font-weight:600;font-size:var(--fd-t-small)}
.fd-later>summary::-webkit-details-marker{display:none}
.fd-later>summary:after{content:"";margin-inline-start:auto;width:10px;height:10px;border-inline-end:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s var(--fd-ease)}
.fd-later[open]>summary:after{transform:rotate(225deg)}
.fd-later>.grid{padding:0 14px 14px}
.fd-later .card{background:var(--fd-glass-chip);box-shadow:none}

/* «اخفي أي حاجة مش حقيقية» (زرار موجود من المرجع) */
.live-only .card[data-source=estimated],.live-only .card[data-source=unwired],.live-only .source-item[data-source=estimated],.live-only .source-item[data-source=unwired],.live-only .fd-kpi[data-source=estimated],.live-only .fd-kpi[data-source=unwired],.live-only .fd-later,.live-only .reportpage,.live-only .pipeline-col,.live-only .view-generated[data-source=estimated]{display:none!important}

/* ── تحميل ────────────────────────────────────────────────────────────────────────────────── */
.fd-skel{display:grid;gap:12px}
.fd-skel i{display:block;height:16px;border-radius:10px;background:linear-gradient(90deg,var(--fd-glass-skeleton) 0%,var(--fd-glass-chip) 50%,var(--fd-glass-skeleton) 100%);background-size:200% 100%;animation:fd-shimmer 1.2s linear infinite}
.fd-skel i:nth-child(1){width:40%;height:22px}.fd-skel i:nth-child(2){width:90%}.fd-skel i:nth-child(3){width:75%}.fd-skel i:nth-child(4){width:60%}
.fd-loading{position:fixed;top:0;inset-inline:0;height:3px;z-index:90;background:linear-gradient(90deg,transparent,var(--fd-accent),transparent);background-size:50% 100%;animation:fd-bar 1s linear infinite}

/* ── الحركة ───────────────────────────────────────────────────────────────────────────────── */
.fd-press{transition:transform .2s var(--fd-spring)}
.fd-press:active,.fd-nav button:active,.fd-subtabs button:active,.fd-seg button:active,.smallbtn:active,.primary:active,.fd-kpi:active,.fd-tab:active,.tabs button:active,.fd-more-list button:active,.link:active,.metricbutton:active,.fd-ach:active,.fd-node:active,.fd-iconbtn:active,.fd-cat:active,.fd-bar:active{transform:scale(.96);transition-duration:.06s}
.fd-enter{animation:fd-enter .24s var(--fd-ease) both}
@keyframes fd-enter{from{opacity:0;transform:translate3d(0,10px,0)}to{opacity:1;transform:none}}
@keyframes fd-fade{from{opacity:0}to{opacity:1}}
@keyframes fd-pop{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
@keyframes fd-sheet{from{opacity:0;transform:translate3d(0,24px,0)}to{opacity:1;transform:none}}
@keyframes fd-ring-fill{from{stroke-dashoffset:var(--fd-c)}}
@keyframes fd-grow-y{from{transform:scaleY(0)}to{transform:none}}
@keyframes fd-grow-x{from{transform:scaleX(0)}to{transform:none}}
@keyframes fd-shimmer{from{background-position:200% 0}to{background-position:-200% 0}}
@keyframes fd-bar{from{background-position:-50% 0}to{background-position:150% 0}}
@keyframes fd-pulse{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--fd-accent) 45%,transparent)}50%{box-shadow:0 0 0 10px transparent}}
@keyframes fd-glow{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--fd-accent) 60%,transparent)}100%{box-shadow:0 0 0 18px transparent}}
@keyframes fd-unlock{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.06);opacity:1}100%{transform:none}}
@keyframes fd-ring-out{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.15)}}
@keyframes fd-toast{0%{opacity:0;transform:translate3d(0,20px,0)}8%,85%{opacity:1;transform:none}100%{opacity:0;transform:translate3d(0,10px,0)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important;scroll-behavior:auto!important}}
:root[data-motion=reduce] *,:root[data-motion=reduce] *:before,:root[data-motion=reduce] *:after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important}

/* ── الدخول وأوفلاين ──────────────────────────────────────────────────────────────────────── */
.login{min-height:100vh;display:grid;place-items:center;padding:20px}
.loginbox{width:min(440px,100%);padding:32px;display:grid;gap:4px;background:var(--fd-glass-fill-strong);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}
.loginbox .fd-login-tools{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.loginbox h1{font-size:28px;margin:16px 0 6px}
.loginbox>p{color:var(--fd-ink-2)}
.loginbox label{display:grid;gap:8px;color:var(--fd-ink-2);font-size:var(--fd-t-small);margin:14px 0 0}
.loginbox .field{width:100%}
.loginbox .primary{width:100%;margin-top:18px}
.loginbox .smallbtn{width:100%;margin-top:10px}
.loginbox .sub{margin-top:12px}
.fd-offline{min-height:100vh;display:grid;place-items:center;padding:24px;text-align:center}
.fd-offline .card{width:min(420px,100%);display:grid;gap:12px;justify-items:center;padding:32px}
.fd-offline h1{font-size:24px}

/* ── المقاسات ─────────────────────────────────────────────────────────────────────────────── */
@media(max-width:1180px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.span3,.span4{grid-column:1/-1}.booking-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:899px){
  .fd-app{display:block}
  .fd-side{display:none}
  .fd-main{padding:0 16px calc(104px + env(safe-area-inset-bottom));gap:14px}
  .fd-topbar{display:flex;align-items:center;gap:10px;position:sticky;top:0;z-index:30;margin:0 -16px;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:var(--fd-glass-fill-strong);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);border-bottom:1px solid var(--fd-glass-edge)}
  .fd-topbar .mark{width:36px;height:36px;border-radius:12px;font-size:18px}
  .fd-topbar strong{flex:1;min-width:0;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .fd-top{gap:10px}
  .fd-title .eyebrow{display:none}
  .rangerow{gap:6px}
  .rangerow>.fd-seg{width:100%}
  .rangerow>.rangepill{flex:1 1 150px;min-width:0;padding:6px 10px 6px 6px;font-size:12px;line-height:1.35}
  .fd-tools{width:100%;justify-content:flex-start}
  .fd-tools .fd-search{display:none}
  .fd-tools .fd-search.open{display:block;width:100%;order:-1}
  .fd-subtabs{margin:0 -16px;padding:4px 16px}
  .fd-tabbar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;z-index:40;inset-inline:10px;bottom:calc(10px + env(safe-area-inset-bottom));padding:6px;border-radius:26px;background:var(--fd-glass-fill-strong);backdrop-filter:blur(26px) saturate(150%);-webkit-backdrop-filter:blur(26px) saturate(150%);border:1px solid var(--fd-glass-edge);box-shadow:var(--fd-shadow-float)}
  .fd-tab{display:grid;justify-items:center;align-content:center;gap:3px;min-height:56px;padding:4px 2px;border:0;border-radius:20px;background:none;color:var(--fd-ink-3);font-size:11px;font-weight:600;line-height:1.2;transition:background .15s var(--fd-ease),color .15s var(--fd-ease),transform .18s var(--fd-spring)}
  .fd-tab span{max-width:100%;text-align:center;line-height:1.15;overflow-wrap:anywhere}
  :root[lang=en] .fd-tab{font-size:10.5px}
  .fd-tab.active{background:var(--fd-glass-chip);color:var(--fd-ink-1)}
  .fd-tab.active svg{color:var(--fd-accent)}
  .fd-tab{position:relative}
  .fd-tab .fd-pip{position:absolute;top:4px;inset-inline-end:calc(50% - 26px);min-width:18px;height:18px;padding:0 5px;font-size:10px}
  .card{padding:18px;border-radius:22px}
  .card>.fd-src{top:16px;inset-inline-end:16px}
  .hero{min-height:240px;padding:20px}
  .readiness-row{grid-template-columns:minmax(0,1fr) auto}
  .readiness-row>div{grid-column:1/-1}
  .booking-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .booking-summary .card:first-child{grid-column:1/-1}
  .view-switch{margin-inline-start:0;width:100%}
  .view-switch .fd-seg{flex:1}
  .view-switch .fd-seg button{flex:1}
  .reportpage{padding:20px}
  .reportpage .reportstats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fd-legend{width:100%;justify-content:space-between}
  .fd-donut{justify-content:center}
}
@media(max-width:520px){
  .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .grid>.card:not(.span2):not(.span3):not(.span4){grid-column:span 1}
  .grid>.card .metric{font-size:24px}
  .fd-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .fd-kpi{min-height:120px;padding:14px}
  .fd-kpi .metric{font-size:24px}
  .dualbars>div{grid-template-columns:minmax(70px,110px) minmax(0,1fr) minmax(44px,auto)}
  .funnelstep{grid-template-columns:minmax(84px,120px) minmax(0,1fr) minmax(40px,auto);gap:8px}
  .cost-row{grid-template-columns:1fr}
  .fd-ring{width:112px;height:112px}
  .alertrow .actions{width:100%}
  .alertrow .actions .smallbtn{flex:1}
  .compact-select{min-width:0;width:100%}
}
/* ── جولة الموبايل (١٤ أكتوبر ٢٠٢٦): القشرة الجديدة تحت ٩٠٠px بس — mobile.js بيرسمها. الديسكتوب مابيشوفش ولا سطر هنا. ── */
@media(max-width:899px){
  .mb-top{position:sticky;top:0;z-index:35;display:flex;align-items:center;gap:10px;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:var(--fd-glass-fill-strong);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);border-bottom:1px solid var(--fd-glass-edge)}
  .mb-top .mark{width:40px;height:40px;border-radius:13px}
  .mb-search{position:relative;flex:1;min-width:0}
  .mb-search>svg{position:absolute;inset-inline-start:13px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--fd-ink-3);pointer-events:none}
  .mb-search input{width:100%;min-height:44px;padding-inline-start:40px;border-radius:14px;font-size:16px}
  .mb-search input::-webkit-search-cancel-button{-webkit-appearance:none}
  .mb-search .searchresults{background:var(--fd-surface-1);position:fixed;top:calc(64px + env(safe-area-inset-top));inset-inline:12px;max-height:60vh;z-index:45;box-shadow:var(--fd-shadow-float)}
  .mb-search .searchresults button{min-height:48px;align-items:center}
  .mb-search .searchresults span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mb-search .searchresults small{flex:none}
  .mb-me{width:40px;height:40px;border-radius:50%;font-weight:800;font-size:15px}
  .mb-me[aria-expanded=true]{background:var(--fd-action);color:var(--fd-ink-on-action)}
  .mb-main{padding:14px 16px calc(112px + env(safe-area-inset-bottom));gap:14px}
  .mb-head{display:flex;align-items:center;gap:10px;min-height:44px}
  .mb-head h1{flex:1;min-width:0;margin:0;font-size:24px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mb-back{width:40px;height:40px;border-radius:13px}
  .mb-info{position:relative;flex:none}
  .mb-info>summary{list-style:none;display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;color:var(--fd-ink-3);cursor:pointer}
  .mb-info>summary::-webkit-details-marker{display:none}
  .mb-info>summary svg{width:18px;height:18px}
  .mb-info[open]>summary{background:var(--fd-glass-chip);color:var(--fd-ink-1)}
  .mb-info>.fd-pop{position:absolute;z-index:20;inset-inline-end:0;top:calc(100% + 6px);width:min(300px,calc(100vw - 48px));padding:12px 14px;border-radius:16px;background:var(--fd-glass-fill-strong);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--fd-glass-edge);box-shadow:var(--fd-shadow-float);color:var(--fd-ink-2);font-size:var(--fd-t-small);line-height:1.6;display:grid;gap:6px}
  .mb-info>.fd-pop p{margin:0}
  .mb-fold{align-self:flex-start;margin-top:-4px}
  .card>.mb-fold{position:absolute;bottom:10px;inset-inline-end:10px;margin:0}
  /* الـdock: ٤ أيقونات عايمة تحت، كل واحدة ٤٤px+ للصباع */
  .mb-dock{position:fixed;z-index:40;bottom:calc(12px + env(safe-area-inset-bottom));inset-inline:0;margin-inline:auto;display:grid;grid-template-columns:repeat(4,minmax(64px,1fr));gap:4px;width:min(360px,calc(100vw - 32px));padding:6px;border-radius:28px;background:var(--fd-glass-fill-strong);backdrop-filter:blur(26px) saturate(150%);-webkit-backdrop-filter:blur(26px) saturate(150%);border:1px solid var(--fd-glass-edge);box-shadow:var(--fd-shadow-float)}
  .mb-dock-btn{position:relative;display:grid;justify-items:center;align-content:center;gap:3px;min-height:54px;padding:4px 2px;border:0;border-radius:22px;background:none;color:var(--fd-ink-3);font-size:11.5px;font-weight:700;line-height:1.15;transition:background .18s var(--fd-ease),color .18s var(--fd-ease),transform .18s var(--fd-spring)}
  .mb-dock-btn svg{width:22px;height:22px}
  .mb-dock-btn.active{background:var(--fd-glass-chip);color:var(--fd-ink-1)}
  .mb-dock-btn.active svg{color:var(--fd-accent)}
  .mb-dock-btn:active{transform:scale(.92)}
  .mb-dock-btn .fd-pip{position:absolute;top:3px;inset-inline-end:calc(50% - 26px);min-width:18px;height:18px;padding:0 5px;font-size:10px}
  .mb-menu{padding-bottom:calc(24px + env(safe-area-inset-bottom))}
  .mb-menu .fd-legend{width:100%;justify-content:space-between}
  /* لستة الشاشات: كروت بتدوس عليها */
  .mb-list{display:grid;gap:6px}
  .mb-list h2{margin:10px 4px 2px;font-size:var(--fd-t-small);color:var(--fd-ink-3);font-weight:700}
  .mb-row{display:flex;align-items:center;gap:12px;width:100%;min-height:54px;padding:8px 12px;border-radius:18px;border:1px solid var(--fd-glass-edge);background:var(--fd-glass-fill);color:var(--fd-ink-1);text-align:start;font-size:var(--fd-t-body);font-weight:650;transition:transform .16s var(--fd-spring),background .16s var(--fd-ease)}
  .mb-row:active{transform:scale(.98);background:var(--fd-glass-chip)}
  .mb-row-ico{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--fd-glass-chip);color:var(--fd-accent);flex:none}
  .mb-row-ico svg{width:19px;height:19px}
  .mb-row-label{flex:1;min-width:0;display:grid}
  .mb-row-sub{color:var(--fd-ink-3);font-size:var(--fd-t-micro);font-weight:500}
  .mb-row>svg:last-child{width:18px;height:18px;color:var(--fd-ink-3);flex:none}
  .mb-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .mb-kpis .fd-kpi{min-height:112px;padding:14px}
  .mb-kpis .fd-kpi .metric{font-size:22px}
  .fd-kpi:active,.mb-level:active,.mb-task .smallbtn:active{transform:scale(.97)}
  /* مهمة النهارده */
  .mb-mission{padding:18px;display:grid;gap:14px}
  .mb-mission-head{display:flex;align-items:center;gap:16px}
  .mb-mission-head .fd-ring{width:96px;height:96px}
  .mb-mission-head .fd-ring-center{font-size:22px}
  .mb-mission-head h2{margin:0 0 4px;font-size:21px}
  .mb-mission-sub{margin:0;color:var(--fd-ink-2);font-weight:600}
  .mb-mission.won .mb-mission-sub{color:var(--fd-success)}
  .mb-tasks{display:grid;gap:10px}
  .mb-task{display:grid;gap:10px;padding:14px;border-radius:18px;background:var(--fd-glass-chip);border:1px solid var(--fd-glass-edge);animation:mb-in .32s var(--fd-ease) both}
  .mb-task.bad{border-color:color-mix(in srgb,var(--fd-danger) 45%,transparent)}
  .mb-task-main{display:flex;gap:10px;align-items:flex-start}
  .mb-task-main .fd-sev{margin-top:7px;flex:none}
  .mb-task-main strong{display:block;font-size:var(--fd-t-body);line-height:1.45}
  .mb-task-main small{display:block;color:var(--fd-ink-3);margin-top:2px}
  .mb-task .actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .mb-task .smallbtn{min-height:44px;justify-content:center;transition:transform .14s var(--fd-spring)}
  .mb-done-btn{background:var(--fd-success-bg);color:var(--fd-success);border-color:color-mix(in srgb,var(--fd-success) 40%,transparent)}
  .mb-more>summary{cursor:pointer;color:var(--fd-ink-3);font-weight:700;font-size:var(--fd-t-small);padding:6px 2px;min-height:36px;display:flex;align-items:center}
  .mb-more[open]>summary{color:var(--fd-ink-1)}
  .mb-more>*:not(summary){animation:mb-in .26s var(--fd-ease) both}
  /* المستويات */
  .mb-levels{display:grid;gap:8px;margin-top:6px}
  .mb-level{display:flex;align-items:center;gap:12px;width:100%;padding:10px;border-radius:16px;border:1px solid var(--fd-glass-edge);background:var(--fd-glass-chip);color:inherit;text-align:start;transition:transform .16s var(--fd-spring)}
  .mb-level-ico{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--fd-accent-soft);color:var(--fd-accent);flex:none}
  .mb-level-body{flex:1;min-width:0;display:grid;gap:6px}
  .mb-level-top{display:flex;justify-content:space-between;gap:8px;font-weight:650}
  .mb-level-top strong{font-variant-numeric:tabular-nums}
  .mb-level small{color:var(--fd-ink-3);font-size:var(--fd-t-micro)}
  .mb-level small b{color:var(--fd-accent);font-weight:800}
  .mb-level .fd-mini i{transform-origin:left;animation:fd-grow-x .7s var(--fd-ease) both}
  :root[dir=rtl] .mb-level .fd-mini i{transform-origin:right}
  /* الشارات */
  .mb-badges .fd-achs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .mb-badge{min-height:0;padding:10px 8px;justify-items:center;text-align:center;gap:6px}
  .mb-badge strong{font-size:var(--fd-t-micro)}
  .mb-badges .mb-more{margin-top:8px}
  /* ملف العميل: التابات لستة بتتفتح في مكانها */
  .tabs.mb-acc{display:grid;gap:6px;overflow:visible;margin:0;padding:0}
  .tabs.mb-acc>button{display:flex;align-items:center;gap:10px;width:100%;min-height:50px;justify-content:space-between;text-align:start;border-radius:16px;border:1px solid var(--fd-glass-edge);background:var(--fd-glass-fill);color:var(--fd-ink-1);padding:10px 14px;font-weight:650}
  .tabs.mb-acc>button.active{background:var(--fd-glass-chip);color:var(--fd-ink-1);border-color:var(--fd-accent)}
  .mb-acc-body .grid{grid-template-columns:minmax(0,1fr)}
  .mb-acc-body .grid>.card{grid-column:1/-1}
  .tabs.mb-acc>button:after{content:"";width:8px;height:8px;border-inline-end:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);opacity:.6;flex:none;transition:transform .2s var(--fd-ease)}
  .tabs.mb-acc>button.active:after{transform:rotate(225deg)}
  .mb-acc-body{animation:mb-in .28s var(--fd-ease) both;padding:4px 0 8px}
  .mb-main .fd-legend{display:none}
  .mb-main>.rangerow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
  .mb-main>.rangerow>.fd-seg{flex:1;min-width:0;width:auto;overflow-x:auto;scrollbar-width:none}
  .mb-opts{position:relative;flex:none}
  .mb-opts>summary{list-style:none;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;border:1px solid var(--fd-glass-edge);background:var(--fd-glass-chip);cursor:pointer}
  .mb-opts>summary::-webkit-details-marker{display:none}
  .mb-opts[open]>summary{background:var(--fd-action);color:var(--fd-ink-on-action)}
  .mb-opts>.fd-pop{position:absolute;z-index:25;inset-inline-end:0;top:calc(100% + 8px);width:min(320px,calc(100vw - 32px));display:grid;gap:8px;padding:12px;border-radius:18px;background:var(--fd-glass-fill-strong);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--fd-glass-edge);box-shadow:var(--fd-shadow-float)}
  .mb-opts .rangepill{width:100%}
  .mb-opts .view-switch{display:grid;gap:6px}
  .mb-main>.rangerow>.dateinputs{flex-basis:100%}
  /* لحظة الفوز: أقل من ثانية ونص */
  .mb-win{position:fixed;inset:0;z-index:80;display:grid;place-items:center;pointer-events:none}
  .mb-win-word{display:grid;justify-items:center;gap:8px;padding:22px 30px;border-radius:28px;background:var(--fd-glass-fill-strong);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--fd-glass-edge);box-shadow:var(--fd-shadow-float);animation:mb-pop 1.4s var(--fd-spring) both}
  .mb-win-word svg{width:44px;height:44px;color:var(--fd-success);stroke-width:2.6}
  .mb-win-word strong{font-size:28px}
  .mb-win-burst{position:absolute;left:50%;top:50%;width:0;height:0}
  .mb-win-burst i{position:absolute;width:10px;height:10px;margin:-5px;border-radius:50%;background:var(--fd-accent);transform:rotate(var(--a)) translateY(0);animation:mb-burst 1s var(--fd-ease) var(--d) both}
  .mb-win-burst i:nth-child(3n){background:var(--fd-logo)}
  .mb-win-burst i:nth-child(3n+1){background:var(--fd-success)}
  @keyframes mb-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
  @keyframes mb-pop{0%{opacity:0;transform:scale(.7)}18%{opacity:1;transform:scale(1.06)}30%{transform:none}80%{opacity:1}100%{opacity:0;transform:scale(.96)}}
  @keyframes mb-burst{0%{opacity:0;transform:rotate(var(--a)) translateY(0) scale(.4)}20%{opacity:1}100%{opacity:0;transform:rotate(var(--a)) translateY(-150px) scale(1)}}
}
@media(max-width:899px) and (prefers-reduced-motion:reduce){.mb-win-word{animation:none}.mb-task,.mb-acc-body,.mb-more>*{animation:none}}
@media print{.fd-scene,.fd-side,.fd-tabbar,.fd-topbar,.fd-top,.fd-subtabs,.rangerow,.note-band,.printbutton,.fd-later,.fd-more,.fd-veil{display:none!important}body{background:var(--fd-paper)!important}.fd-app,.fd-main{display:block!important;padding:0!important}.reportpage{box-shadow:none!important;max-width:none!important;border-radius:0!important}}