/* بوابة آزر — أنماط التخطيط فقط (تستهلك توكنز 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:var(--lh-body);
  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)}

/* الترويسة */
.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(--ar);font-size:var(--small);color:var(--p700);letter-spacing:.04em;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/OTP/استعادة) */
.cover{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:var(--ink-deep);color:var(--paper);padding:var(--space-6) var(--gutter);gap:var(--space-5)}
.cover-inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);width:100%;max-width:460px}
.cover .card{background:var(--paper);color:var(--ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;padding:var(--space-6)}
/* علامة آزر فوق البطاقة (على الخلفية الداكنة) */
.cover-brand{display:flex;align-items:center;gap:10px}
.cover-brand .wm{height:22px;width:auto}
/* نقطة نابضة مطابقة لصفحة الدخول */
.cover-brand .glow-dot{width:9px;height:9px;border-radius:50%;background:var(--p500);
  box-shadow:0 0 6px 1px rgba(150,123,182,.5);animation:authGlow 2.8s var(--ease) infinite}
/* ذيل الدعم أسفل البطاقة */
.cover-foot{font-size:var(--label);color:rgba(251,247,238,.35);letter-spacing:.01em;text-align:center}
/* F01 — علامة آزر على بطاقة الدخول (ثقة + هوية) */
.card-mark{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-5)}
.card-mark img{height:22px;width:auto}
.card-mark .dot{width:7px;height:7px;border-radius:50%;background:var(--p500)}

/* F01 — صفحة الدخول بلوحين: إلهام تحريريّ (داكن) + نموذج (كريمي) */
.auth{min-height:100dvh;display:grid;grid-template-columns:1.05fr .95fr}
.auth-brand{background:var(--ink-deep);color:var(--paper);display:flex;flex-direction:column;justify-content:center;padding:clamp(32px,5vw,72px);position:relative;overflow:hidden}
.auth-brand-top{display:flex;align-items:center;gap:10px;margin-bottom:clamp(28px,6vh,56px)}
.auth-brand-top .wm{height:24px;width:auto}
.glow-dot{width:10px;height:10px;border-radius:50%;background:var(--p500);box-shadow:0 0 0 0 rgba(150,123,182,.55);animation:authGlow 2.8s var(--ease) infinite}
@keyframes authGlow{0%{box-shadow:0 0 6px 1px rgba(150,123,182,.5)}50%{box-shadow:0 0 18px 5px rgba(150,123,182,.35)}100%{box-shadow:0 0 6px 1px rgba(150,123,182,.5)}}
.auth-tag{font-weight:500;font-size:clamp(28px,4vw,46px);line-height:1.12;letter-spacing:-.01em;margin-bottom:clamp(28px,5vh,52px)}
.auth-tag .great{color:var(--p300)}
.auth-note{max-width:46ch;border-top:1px solid rgba(251,247,238,.16);padding-top:22px}
.auth-note blockquote{font-size:clamp(16px,1.7vw,20px);line-height:1.85;color:rgba(251,247,238,.92);font-weight:400}
.auth-note figcaption{margin-top:14px;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;color:var(--p300);direction:ltr;text-align:start}
.auth-note-cta{margin-top:18px}
.auth-note-cta button{background:transparent;border:1px solid rgba(251,247,238,.22);color:rgba(251,247,238,.7);font-family:var(--ar);font-size:var(--label);border-radius:var(--radius-pill);padding:6px 15px;cursor:pointer;transition:.2s}
.auth-note-cta button:hover{border-color:var(--p400);color:var(--paper)}
.auth-form{background:var(--paper);color:var(--ink);display:flex;flex-direction:column;justify-content:center;padding:clamp(32px,5vw,72px)}
.auth-form .field span{color:var(--mut)}
@media (max-width:860px){
  .auth{grid-template-columns:1fr}
  .auth-brand{padding:34px 24px 30px}
  .auth-tag{font-size:26px;margin-bottom:24px}
  .auth-note blockquote{font-size:16px}
  .auth-form{padding:30px 24px 44px}
}

/* عناوين */
.eyebrow{font-family:var(--ar);font-size:var(--label);letter-spacing:.04em;font-weight:700;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)}
h1.sec,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:not([type]),input[type=text],input[type=search],input[type=password],input[type=email],input[type=url],input[type=tel],input[type=number]{
  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{border-color:var(--p500)}
/* F37 — حلقة تركيز مرئية موحّدة على كل العناصر التفاعلية (WCAG 2.4.7) */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--p500);outline-offset:2px;border-radius:5px}
.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)}

/* بطاقة ملخّص الانطلاق — مستطيلة طول الشاشة، تبني ثقة العميل بفهمنا ونطاقنا */
/* بطاقة الانطلاق — ثلاث مناطق متمايزة: رأس داكن · جسم ورقي · شريط تركيز مميّز */
.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(--ar);font-size:var(--label);letter-spacing:.04em;color:var(--p300);font-weight:700}
.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(--ar);font-size:11px;letter-spacing:.02em;color:var(--p300);font-weight:700}
.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(--ar);font-size:11px;letter-spacing:.02em;color:rgba(251,247,238,.55)}
.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-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(--ar);font-size:var(--label);letter-spacing:.02em;color:var(--p700);font-weight:700;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(--success);flex:0 0 auto;animation:pulseLive 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)}}

/* حقل رمز OTP — محوري، لافندر */
.otp-input{
  width:100%;font-family:var(--mono);font-size:2rem;font-weight:600;
  letter-spacing:.55em;text-align:center;direction:ltr;
  padding:16px 14px;border:2px solid var(--p300);border-radius:var(--radius-md);
  background:var(--p50);color:var(--ink);transition:border-color var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease);
}
.otp-input:focus{border-color:var(--p500);box-shadow:0 0 0 3px rgba(150,123,182,.18);outline:none}
.otp-input::placeholder{color:var(--p300);letter-spacing:.35em}

.dl{font-size:var(--small);text-decoration:none;font-weight:500;border-bottom:1.5px solid var(--p500);padding-bottom:1px}

/* سرد سفلي */
.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-switch{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}
.proj-switch a{font-size:var(--small);padding:0 0 2px;border-bottom:1.5px solid transparent;color:inherit;text-decoration:none}
.proj-switch a.is-active{border-bottom-color:var(--p500);font-weight:500}

/* رأس المشروع — خفيف تحريري (بروح الملفات المُسلَّمة، لا صندوق داكن) */
.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(--ar);font-size:11px;letter-spacing:.02em;
  color:var(--mut-2);font-weight:700;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(--success);border-color:var(--success);box-shadow:0 0 0 4px rgba(26,140,92,.16);animation:pulseLive 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)}}
@keyframes pulseLive{0%{box-shadow:0 0 0 0 rgba(26,140,92,.5)}70%{box-shadow:0 0 0 10px rgba(26,140,92,0)}100%{box-shadow:0 0 0 0 rgba(26,140,92,0)}}
.thint{order:1;font-family:var(--mono);font-size:10px;letter-spacing:.04em;color:var(--success);font-weight:700;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}}
/* جوال (F27): ستِبر عمودي مقروء — النقطة على الحافة والعنوان بجانبها، بلا زحام ولا خط 9px */
@media (max-width:600px){
  .timeline{flex-direction:column}
  .tstation{display:grid;grid-template-columns:18px 1fr;column-gap:13px;align-items:start;text-align:start;padding:9px 0;min-width:0}
  .tdot{grid-column:1;grid-row:1;margin-top:1px;width:16px;height:16px}
  .tphase{grid-column:2;grid-row:1;order:0;font-family:var(--ar);text-transform:none;font-size:12px;letter-spacing:0;height:auto;line-height:1.4;margin:0 0 1px;white-space:normal;overflow:visible;max-width:none;color:var(--mut)}
  .tlabel{grid-column:2;grid-row:2;order:0;margin:0;font-size:14px;line-height:1.45}
  .thint{grid-column:2;grid-row:3;order:0;margin-top:2px;font-size:12px}
  .tarrow{grid-column:1;grid-row:1}
  /* وصلة عمودية تمرّ بالنقاط على حافة البداية */
  .tstation::after{top:20px;bottom:-9px;height:auto;width:2px;inset-inline-start:8px;right:auto}
  .tstation:last-child::after{display:none}
  .tnext{opacity:.7}
}

/* وسوم الطزاجة — نصّي لافندري بلا خلفية مملوءة */
.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(--ar);font-size:var(--label);
  letter-spacing:.02em;font-weight:700;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-conf{margin-top:10px;padding-top:9px;border-top:1px dashed var(--rule);display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:11px;color:var(--mut)}
.dcard-conf .lockdot{width:6px;height:6px;border-radius:50%;background:var(--p500);flex:none}
.dcard-conf .conf-lvl{font-weight:700;color:var(--ink)}
.dcard-conf .conf-ref{font-family:var(--mono);font-size:10px;color:var(--mut);letter-spacing:.02em;background:var(--paper-2);border:1px solid var(--rule);border-radius:var(--radius-pill);padding:1px 8px}

/* ── بطاقة العرض الفني والمالي (kind='offer') — صندوق كحلي مميّز فوق التسليمات ── */
.offer-card{background:var(--ink);color:var(--paper);border-radius:var(--radius-lg);
  padding:clamp(20px,4vw,34px);margin-top:var(--space-5);box-shadow:var(--shadow-md)}
.offer-ey{font-family:var(--mono);font-size:var(--label);letter-spacing:.08em;text-transform:uppercase;
  color:#C9B8DE;display:flex;align-items:center;gap:7px;margin:0 0 12px}
.offer-ey::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--p500);flex:none}
.offer-title{font-size:clamp(22px,4vw,30px);font-weight:800;line-height:1.25;color:var(--paper);margin:0 0 14px}
.offer-meta{margin:0 0 18px}
.offer-pill{display:inline-block;background:rgba(150,123,182,.22);color:#D9C9EC;font-family:var(--ar);
  font-size:var(--label);font-weight:700;padding:4px 13px;border-radius:var(--radius-pill)}
.offer-pill.approved{background:rgba(122,190,142,.2);color:#B7E0C2}
.offer-pill.changes{background:rgba(220,152,110,.2);color:#F0C9AE}
.offer-btns{display:flex;gap:10px;flex-wrap:wrap}
.offer-btn{padding:11px 20px;border-radius:var(--radius-pill);font-family:var(--ar);font-weight:700;
  font-size:var(--small);text-decoration:none;transition:transform var(--dur-2) var(--ease),border-color var(--dur-1) var(--ease)}
.offer-btn.p{background:var(--p500);color:#fff}
.offer-btn.g{background:transparent;color:var(--paper);border:1.5px solid rgba(251,247,238,.3)}
.offer-btn:hover{transform:translateY(-2px)}
.offer-btn.g:hover{border-color:rgba(251,247,238,.7)}
@media (max-width:560px){.offer-btn{flex:1;text-align:center}}

@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){
  .num-serif{font-size:var(--h3)}
}

/* ── الوضع الإنجليزي (LTR): الاتجاه ينقلب بـdir، وهنا الخط + موصّل خط السير الوحيد ── */
html[data-lang=en]{--ar:'Inter','Tajawal',sans-serif} /* Latin→Inter، أي عربي متبقٍّ→Tajawal */
html[data-lang=en] body{direction:ltr;line-height:1.55}
html[data-lang=en] .tstation::after{right:auto;left:50%}
/* زرّ تبديل اللغة */
.lang-toggle{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--mut);text-decoration:none;border:1px solid var(--rule);border-radius:var(--radius-pill);padding:3px 10px;transition:border-color var(--dur-1) var(--ease),color var(--dur-1) var(--ease)}
.lang-toggle:hover{border-color:var(--p500);color:var(--p700)}
.topbar .lang-toggle{margin-inline-end:var(--space-3)}
.auth-lang,.cover-lang{position:absolute;top:18px;inset-inline-end:18px;z-index:2}
.auth-lang .lang-toggle,.cover-lang .lang-toggle{color:var(--paper);border-color:rgba(243,236,221,.3)}
.auth-lang .lang-toggle:hover,.cover-lang .lang-toggle:hover{color:#fff;border-color:rgba(243,236,221,.7)}

/* ── شعار الجهة في رأس المشروع ───────────────────────────────────────── */
.proj-logo{width:84px;height:84px;border-radius:var(--radius-lg);overflow:hidden;background:var(--paper);
  border:1px solid var(--rule);box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4)}
.proj-logo img{width:100%;height:100%;object-fit:contain;display:block;padding:8px;box-sizing:border-box}

/* ── مدخلات العميل (Intake) — رحلة الواقف ─────────────────────────────── */
.intake{background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius-lg);
  box-shadow:var(--shadow-md);padding:var(--space-5);margin-top:var(--space-4)}
.journey-rail{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:6px 4px;margin:0 0 var(--space-5);padding:0}
.jr-step{display:inline-flex;align-items:center;gap:6px}
.jr-dot{width:9px;height:9px;border-radius:50%;background:var(--p500);flex:0 0 auto}
.jr-label{font-size:var(--small);color:var(--ink);font-weight:500;white-space:nowrap}
.jr-line{width:22px;height:1px;background:var(--rule);margin:0 2px}
.intake-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:var(--space-5)}
.intake-ask{min-width:0}
.intake-h{font-size:var(--h4);color:var(--ink);font-weight:700;margin:0 0 8px}
.intake-intro{font-size:var(--small);color:var(--mut);line-height:1.7;margin:0 0 var(--space-4)}
.intake-keys{list-style:none;display:grid;gap:10px;margin:8px 0 var(--space-4);padding:0}
.intake-keys li{position:relative;padding-inline-start:20px;font-size:var(--small);color:var(--ink);line-height:1.6}
.intake-keys li::before{content:"";position:absolute;inset-inline-start:0;top:8px;width:6px;height:6px;border-radius:50%;background:var(--p400,#b9a6d6)}
.intake-form textarea{width:100%;resize:vertical;border:1.5px solid var(--rule);border-radius:var(--radius-md);
  background:var(--paper-2);color:var(--ink);padding:12px 14px;font-family:var(--ar);font-size:var(--small);line-height:1.7}
.intake-form textarea:focus{border-color:var(--p500);outline:none}
.intake-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}
.intake-state{font-size:var(--label);color:var(--p700);font-weight:600}
.intake-uploads{min-width:0}
.iz-note{font-size:var(--label);color:var(--mut);line-height:1.6;margin:6px 0 var(--space-4)}
.iz{border:1px solid var(--rule);border-radius:var(--radius-md);padding:14px;margin-bottom:12px;background:var(--paper-2)}
.iz-head{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}
.iz-label{font-weight:700;color:var(--ink);font-size:var(--small)}
.iz-hint{font-size:var(--label);color:var(--mut)}
.iz-empty{font-size:var(--label);color:var(--mut);margin:0 0 10px}
.iz-files{list-style:none;display:grid;gap:6px;margin:0 0 10px;padding:0}
.iz-files li{display:flex;align-items:center;gap:8px;font-size:var(--label);background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius-sm,8px);padding:6px 10px}
.iz-fn{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}
.iz-sz{color:var(--mut);font-variant-numeric:tabular-nums}
.iz-del{background:none;border:none;color:var(--alert);font-size:18px;line-height:1;cursor:pointer;padding:0 2px}
.iz-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.iz-pick{display:flex;flex-direction:column;align-items:flex-start;gap:6px;font-size:var(--label);color:var(--mut);cursor:pointer}
.iz-pick input[type=file]{font-size:var(--label);max-width:170px}
.iz-up{white-space:nowrap}
.iz-pick-busy{display:none;color:var(--p500);font-weight:700}
.iz-form.is-uploading{opacity:.65;pointer-events:none}
.iz-form.is-uploading .iz-pick-idle{display:none}
.iz-form.is-uploading .iz-pick-busy{display:inline}
.intake-next{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px dashed var(--rule)}
.intake-next p{font-size:var(--small);color:var(--mut);line-height:1.7;margin:6px 0 0}
@media(max-width:760px){.intake-grid{grid-template-columns:1fr}}

/* م14 — مراجعة التسليم عند العميل: خانة وأزرار بالهوية بدل المستطيلات المتلاصقة */
.rv-note{width:100%;resize:vertical;min-height:64px;border:1px solid var(--rule);border-radius:var(--radius-md);background:var(--paper);padding:10px 13px;font-family:var(--ar);font-size:var(--small);line-height:1.8;color:var(--ink)}
.rv-note:focus{outline:none;border-color:var(--p300);box-shadow:0 0 0 3px var(--p50)}
.rv-btn{font-family:var(--ar);font-size:var(--small);font-weight:500;padding:7px 18px;border-radius:999px;border:1px solid var(--rule);background:none;color:var(--ink);cursor:pointer;transition:border-color .14s}
.rv-btn:hover{border-color:var(--p300)}
.rv-btn.rv-approve{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.rv-btn.rv-approve:hover{background:var(--p700);border-color:var(--p700)}