/* بوابة آزر — أنماط التخطيط فقط (تستهلك توكنز v.03 عبر var()، لا تعيد تعريفها) */
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
html,body{overflow-x:hidden;max-width:100%}
body{
  font-family:var(--ar);
  background:var(--cream);
  color:var(--ink);
  line-height:1.65;
  font-size:var(--body);
  direction:rtl;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
.num,time,code,.mono{font-family:var(--mono);direction:ltr;unicode-bidi:embed}
a{color:inherit}

/* الحاوية */
.wrap{max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}
.narrow{max-width:760px}

/* الترويسة */
.topbar{
  display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);
  padding:var(--space-4) var(--gutter);border-bottom:var(--stroke-hair) solid var(--rule);
  background:var(--paper);
}
.brand{display:flex;align-items:center;gap:var(--space-2);font-weight:500;letter-spacing:.01em}
.brand .logo{height:22px;width:auto;display:block}
.brand .dot{width:7px;height:7px;border-radius:50%;background:var(--p500)} /* النقطة المحورية */
.topbar a.out{font-size:var(--small);color:var(--mut);text-decoration:none;border-bottom:1px solid var(--rule);padding-bottom:2px}

/* شريط الترحيب — تحت الخط: عبارة + اسم + ساعة يميناً · آخر تحديث صغير يساراً */
.welcome{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;
  padding:9px var(--gutter);background:var(--paper-2);border-bottom:1px solid var(--rule)}
.welcome-greet{font-size:var(--small);color:var(--mut)}
.welcome-greet strong{color:var(--ink);font-weight:700}
.welcome-clock{font-family:var(--mono);font-size:var(--small);color:var(--p700);letter-spacing:.08em;font-variant-numeric:tabular-nums;margin-inline-start:var(--space-3)}
.last-upd{font-size:11px;color:var(--mut-2);letter-spacing:.01em}
.last-upd .lu-rel{font-family:var(--serif);font-style:italic;direction:ltr;color:var(--p700);font-size:var(--label)}

/* لوحة داكنة (الدخول/NDA) */
.cover{min-height:100dvh;display:grid;place-items:center;background:var(--ink-deep);color:var(--paper);padding:var(--gutter)}
.cover .card{background:var(--paper);color:var(--ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:440px;padding:var(--space-6)}
.cover .markline{display:flex;align-items:center;gap:var(--space-2);color:var(--paper);margin-bottom:var(--space-5);opacity:.9}
.cover .markline .dot{width:8px;height:8px;border-radius:50%;background:var(--p500)}

/* عناوين */
.eyebrow{font-family:var(--mono);font-size:var(--label);letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
h1.display{font-weight:500;font-size:var(--h1);line-height:1.05;letter-spacing:-.01em;margin:var(--space-2) 0 var(--space-3)}
h2.sec{font-weight:700;font-size:var(--h3);margin:var(--space-6) 0 var(--space-3)}
.lede{font-size:var(--lede);color:var(--mut);line-height:1.6}

/* نماذج */
label.field{display:block;margin-bottom:var(--space-4)}
label.field span{display:block;font-size:var(--small);color:var(--mut);margin-bottom:6px}
input[type=text],input[type=password]{
  width:100%;font-family:var(--ar);font-size:var(--body);padding:12px 14px;
  border:1.5px solid var(--rule);border-radius:var(--radius-md);background:var(--paper-2);color:var(--ink);
}
input:focus{outline:none;border-color:var(--p500)}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:var(--ar);font-weight:500;font-size:var(--body);cursor:pointer;
  background:var(--ink);color:var(--paper);border:none;border-radius:var(--radius-pill);
  padding:13px 26px;transition:transform var(--dur-1) var(--ease),opacity var(--dur-1)
}
.btn:hover{opacity:.92}
.btn:active{transform:translateY(1px)}
.btn.full{width:100%}
.btn.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--rule)}
.err{background:#fbe9e9;color:var(--alert);border-radius:var(--radius-md);padding:10px 14px;font-size:var(--small);margin-bottom:var(--space-4)}

/* بطاقات التسليمات */
.deliv{display:grid;gap:var(--space-4);margin-top:var(--space-5)}
.card-d{background:var(--paper);border:var(--stroke-hair) solid var(--rule);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}
.card-d h3{font-size:var(--h4);font-weight:700;margin-bottom:6px}
.card-d .desc{color:var(--mut);margin-bottom:var(--space-3)}
.meta-row{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);align-items:center;font-size:var(--small);color:var(--mut)}

/* بطاقة ملخّص الانطلاق — مستطيلة طول الشاشة، تبني ثقة العميل بفهمنا ونطاقنا */
/* بطاقة الانطلاق — ثلاث مناطق متمايزة: رأس داكن · جسم ورقي · شريط تركيز مميّز */
.brief{background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;margin-top:var(--space-5)}
/* المنطقة 1 — الرأس الداكن: الكيكر + صفّ المعلومات (تباين قوي) */
.brief-top{background:var(--ink-deep);color:var(--paper);padding:var(--space-4) var(--space-5)}
.brief-head{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}
.brief-top .brief-head .ic{filter:brightness(0) invert(1);opacity:.92}
.brief-kicker{font-family:var(--mono);font-size:var(--label);letter-spacing:.12em;text-transform:uppercase;color:var(--p300);font-weight:500}
.brief-meta{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-6)}
.bm{display:flex;flex-direction:column;gap:3px;min-width:0}
.bm-l{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--p300)}
.bm-v{font-size:var(--small);color:var(--paper);font-weight:500}
/* المنطقة 2 — الجسم الورقي */
.brief-body{padding:var(--space-5)}
.brief-lead{font-size:var(--h4);line-height:1.45;color:var(--ink);font-weight:700;margin-bottom:var(--space-4);max-width:62ch;
  border-inline-start:3px solid var(--p500);padding-inline-start:var(--space-4)}
.brief-trust{font-family:var(--mono);font-size:10px;letter-spacing:.04em;color:rgba(251,247,238,.5)}
.brief-way{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--rule)}
.brief-way p{font-size:var(--small);color:var(--mut);line-height:1.6}
.brief-team{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px dashed var(--rule)}
.brief-sub{font-size:var(--small);line-height:1.65;color:var(--mut);margin:0 0 var(--space-5) calc(var(--space-4) + 3px);padding-inline-start:var(--space-4)}
.brief-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}
.brief-grid>.brief-col:first-child{border-inline-end:1px solid var(--rule);padding-inline-end:var(--space-5)}
.brief-label{display:block;font-family:var(--mono);font-size:var(--label);letter-spacing:.08em;text-transform:uppercase;color:var(--p700);font-weight:500;margin-bottom:10px}
.brief-strengths{list-style:none;display:grid;gap:10px}
.brief-strengths li{position:relative;padding-inline-start:20px;font-size:var(--small);color:var(--ink);line-height:1.5;font-weight:500}
.brief-strengths li::before{content:"";position:absolute;inset-inline-start:0;top:7px;width:7px;height:7px;border-radius:50%;background:var(--p500)}
.brief-side{display:grid;gap:var(--space-4);align-content:start}
.brief-block .brief-label{margin-bottom:5px}
.brief-block p{font-size:var(--small);color:var(--mut);line-height:1.6}
/* المنطقة 3 — شريط التركيز الحالي (العنصر الديناميكي الوحيد) */
.brief-focus{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-5);padding:11px 16px;
  background:var(--paper-2);border:1px solid var(--p200);border-radius:var(--radius-md)}
.brief-focus .brief-label{margin:0}
.bf-dot{width:8px;height:8px;border-radius:50%;background:var(--p500);flex:0 0 auto;animation:pulseDot 1.8s var(--ease) infinite}
.bf-v{font-size:var(--small);font-weight:700;color:var(--ink);margin-inline-start:auto}
@media (max-width:760px){.brief-grid{grid-template-columns:1fr;gap:var(--space-4)}.brief-grid>.brief-col:first-child{border-inline-end:none;padding-inline-end:0;border-bottom:1px solid var(--rule);padding-bottom:var(--space-4)}}

/* بطاقة الانطلاق v2 — الرؤية بطلة في الرأس + الوجهة + فريقكم + شريط سفلي */
.brief2{background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;margin-top:var(--space-4)}
.b2-top{background:var(--ink-deep);color:var(--paper);padding:var(--space-5)}
.b2-topline{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-4)}
.b2-kicker{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:var(--label);letter-spacing:.12em;text-transform:uppercase;color:var(--p300);font-weight:500}
.b2-kicker .ic{filter:brightness(0) invert(1);opacity:.85}
.b2-trust{font-family:var(--mono);font-size:10px;letter-spacing:.04em;color:rgba(251,247,238,.5)}
.b2-hero{font-size:var(--h3);line-height:1.42;font-weight:700;color:var(--paper);max-width:60ch;
  border-inline-start:3px solid var(--p500);padding-inline-start:var(--space-4);margin-bottom:var(--space-5)}
.b2-meta{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-6);padding-top:var(--space-4);border-top:1px solid rgba(251,247,238,.14)}
.b2-body{padding:var(--space-5)}
.b2-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}
.b2-grid>.b2-col:first-child{border-inline-end:1px solid var(--rule);padding-inline-end:var(--space-5)}
.b2-col{display:grid;gap:var(--space-4);align-content:start}
.b2-way{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--rule)}
.b2-way p{font-size:var(--small);color:var(--mut);line-height:1.6}
.b2-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--paper-2);border-top:1px solid var(--rule)}
.b2-team{display:flex;flex-direction:column;gap:3px;text-align:start}
.b2-team-v{font-size:var(--small);font-weight:700;color:var(--ink)}
@media (max-width:760px){.b2-grid{grid-template-columns:1fr;gap:var(--space-4)}.b2-grid>.b2-col:first-child{border-inline-end:none;padding-inline-end:0;border-bottom:1px solid var(--rule);padding-bottom:var(--space-4)}.b2-hero{font-size:var(--h4)}}

/* قائمة الملفات */
.files{list-style:none;margin-top:var(--space-3);display:grid;gap:8px}
.files li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:10px 14px;background:var(--paper-2);border-radius:var(--radius-md)}
.files .fn{font-size:var(--small);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dl{font-size:var(--small);text-decoration:none;font-weight:500;border-bottom:1.5px solid var(--p500);padding-bottom:1px}

/* خط الخطة */
.plan{list-style:none;margin-top:var(--space-4);display:grid;gap:6px}
.plan li{display:flex;align-items:center;gap:var(--space-3);padding:10px 0;border-bottom:1px dashed var(--rule);font-size:var(--small)}
.plan .st{width:9px;height:9px;border-radius:50%;flex:0 0 auto;background:var(--rule)}
.plan li.done .st{background:var(--success)}
.plan li.in_progress .st{background:var(--p500)}
.plan .ph{color:var(--mut);margin-inline-start:auto;font-family:var(--mono);font-size:var(--label)}

/* بند السرية */
.notice{background:var(--p50);border:1px solid var(--p200);border-radius:var(--radius-md);padding:12px 16px;font-size:var(--small);color:var(--p700);margin-top:var(--space-3)}

/* سرد سفلي */
.foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-4);padding:var(--space-6) var(--gutter);color:var(--mut);font-size:var(--small);border-top:1px solid var(--rule);margin-top:var(--space-8)}
.foot-nda{font-size:var(--label);color:var(--mut-2)}
.foot-nda .mono{font-family:var(--mono);direction:ltr;color:var(--p700)}

/* ───────────────────────────────────────────────────────────
   حزمة ترقية الغرفة الحيّة — أيقونات · غلاف · خط سير · نبض
─────────────────────────────────────────────────────────── */

/* أبعاد الأيقونات مبصومة في الـSVG نفسه (width/height) لسلامة Safari؛ CSS للعرض فقط */
svg{max-width:100%;height:auto}
.ic{display:inline-block;flex:0 0 auto;vertical-align:middle}

/* رأس المشروع — خفيف تحريري (بروح الملفات المُسلَّمة، لا صندوق داكن) */
.proj-head{margin-top:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--rule)}
.proj-head .eyebrow{color:var(--mut)}
.proj-name{font-family:var(--ar);font-weight:700;font-size:var(--h2);line-height:1.12;letter-spacing:-.01em;color:var(--ink);margin:var(--space-2) 0 var(--space-3)}
.proj-sum{font-size:var(--lede);color:var(--mut);line-height:1.6;max-width:62ch}
.proj-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-5);margin-top:var(--space-4)}
.pm{font-size:var(--small);color:var(--mut)}
.num-serif{font-family:var(--serif);font-style:italic;direction:ltr;color:var(--ink)}
.proj-meta .num-serif{font-size:var(--h4);line-height:1}
.pm-live{display:inline-flex;align-items:center;gap:6px;font-size:var(--small);font-weight:500;color:var(--ink);text-decoration:none;border-bottom:1.5px solid var(--p500);padding-bottom:1px;transition:opacity var(--dur-1) var(--ease)}
.pm-live:hover{opacity:.8}

/* خط سير المشروع */
.journey-head{
  display:flex;align-items:baseline;justify-content:space-between;
  flex-wrap:wrap;gap:var(--space-2);margin:var(--space-6) 0 var(--space-3);
}
.journey-prog{display:inline-flex;align-items:baseline;gap:8px;direction:ltr}
.jp-num{font-family:var(--serif);font-style:italic;font-size:var(--h4);color:var(--p600);line-height:1}
.jp-pct{font-family:var(--mono);font-size:var(--label);color:var(--mut)}
/* خط سير أفقي يملأ عرض الصفحة (بلا تمرير). المرحلة فوق · النقطة · العنوان تحت.
   الوصلة بين النقاط ملوّنة للمنجَز (تعبئة تقدّم)، رمادية للقادم. */
.timeline-wrap{padding-bottom:var(--space-2)}
.timeline{list-style:none;display:flex;margin:0;padding:0}
.tstation{position:relative;flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 4px}
/* الوصلة: من مركز هذه النقطة إلى مركز التي تليها (يساراً في RTL) */
.tstation::after{content:"";position:absolute;top:33px;right:50%;width:100%;height:2px;background:var(--rule);z-index:0}
.tstation:last-child::after{display:none}
.tstation.past::after{background:var(--p300)}
.tphase{order:0;height:14px;line-height:14px;margin-bottom:12px;font-family:var(--mono);font-size:10px;letter-spacing:.04em;
  text-transform:uppercase;color:var(--mut-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.tphase:empty{visibility:hidden}
.tdot{position:relative;z-index:1;width:16px;height:16px;border-radius:50%;background:var(--paper);border:2px solid var(--p200);display:flex;align-items:center;justify-content:center}
.tcheck{color:var(--paper);font-size:10px;font-weight:700;line-height:1}
.tstation.past .tdot{background:var(--p300);border-color:var(--p300)}
.tstation.future .tdot{background:var(--paper);border-color:var(--ink)}
.tstation.here .tdot{background:var(--p500);border-color:var(--p500);box-shadow:0 0 0 4px var(--p50);animation:pulseDot 1.8s var(--ease) infinite}
@keyframes pulseDot{0%{box-shadow:0 0 0 0 rgba(150,123,182,.5)}70%{box-shadow:0 0 0 10px rgba(150,123,182,0)}100%{box-shadow:0 0 0 0 rgba(150,123,182,0)}}
.thint{order:1;font-family:var(--mono);font-size:10px;letter-spacing:.04em;color:var(--p700);font-weight:500;margin-top:8px}
.tlabel{order:2;margin-top:8px;font-size:var(--label);line-height:1.4}
.tstation.past .tlabel{color:var(--mut-2)}
.tstation.future .tlabel{color:var(--ink);font-weight:500}
.tstation.here .tlabel{color:var(--ink);font-weight:700}
/* محطة السهم — تلميح لاستمرار الخطة */
.tnext{opacity:.55}
.tarrow{display:block;width:16px;height:16px;line-height:16px;font-size:18px;color:var(--mut);text-align:center}
.tnext .tlabel{color:var(--mut-2);font-style:italic}
@media (prefers-reduced-motion:reduce){.tstation.here .tdot{animation:none}}
/* جوال: نُبقي الخط أفقياً يملأ العرض (بلا تمرير) ونصغّر النصوص لتفادي الزحام */
@media (max-width:560px){
  .tstation{padding:0 2px}
  .tphase{font-size:9px;margin-bottom:9px}
  .tlabel{font-size:10px;margin-top:6px}
  .tdot{width:13px;height:13px}
  .tstation::after{top:30px}
  .tnext .tlabel{display:none}
}

/* وسوم الطزاجة — نصّي لافندري بلا خلفية مملوءة */
.fresh{
  display:inline-flex;align-items:center;gap:4px;
  font-family:var(--mono);font-size:var(--label);font-weight:500;
  letter-spacing:.02em;padding-inline:6px;border-radius:var(--radius-sm);
}
.fresh-new{color:var(--p600);border:1px solid var(--p300)}
.fresh-updated{color:var(--mut);border:1px solid var(--rule)}

/* حالات الفراغ المصمّمة */
.empty{
  display:grid;place-items:center;text-align:center;gap:var(--space-3);
  padding:var(--space-7) var(--space-5);
  background:var(--paper);border:var(--stroke-hair) dashed var(--rule);
  border-radius:var(--radius-lg);margin-top:var(--space-4);
}
.empty-ic{color:var(--p400);opacity:.85}
.empty-t{font-size:var(--h4);font-weight:700;color:var(--ink)}
.empty-l{font-size:var(--small);color:var(--mut);max-width:46ch;line-height:1.6}

/* علامة القسم */
.section-mark{
  display:flex;align-items:center;gap:var(--space-3);
  margin:var(--space-6) 0 var(--space-3);
}
.section-mark .ic{color:var(--p500)}
.sm-rule{flex:1 1 auto;height:1px;background:var(--rule)}

/* ── حركة ناعمة (تحترم prefers-reduced-motion) */
.dcard,.btn,.dl,.tdot{transition:transform var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease),opacity var(--dur-1) var(--ease)}
.dl:hover{opacity:.82}
@keyframes azrUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* ── شبكة بطاقات التسليمات — ثلاث في الصف (تتجاوب) */
.deliv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-4)}
@media (max-width:900px){.deliv{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.deliv{grid-template-columns:1fr}}
.dcard{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);animation:azrUp var(--dur-3) var(--ease) both}
.dcard:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.deliv .dcard:nth-child(2){animation-delay:60ms}
.deliv .dcard:nth-child(3){animation-delay:120ms}
.deliv .dcard:nth-child(n+4){animation-delay:180ms}
/* غلاف التسليم — لوحة كحلية بأيقونة آزر كبيرة + وسم المرحلة (روح غلاف منشور) */
.dcard-cover{position:relative;aspect-ratio:16/9;display:grid;place-items:center;overflow:hidden;
  background:radial-gradient(120% 120% at 70% 15%,#16243a 0%,var(--ink) 70%)}
.dcard-glyph{filter:brightness(0) invert(1);opacity:.92}
.dcard-coverlabel{position:absolute;inset-block-end:10px;inset-inline-start:12px;font-family:var(--mono);font-size:var(--label);
  letter-spacing:.08em;text-transform:uppercase;color:var(--p200)}
.dcard-body{display:flex;flex-direction:column;gap:8px;padding:var(--space-4);flex:1}
.dcard-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.dcard-title{font-size:var(--h4);font-weight:700;line-height:1.3;color:var(--ink)}
.dcard-desc{font-size:var(--small);color:var(--mut);line-height:1.6}
.dcard-actions{margin-top:auto;padding-top:var(--space-2);display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.dcard-actions .dl{font-size:var(--small);font-weight:500;text-decoration:none;color:var(--ink);border-bottom:1.5px solid var(--p500);padding-bottom:2px}
.dcard-pending{font-size:var(--small);color:var(--mut)}
.dcard-note{font-size:var(--label);color:var(--p700);background:var(--p50);border:1px solid var(--p100);border-radius:var(--radius-sm);padding:7px 10px;line-height:1.5}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-delay:0ms!important;transition-duration:.001ms!important}
  .dcard:hover{transform:none}
}
@media (max-width:560px){
  .proj-cover{padding:var(--space-5)}
  .pc-glyph{opacity:.08}
  .num-serif{font-size:var(--h3)}
}