/* نيكسس فيا · الموقع — مبنيٌّ على رموز الهويّة */

/* ═══ نيكسس فيا · الرموز اللونية والطباعية ═══
   مأخوذة حرفياً من brand-tokens — الدرجات العاملة لا الأصلية.        */
:root{
  color-scheme: light;
  --ivory:#F7F3EA;          /* الأرض */
  --surface:#FFFDF8;        /* البطاقة */
  --edge:#E4DACB;           /* الشعرة */
  --edge-2:#EFE7DA;
  --ink:#2A1520;            /* الحبر */
  --head:#4B1F3A;           /* الباذنجانيّ — العناوين والقرار */
  --mute:#5E544F;
  --faint:#6F645D;
  --gold:#7A5F22;           /* الذهبيّ العامل على العاج */
  --gold-dark:#C9B37A;      /* الذهبيّ الأصليّ على الباذنجانيّ */
  --breeze:#4E6E8E;
  --olive:#4C5D3A;
  --impact:#8F8060;
  --danger:#9C2F44;
  --ar:"IBM Plex Sans Arabic", system-ui, sans-serif;
  --disp:"Alexandria", "IBM Plex Sans Arabic", sans-serif;
  --lat:"Jost", system-ui, sans-serif;
  --wrap:1120px;
  --pad:clamp(20px, 5vw, 56px);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; background:var(--ivory); color:var(--ink);
  font-family:var(--ar); font-weight:300; font-size:16px; line-height:1.9;
  -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
body[dir="ltr"]{font-family:var(--lat), "IBM Plex Sans Arabic", sans-serif; line-height:1.72}
@media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto} }

.wrap{max-width:var(--wrap); margin:0 auto; padding-inline:var(--pad)}

/* ── اللاتينيّ: وزن ٥٠٠ وتباعُد 0.10em. العربيّ: لا تباعُد أبداً. ── */
.eyebrow{
  font-family:var(--lat); font-weight:500; letter-spacing:.34em; direction:ltr; text-align:right;
  font-size:.66rem; color:var(--gold); text-transform:uppercase; margin:0 0 14px;
}
[dir="ltr"] .eyebrow{text-align:left}
h1,h2,h3{font-family:var(--disp); color:var(--head); margin:0; text-wrap:balance; letter-spacing:0}
h1{font-weight:600; font-size:clamp(1.75rem, 4.4vw, 3.05rem); line-height:1.34}
h2{font-weight:600; font-size:clamp(1.35rem, 2.8vw, 1.95rem); line-height:1.4}
h3{font-weight:500; font-size:1.05rem; line-height:1.5}
p{margin:0 0 16px; max-width:64ch}
strong{font-weight:600; color:var(--head)}
a{color:inherit}

/* ═══ الشريط العلويّ — النسخة الثلاثيّة والاسمُ العربيّ وحده ═══ */
.bar{
  position:sticky; top:0; z-index:50; background:rgba(247,243,234,.93);
  backdrop-filter:saturate(140%) blur(8px); border-bottom:1px solid var(--edge);
}
.bar .wrap{display:flex; align-items:center; gap:20px; height:70px}
.brand{display:flex; align-items:center; gap:11px; text-decoration:none; flex-shrink:0}
.brand svg{height:17px; width:auto; display:block}
.brand .nm{font-family:var(--disp); font-weight:600; font-size:1.02rem; color:var(--head); white-space:nowrap}
.brand .ds{font-family:var(--ar); font-weight:400; font-size:.78rem; color:var(--faint); padding-inline-start:11px; border-inline-start:1px solid var(--edge); white-space:nowrap}
.nav{display:flex; gap:24px; margin-inline-start:auto; align-items:center}
.nav a{font-size:.88rem; color:var(--mute); text-decoration:none; padding:6px 0; border-bottom:1px solid transparent; transition:color .18s, border-color .18s; white-space:nowrap}
.nav a:hover{color:var(--head); border-bottom-color:var(--gold)}
.barend{display:flex; align-items:center; gap:11px; flex-shrink:0}

/* مبدّلُ اللغة */
.lang{display:inline-flex; border:1px solid var(--edge); border-radius:3px; overflow:hidden}
.lang a{background:transparent; border:0; cursor:pointer; padding:7px 12px; font-size:.76rem; text-decoration:none;
  font-family:var(--lat); font-weight:500; letter-spacing:.06em; color:var(--mute); transition:background .15s; display:inline-block}
.lang a.on{background:var(--head); color:var(--ivory)}
.lang a.ar{font-family:var(--ar); letter-spacing:0}

/* لونُ القرار لا يُستعمل إلا للقرار — الباذنجانيُّ المصمت للأزرار وحدها. */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:9px;
  background:var(--head); color:var(--ivory);
  font-family:var(--ar); font-weight:500; font-size:.9rem; text-decoration:none;
  padding:11px 22px; border-radius:3px; border:0; cursor:pointer; white-space:nowrap;
  transition:background .18s, transform .18s;
}
[dir="ltr"] .btn{font-family:var(--lat); letter-spacing:.04em}
.btn:hover:not(:disabled){background:#3A162D; transform:translateY(-1px)}
.btn.ghost{background:transparent; color:var(--head); border:1px solid var(--edge)}
.btn.ghost:hover{background:#F0E8DA; transform:none}
.btn.sm{padding:9px 17px; font-size:.84rem}
:focus-visible{outline:2px solid var(--gold); outline-offset:3px}
.lnk{font-size:.9rem; color:var(--head); text-decoration:none; border-bottom:1px solid var(--edge);
  padding-bottom:2px; transition:border-color .18s; background:none; border-inline:0; border-top:0;
  cursor:pointer; font-family:inherit}
.lnk:hover{border-bottom-color:var(--gold)}

/* ═══ الافتتاحية ═══ */
.hero{padding:clamp(52px, 9vw, 104px) 0 clamp(46px, 7vw, 84px)}
.hero .wrap{display:grid; grid-template-columns:minmax(0,1.32fr) minmax(0,1fr); gap:clamp(30px,5vw,70px); align-items:center}
.pre{font-size:1rem; color:var(--mute); margin:0 0 16px}
.hero .lead{font-size:1.03rem; color:var(--mute); margin-top:22px; max-width:56ch}
.acts{display:flex; align-items:center; gap:22px; flex-wrap:wrap; margin-top:32px}

/* الشعارُ الخماسيّ — مساحةُ الحِمى = قُطر الدائرة */
.markbox{padding:clamp(20px,4vw,38px); background:var(--surface); border:1px solid var(--edge); border-radius:4px}
.markbox svg{width:100%; height:auto; display:block}
.legend{margin:20px 0 0; padding-top:16px; border-top:1px solid var(--edge-2);
  font-size:.84rem; color:var(--mute); line-height:1.75; max-width:none}

/* ═══ الشريطُ الباذنجانيّ — العبارة ═══ */
.impactband{background:var(--head); color:#F3EAEE}
.impactband .wrap{padding-block:clamp(42px,6vw,66px); display:grid; grid-template-columns:auto 1fr; gap:clamp(24px,5vw,60px); align-items:center}
.slogan{font-family:var(--disp); font-weight:600; font-size:clamp(1.7rem,4vw,2.5rem); color:#fff; line-height:1.3; margin:0}
.slogan-en{font-family:var(--lat); font-weight:500; letter-spacing:.3em; direction:ltr; text-align:right; font-size:.68rem; color:var(--gold-dark); margin-top:12px}
[dir="ltr"] .slogan-en{text-align:left}
.impactband p{color:#DCCBD3; margin:0; font-size:1rem; max-width:52ch}

/* ═══ الأقسام ═══ */
section{padding-block:clamp(48px,7vw,86px)}
section + section{border-top:1px solid var(--edge)}
.shead{margin-bottom:clamp(28px,4vw,44px); max-width:62ch}
.shead p{color:var(--mute); margin:14px 0 0}

/* الساحاتُ الأربع — أعمدةٌ بفواصلَ شعريّة، لا صناديق */
.arenas{display:grid; grid-template-columns:repeat(4,1fr); gap:0}
.arena{padding:26px clamp(14px,2vw,26px) 6px; border-inline-start:1px solid var(--edge)}
.arena:last-child{border-inline-end:1px solid var(--edge)}
.arena .dot{width:10px; height:10px; border-radius:2px; display:block; margin-bottom:16px}
.arena h3{margin-bottom:9px}
.arena p{font-size:.9rem; color:var(--mute); margin:0}

/* الوضعان */
.modes{display:grid; grid-template-columns:1fr 1fr; gap:clamp(18px,3vw,30px)}
.mode{background:var(--surface); border:1px solid var(--edge); border-radius:4px; padding:clamp(24px,3vw,34px)}
.mode .tag{font-family:var(--lat); font-weight:500; letter-spacing:.26em; direction:ltr; text-align:right; font-size:.62rem; color:var(--gold); display:block; margin-bottom:11px}
[dir="ltr"] .mode .tag{text-align:left}
.mode p{font-size:.94rem; color:var(--mute); margin:12px 0 0}
.mode.mark2{border-color:#D9C9B4; border-inline-start:3px solid var(--gold)}

/* كيف نعمل — ثلاث مراحلَ متتابعة، والترقيمُ هنا يعني ترتيباً حقيقياً */
.steps{display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(18px,3vw,32px)}
.step .no{font-family:var(--lat); font-weight:300; font-size:1.5rem; color:var(--gold); direction:ltr; text-align:right; display:block; line-height:1}
[dir="ltr"] .step .no{text-align:left}
.step h3{margin:12px 0 9px}
.step p{font-size:.92rem; color:var(--mute); margin:0}
.deliv{
  margin-top:clamp(26px,4vw,38px); background:var(--surface); border:1px solid var(--edge);
  border-radius:4px; padding:clamp(22px,3vw,30px);
  display:grid; grid-template-columns:auto 1fr; gap:clamp(18px,3vw,32px); align-items:center;
}
.deliv .nmt{font-family:var(--disp); font-weight:600; font-size:1.2rem; color:var(--head); white-space:nowrap}
.deliv .nmt small{display:block; font-family:var(--lat); font-weight:500; letter-spacing:.2em; direction:ltr; text-align:right; font-size:.6rem; color:var(--faint); margin-top:6px}
[dir="ltr"] .deliv .nmt small{text-align:left}
.deliv p{margin:0; font-size:.94rem; color:var(--mute)}

/* ═══ الأثر ═══ */
.rules{display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(16px,2.6vw,28px); margin-bottom:clamp(22px,3vw,32px)}
.rule{border-top:1px solid var(--edge); padding-top:16px}
.rule .n{font-family:var(--lat); font-weight:300; font-size:1.2rem; color:var(--gold); direction:ltr; text-align:right; display:block; line-height:1; margin-bottom:9px}
[dir="ltr"] .rule .n{text-align:left}
.rule p{font-size:.88rem; color:var(--mute); margin:0}
.founding{background:var(--surface); border:1px solid var(--edge); border-radius:4px; padding:clamp(24px,3.2vw,34px)}
.founding h3{margin-bottom:10px}
.founding p{font-size:.95rem; color:var(--mute); margin:0}

/* القيم */
.vals{display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(18px,3vw,32px)}
.val{border-top:2px solid var(--head); padding-top:18px}
.val h3{margin-bottom:9px}
.val p{font-size:.9rem; color:var(--mute); margin:0}

/* التواصل */
.contact .wrap{display:grid; grid-template-columns:1.15fr 1fr; gap:clamp(26px,5vw,64px); align-items:start}
.cbox{background:var(--surface); border:1px solid var(--edge); border-radius:4px; padding:clamp(24px,3vw,32px)}
.crow{display:flex; align-items:center; gap:13px; padding-block:13px; border-bottom:1px solid var(--edge-2); text-decoration:none}
.crow:last-of-type{border-bottom:0}
.crow svg{flex:0 0 20px; height:20px}
.crow .k{font-size:.74rem; color:var(--faint); display:block; line-height:1.5}
.crow .v{font-size:.95rem; color:var(--ink); text-decoration:none; direction:ltr; display:block; unicode-bidi:isolate; text-align:right}
[dir="ltr"] .crow .v{text-align:left}
a.crow:hover .v{color:var(--head)}

/* التذييل — واللاتينيُّ يظهر هنا وحده */
footer{background:#F1EBDE; border-top:1px solid var(--edge)}
footer .wrap{padding-block:44px; display:flex; gap:26px; align-items:flex-end; justify-content:space-between; flex-wrap:wrap}
.flock .l1{font-family:var(--lat); font-weight:500; letter-spacing:.22em; direction:ltr; font-size:1.02rem; color:var(--head)}
.flock .l2{font-family:var(--lat); font-weight:500; letter-spacing:.2em; direction:ltr; font-size:.58rem; color:var(--faint); margin-top:7px}
.fmeta{font-size:.8rem; color:var(--faint); text-align:end}

/* زرُّ الواتساب العائم — أسفل اليسار بالباذنجانيّ */
.wa{
  position:fixed; bottom:22px; left:22px; z-index:60;
  width:52px; height:52px; border-radius:50%; background:var(--head);
  display:grid; place-items:center; box-shadow:0 5px 18px rgba(43,17,33,.28);
  transition:transform .2s, background .2s;
}
.wa:hover{transform:scale(1.06); background:#3A162D}
.wa svg{width:26px; height:26px}

/* ═══ بوّابةُ الفحص — طبقةٌ فوق الصفحة ═══ */
.ov{position:fixed; inset:0; z-index:90; display:none}
.ov[data-open="1"]{display:block}
.ov .scrim{position:absolute; inset:0; background:rgba(30,14,24,.5)}
.ov .sheet{position:absolute; inset-block:0; inset-inline-end:0; width:min(680px,100vw);
  background:var(--ivory); overflow-y:auto; border-inline-start:1px solid var(--edge)}
.ov .inner{padding:clamp(22px,4vw,42px)}
.ovtop{display:flex; align-items:flex-start; gap:14px; margin-bottom:20px}
.ovtop h2{flex:1; min-width:0}
.pick{display:grid; gap:14px; margin-top:8px}
.pcard{background:var(--surface); border:1px solid var(--edge); border-radius:5px; padding:clamp(20px,2.6vw,28px);
  text-align:start; cursor:pointer; font:inherit; color:inherit; width:100%; display:block;
  transition:border-color .18s, transform .18s}
.pcard:hover{border-color:var(--gold); transform:translateY(-2px)}
.pcard svg{display:block; margin-bottom:15px}
.pcard h3{font-size:1.15rem; margin-bottom:6px}
.pcard .s{font-size:.9rem; color:var(--mute); margin:0 0 12px}
.pcard .e{font-size:.8rem; color:var(--faint); border-top:1px solid var(--edge-2); padding-top:11px; margin:0}
fieldset{border:0; padding:0; margin:0 0 26px}
legend{font-family:var(--disp); font-weight:500; font-size:.94rem; color:var(--head);
  padding:0 0 11px; margin-bottom:15px; border-bottom:1px solid var(--edge); width:100%}
.g2{display:grid; grid-template-columns:1fr 1fr; gap:15px}
.f{margin-bottom:15px}
.f label{display:block; font-size:.86rem; color:var(--ink); margin-bottom:6px}
.f .hint{display:block; font-size:.76rem; color:var(--faint); margin-bottom:7px; line-height:1.6}
.f .req{color:var(--danger); font-size:.8rem}
input[type=text],textarea,select{width:100%; background:var(--surface); border:1px solid var(--edge);
  border-radius:3px; padding:10px 13px; font-family:var(--ar); font-weight:300; font-size:.92rem;
  color:var(--ink); line-height:1.7; transition:border-color .16s}
[dir="ltr"] input[type=text],[dir="ltr"] textarea,[dir="ltr"] select{font-family:var(--lat)}
textarea{min-height:96px; resize:vertical}
input:focus,textarea:focus,select:focus{border-color:var(--gold); outline:none}
[aria-invalid="true"]{border-color:var(--danger)!important}
.err{display:block; font-size:.78rem; color:var(--danger); margin-top:5px}
.chips{display:flex; flex-wrap:wrap; gap:8px}
.chip{border:1px solid var(--edge); background:var(--surface); border-radius:20px; padding:7px 15px;
  font-size:.84rem; cursor:pointer; font-family:inherit; color:var(--mute); transition:all .15s}
.chip[aria-pressed="true"]{background:var(--head); border-color:var(--head); color:var(--ivory)}
.note{background:#F4EEE2; border-inline-start:2px solid var(--gold); padding:12px 15px;
  border-radius:3px; font-size:.85rem; color:var(--mute); margin:16px 0}
.hidden{display:none!important}


/* ═══ من نحن ═══ */
.about{display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:clamp(26px,5vw,60px); align-items:start}
.facts{background:var(--surface); border:1px solid var(--edge); border-radius:4px; padding:clamp(20px,2.6vw,28px)}
.fact{padding-block:12px; border-bottom:1px solid var(--edge-2)}
.fact:last-child{border-bottom:0}
.fact .k{display:block; font-size:.74rem; color:var(--faint); line-height:1.5}
.fact .v{display:block; font-size:.92rem; color:var(--ink); line-height:1.7}

/* ═══ مُدخلاتُ الأثر ═══ */
.ientry{background:var(--surface); border:1px solid var(--edge); border-radius:4px;
  padding:clamp(20px,2.6vw,28px); margin-bottom:14px}
.ientry .top{display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; margin-bottom:4px}
.ientry h3{font-size:1.1rem}
.ientry .meta{font-size:.76rem; color:var(--faint)}
.ientry .desc{font-size:.92rem; color:var(--mute); margin:10px 0 0}
.measure{display:flex; align-items:center; gap:clamp(12px,2.4vw,26px); flex-wrap:wrap;
  margin-top:16px; padding-top:14px; border-top:1px solid var(--edge-2)}
.mnum{display:block}
.mnum .k{font-size:.7rem; color:var(--faint); display:block; line-height:1.5}
.mnum .v{font-family:var(--lat); font-weight:400; font-size:1.55rem; color:var(--head);
  direction:ltr; text-align:right; display:block; line-height:1.15}
[dir="ltr"] .mnum .v{text-align:left}
.mnum.after .v{color:var(--olive)}
.marrow{color:var(--gold); font-size:1.2rem; line-height:1; align-self:flex-end; padding-bottom:5px}
.munit{font-size:.82rem; color:var(--mute); align-self:flex-end; padding-bottom:6px}
.iadmin{margin-top:8px; display:flex; gap:12px; align-items:center; flex-wrap:wrap}
.iform{background:var(--surface); border:1px solid var(--gold); border-radius:4px;
  padding:clamp(20px,2.6vw,28px); margin-top:14px}
.g3{display:grid; grid-template-columns:1fr 1fr 1fr; gap:14px}
.istatus{font-size:.82rem; color:var(--mute)}
.istatus.bad{color:var(--danger)}
@media (max-width:1000px){ .about{grid-template-columns:1fr} }
@media (max-width:700px){ .g3{grid-template-columns:1fr} }


/* ═══ افتح طريقاً ═══ */
.tr{display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:clamp(24px,4vw,52px); align-items:start}
.trstep{display:grid; grid-template-columns:auto 1fr; gap:14px; align-items:start;
  padding-block:14px; border-bottom:1px solid var(--edge-2)}
.trstep:last-child{border-bottom:0}
.trstep .n{font-family:var(--lat); font-weight:300; font-size:1rem; color:var(--gold); direction:ltr; line-height:1.6}
.trstep p{margin:0; font-size:.92rem; color:var(--mute)}
.trcta{background:var(--surface); border:1px solid var(--edge); border-radius:4px; padding:clamp(22px,3vw,30px)}
.trcta p{font-family:var(--disp); font-weight:500; font-size:1.05rem; color:var(--head); margin:0 0 18px; line-height:1.5}
.trcta .trnote{font-family:var(--ar); font-weight:300; font-size:.82rem; color:var(--faint); margin:14px 0 0}
@media (max-width:1000px){ .tr{grid-template-columns:1fr} }

/* ═══ الحركة — البناءُ الخماسيّ ═══ */
@media (prefers-reduced-motion: no-preference){
  .e1,.e2{opacity:0; animation:fin .42s cubic-bezier(.2,.7,.3,1) forwards}
  .e2{animation-delay:.11s}
  .e3{transform:scaleY(0); transform-origin:52px 10px; animation:barup .34s .26s cubic-bezier(.2,.7,.3,1) forwards}
  .e4{transform:scale(0); transform-origin:39px 10px; animation:pop .40s .43s cubic-bezier(.3,1.5,.5,1) forwards}
  .e5{transform:scaleX(0); transform-origin:27.5px 10px; animation:ext .48s .62s cubic-bezier(.2,.7,.3,1) forwards}
  .reveal{opacity:0; transform:translateY(14px); transition:opacity .6s ease, transform .6s cubic-bezier(.2,.7,.3,1)}
  .reveal.in{opacity:1; transform:none}
}
@keyframes fin{to{opacity:1}}
@keyframes barup{to{transform:scaleY(1)}}
@keyframes pop{to{transform:scale(1)}}
@keyframes ext{to{transform:scaleX(1)}}

/* ═══ سُلَّمُ السقوط ═══ */
@media (max-width:1080px){ .nav{gap:18px} .nav a{font-size:.84rem} }
@media (max-width:1000px){
  .hero .wrap{grid-template-columns:1fr}
  .markbox{order:-1; max-width:440px}
  .arenas{grid-template-columns:1fr 1fr}
  .arena:nth-child(-n+2){border-block-end:1px solid var(--edge)}
  .arena:last-child{border-inline-end:0}
  .impactband .wrap{grid-template-columns:1fr; gap:20px}
  .contact .wrap{grid-template-columns:1fr}
  .rules{grid-template-columns:1fr}
}
@media (max-width:900px){
  .nav{display:none}
  .brand .ds{display:none}          /* يسقط الوصفُ أوّلاً، ويبقى الشريطُ والاسم */
  .steps,.vals,.modes{grid-template-columns:1fr}
  .deliv{grid-template-columns:1fr; gap:16px}
  .bar .wrap{justify-content:space-between}
  .barend{margin-inline-start:auto}
  .g2{grid-template-columns:1fr}
}
@media (max-width:560px){
  .arenas{grid-template-columns:1fr}
  .arena{border-inline-start:0; border-inline-end:0!important; border-block-end:1px solid var(--edge); padding-inline:0}
  .arena:last-child{border-block-end:0}
  .legend{font-size:.8rem}
  footer .wrap{flex-direction:column; align-items:flex-start}
  .fmeta{text-align:start}
  .bar .wrap{height:auto; padding-block:11px; flex-wrap:wrap; gap:11px}
  .barend{width:100%; justify-content:space-between; margin-inline-start:0}
}

/* ═══ إضافاتُ نسخة PHP ═══ */
.mute{color:var(--mute)} .faint{color:var(--faint); font-size:.82rem} .sm{font-size:.92rem}
.body{font-size:1rem; color:var(--mute); line-height:1.95; margin:0 0 16px; max-width:64ch}
.pagehead{padding:clamp(40px,7vw,80px) 0 clamp(18px,3vw,30px)}
.pagehead .lead{font-size:1.03rem; color:var(--mute); margin-top:14px; max-width:60ch}
.pagehead + section{padding-top:clamp(20px,3vw,34px); border-top:0}
.strip{padding-block:clamp(36px,5vw,60px)}
.arenas.compact .arena{padding:20px clamp(14px,2vw,26px); text-decoration:none; color:inherit; transition:background .16s}
.arenas.compact .arena:hover{background:var(--surface)}
.arenas.compact .arena h3{margin:0; font-size:1rem}
.ctastrip{background:var(--surface); border-top:1px solid var(--edge); padding-block:clamp(34px,5vw,52px)}
.ctastrip .wrap{display:flex; align-items:center; justify-content:space-between; gap:22px; flex-wrap:wrap}
.ctastrip h2{font-size:clamp(1.15rem,2.2vw,1.5rem)}
.contact .wrap{margin-top:0}
.contact .mute{margin-top:14px}
.crow .v.ar{direction:rtl; text-align:right}
[dir="ltr"] .crow .v.ar{direction:ltr; text-align:left}
/* التذييل */
footer .wrap{align-items:flex-start; gap:clamp(22px,4vw,48px)}
.fcol{display:grid; gap:14px; align-content:start}
.social{display:flex; gap:10px}
.social a{width:36px; height:36px; border:1px solid var(--edge); border-radius:50%; display:grid; place-items:center; transition:border-color .16s, background .16s}
.social a:hover{border-color:var(--gold); background:var(--surface)}
.social svg{width:17px; height:17px; fill:var(--head)}
.verify .k{font-size:.74rem; color:var(--faint)}
.crbox{display:flex; align-items:center; gap:12px; text-decoration:none; background:var(--surface); border:1px solid var(--edge); border-radius:4px; padding:10px 12px; transition:border-color .16s}
.crbox:hover{border-color:var(--gold)}
.crbox img.scbc{width:150px; height:auto; background:#fff; border-radius:3px; padding:6px 8px; flex-shrink:0}
.crbox{flex-wrap:wrap}
.crbox .crn{display:block; font-family:var(--lat); font-weight:500; letter-spacing:.14em; color:var(--head); font-size:.98rem; direction:ltr; text-align:start}
.crbox .crl{display:block; font-size:.78rem; color:var(--mute); margin-top:3px}
.fmeta{font-size:.8rem; color:var(--faint); text-align:end; display:grid; gap:4px}
.teamlink{color:var(--faint); text-decoration:none; border-bottom:1px solid var(--edge); width:max-content; justify-self:end}
[dir="ltr"] .fmeta{text-align:start} [dir="ltr"] .teamlink{justify-self:start}
/* القائمةُ على الجوّال */
.menu{display:none; width:40px; height:40px; border:1px solid var(--edge); border-radius:3px; background:transparent; cursor:pointer; padding:0; place-items:center; gap:4px; grid-auto-flow:row}
.menu span{display:block; width:18px; height:2px; background:var(--head)}
@media (max-width:900px){
  .menu{display:grid}
  .nav{display:none; position:absolute; inset-inline:0; top:100%; background:var(--ivory); border-bottom:1px solid var(--edge); padding:12px var(--pad) 16px; flex-direction:column; gap:4px}
  .nav.open{display:flex}
  .nav a{padding:10px 0; border-bottom:1px solid var(--edge-2)}
  .bar{position:sticky}
}
/* النموذج */
.hp{position:absolute; left:-9999px; width:1px; height:1px; opacity:0}
.ovft{font-size:1.1rem; margin-bottom:6px}
.drop{display:block; border:1px dashed #CFC0A9; border-radius:4px; padding:18px; text-align:center; background:#FBF7EF; cursor:pointer}
.drop:hover{border-color:var(--gold)}
.drop .t{display:block; font-size:.88rem; color:var(--head)}
.drop .s{display:block; font-size:.76rem; color:var(--faint); margin-top:5px}
.filerow{display:flex; align-items:center; gap:10px; margin-top:10px; background:var(--surface); border:1px solid var(--edge); border-radius:3px; padding:9px 13px; font-size:.84rem}
.filerow .nm{flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.filerow .sz{font-family:var(--lat); font-size:.74rem; color:var(--faint); direction:ltr}
.bad{background:#F7E9EC; border-inline-start:2px solid var(--danger); padding:12px 15px; border-radius:3px; font-size:.85rem; color:#6C2032; margin:16px 0}
.done{background:var(--surface); border:1px solid var(--edge); border-radius:5px; padding:clamp(20px,3vw,30px); margin-top:14px}
.ref{font-family:var(--lat); font-weight:500; letter-spacing:.16em; direction:ltr; font-size:1.5rem; color:var(--head); background:#F0E8DA; border-radius:3px; padding:12px 18px; display:inline-block; margin:6px 0 18px}
.btn:disabled{opacity:.55; cursor:not-allowed}