/* ════════ سند — أنماط المحور (HUB) + الدخول + البطاقات ════════ */

/* مبدّل الاتجاهات (في الشريط) */
.dirswitch{display:inline-flex;background:var(--muted);border:1px solid var(--border);border-radius:var(--r-full);padding:3px;gap:2px;}
.dirswitch button{border-radius:var(--r-full);padding:.36rem .82rem;font-size:.82rem;font-weight:700;color:var(--ink-500);transition:all .18s;white-space:nowrap;}
.dirswitch button.on{background:var(--surface);color:var(--em-700);box-shadow:var(--sh-sm);}
.dirswitch button:hover:not(.on){color:var(--em-700);}

/* بطاقة بوّابة (مشتركة A/B) */
.gate{position:relative;overflow:hidden;border-radius:var(--r-2xl);border:1px solid var(--border);background:var(--surface);
  box-shadow:var(--sh-sm);cursor:pointer;text-align:start;padding:clamp(22px,2.4vw,30px);
  transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s,border-color .2s;
  display:flex;flex-direction:column;min-height:226px;}
.gate::before{content:"";position:absolute;inset:0;opacity:.5;pointer-events:none;
  background:radial-gradient(80% 60% at 100% 0%,var(--accent-soft),transparent 64%);}
.gate::after{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:5px;background:var(--accent);
  transform:scaleY(0);transform-origin:top;transition:transform .3s;}
.gate:hover{transform:translateY(-6px);box-shadow:var(--sh-lg);border-color:var(--accent-bd);}
.gate:hover::after{transform:scaleY(1);}
.gate-top{display:flex;align-items:center;justify-content:space-between;position:relative;}
.gate-ic{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;color:var(--accent-ink);
  background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-bd);}
.gate h3{font-size:1.42rem;color:var(--ink-900);margin-top:18px;position:relative;}
.gate .aud{color:var(--ink-500);font-size:.92rem;margin:6px 0 0;line-height:1.65;position:relative;flex:1;}
.gate-go{display:inline-flex;align-items:center;gap:8px;margin-top:18px;color:var(--accent-ink);font-weight:700;font-size:.95rem;position:relative;}
.gate-go .arr{transition:transform .25s;}
.gate:hover .gate-go .arr{transform:translateX(-6px);}
.gate-wm{position:absolute;left:-12px;bottom:-20px;opacity:.05;pointer-events:none;}

/* ── الاتجاه A: كلاسيكيّة ── */
.hub-hero{position:relative;padding:clamp(26px,4vw,46px) 0 clamp(18px,2.5vw,30px);}
.hub-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-lt);font-size:.74rem;font-weight:600;
  letter-spacing:.22em;text-transform:uppercase;color:var(--gold-700);background:var(--gold-50);border:1px solid var(--gold-300);
  padding:6px 13px;border-radius:var(--r-full);}
.hub-hero h1{font-family:var(--font-disp);font-size:clamp(2.3rem,5.2vw,3.6rem);color:var(--em-900);line-height:1.08;margin:18px 0 0;letter-spacing:-.02em;}
.hub-hero h1 .em{color:var(--gold);}
.hub-hero p{margin:14px 0 0;color:var(--ink-500);font-size:clamp(1rem,1.6vw,1.16rem);max-width:60ch;line-height:1.8;font-weight:300;}
.hub-meta{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:22px;color:var(--ink-400);font-size:.84rem;}
.hub-meta b{color:var(--em-700);font-weight:700;}
.hub-meta span{display:inline-flex;align-items:center;gap:7px;}
.gates{display:grid;gap:clamp(16px,2vw,22px);grid-template-columns:repeat(2,1fr);margin-top:clamp(10px,2vw,20px);}
.gates > *{animation:rise .55s cubic-bezier(.2,.7,.2,1) both;}
.gates > *:nth-child(1){animation-delay:.05s;} .gates > *:nth-child(2){animation-delay:.12s;}
.gates > *:nth-child(3){animation-delay:.19s;} .gates > *:nth-child(4){animation-delay:.26s;}

/* ── الاتجاه B: الميزان المحوريّ ── */
.axis{max-width:1080px;margin:0 auto;text-align:center;padding:clamp(20px,3vw,40px) clamp(16px,3vw,28px) 60px;}
.axis-mark{display:flex;justify-content:center;animation:rise .6s both;}
.axis h1{font-family:var(--font-disp);font-size:clamp(2.6rem,6vw,4.4rem);color:var(--em-900);line-height:1;margin:10px 0 4px;animation:rise .6s .05s both;}
.axis .latin{font-family:var(--font-lt);letter-spacing:.5em;font-size:.8rem;color:var(--gold-700);font-weight:600;}
.axis .lede{margin:20px auto 0;color:var(--ink-500);font-size:clamp(1rem,1.6vw,1.18rem);max-width:54ch;line-height:1.85;font-weight:300;animation:rise .6s .1s both;}
.beam{position:relative;display:flex;align-items:center;justify-content:center;gap:18px;margin:30px auto 14px;max-width:560px;animation:rise .6s .15s both;}
.beam .rail{height:3px;flex:1;background:linear-gradient(90deg,transparent,var(--gold-300),var(--gold),var(--gold-300),transparent);border-radius:2px;}
.beam .ful{width:13px;height:13px;background:var(--gold);transform:rotate(45deg);border-radius:3px;box-shadow:0 0 0 5px var(--gold-50);flex:none;}
.pans{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2.4vw,30px);text-align:start;}
.pan-h{display:flex;align-items:center;gap:10px;justify-content:center;margin-bottom:14px;font-family:var(--font-lt);
  font-size:.74rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-400);}
.pan-h .ln{height:1px;width:34px;background:var(--border-strong);}
.pan-col{display:flex;flex-direction:column;gap:clamp(14px,1.8vw,20px);}
.pan-col .gate{animation:rise .55s both;}
.pan-col .gate:nth-child(2){animation-delay:.08s;}

/* ── الاتجاه C: اللوحة الذكيّة ── */
.console{display:grid;grid-template-columns:minmax(0,1fr) 312px;gap:24px;align-items:start;}
.omni{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-2xl);box-shadow:var(--sh-md);padding:clamp(18px,2.2vw,26px);}
.omni-row{display:flex;align-items:center;gap:12px;border:1.5px solid var(--border);border-radius:16px;padding:6px 8px 6px 6px;transition:border-color .16s,box-shadow .16s;background:var(--surface);}
.omni-row:focus-within{border-color:var(--em-400);box-shadow:var(--focus);}
.omni-row .ic{color:var(--ink-400);padding-inline-start:8px;}
.omni-row input{flex:1;min-width:0;border:0;outline:0;background:none;font:inherit;font-size:1.04rem;color:var(--ink-900);padding:.5rem 0;}
.omni-row input::placeholder{color:var(--ink-400);}
.omni-route{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.omni-route .lbl{font-size:.8rem;color:var(--ink-400);font-weight:600;}
.routebtn{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);border-radius:var(--r-full);padding:.4rem .85rem;font-size:.85rem;font-weight:700;color:var(--accent-ink);background:var(--accent-soft);transition:all .16s;}
.routebtn:hover{border-color:var(--accent-bd);transform:translateY(-1px);}
.routebtn.dim{color:var(--ink-500);background:var(--surface);}
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;}
.tile{position:relative;overflow:hidden;display:flex;align-items:center;gap:14px;text-align:start;border:1px solid var(--border);background:var(--surface);border-radius:var(--r-xl);padding:16px 17px;cursor:pointer;transition:transform .22s,box-shadow .22s,border-color .2s;box-shadow:var(--sh-sm);}
.tile:hover{transform:translateY(-3px);box-shadow:var(--sh-md);border-color:var(--accent-bd);}
.tile .tic{width:46px;height:46px;flex:none;border-radius:13px;display:grid;place-items:center;color:var(--accent-ink);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-bd);}
.tile h4{font-size:1.06rem;color:var(--ink-900);}
.tile .ts{font-size:.8rem;color:var(--ink-400);margin-top:2px;line-height:1.5;}
.tile .tarr{margin-inline-start:auto;color:var(--accent-ink);opacity:0;transform:translateX(6px);transition:all .2s;flex:none;}
.tile:hover .tarr{opacity:1;transform:none;}
.side{display:flex;flex-direction:column;gap:16px;}
.statgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.statcard{border:1px solid var(--border);background:var(--surface);border-radius:var(--r-lg);padding:14px;box-shadow:var(--sh-sm);}
.statcard .v{font-family:var(--font-disp);font-size:1.7rem;font-weight:700;color:var(--em-700);line-height:1;}
.statcard .k{font-size:.76rem;color:var(--ink-400);margin-top:6px;line-height:1.4;}
.recent{display:flex;flex-direction:column;}
.recent .rh{font-size:.76rem;font-weight:700;color:var(--ink-400);letter-spacing:.04em;text-transform:uppercase;font-family:var(--font-lt);margin-bottom:6px;}
.recent-item{display:flex;align-items:center;gap:11px;width:100%;text-align:start;padding:11px 6px;border-bottom:1px solid var(--border);transition:background .15s;border-radius:8px;cursor:pointer;}
.recent-item:last-child{border-bottom:0;}
.recent-item:hover{background:var(--em-50);}
.recent-item .rdot{width:30px;height:30px;border-radius:9px;flex:none;display:grid;place-items:center;color:var(--accent-ink);background:var(--accent-soft);}
.recent-item .rt{font-size:.86rem;color:var(--ink-800);line-height:1.4;min-width:0;}
.recent-item .rt small{display:block;color:var(--ink-400);font-size:.74rem;font-family:var(--font-lt);margin-top:2px;}

/* ── W1.3 رأسُ اللوحةِ النتائجيّ + W1.5 أسئلةُ البدء + W1.12d شريطُ النطاق ── */
.console-hero{padding:clamp(18px,3vw,34px) 0 clamp(12px,1.8vw,20px);}
.console-hero h1{font-family:var(--font-disp);font-size:clamp(1.95rem,4.4vw,3rem);color:var(--em-900);line-height:1.12;margin:14px 0 0;letter-spacing:-.02em;}
.console-hero .dot-em{color:var(--gold);}
.console-lede{margin:13px 0 0;color:var(--ink-500);font-size:clamp(1rem,1.5vw,1.12rem);max-width:66ch;line-height:1.8;}
.starters{margin-top:18px;}
.starters-h{display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:700;color:var(--gold-700);margin:0 2px 11px;}
.starter-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;}
.starter{position:relative;display:flex;align-items:center;gap:11px;text-align:start;border:1px solid var(--border);
  background:var(--surface);border-radius:var(--r-lg);padding:13px 15px;cursor:pointer;box-shadow:var(--sh-sm);
  border-inline-start:3px solid var(--accent,var(--em-400));transition:transform .2s,box-shadow .2s,border-color .2s,background .2s;}
.starter:hover{transform:translateY(-2px);box-shadow:var(--sh-md);background:var(--accent-soft,var(--em-50));}
.starter-ic{width:34px;height:34px;flex:none;border-radius:10px;display:grid;place-items:center;
  color:var(--accent-ink,var(--em-700));background:var(--accent-soft,var(--em-50));box-shadow:inset 0 0 0 1px var(--accent-bd,var(--em-200));}
.starter-q{flex:1;min-width:0;font-size:.9rem;font-weight:600;color:var(--ink-800);line-height:1.55;}
.starter-go{flex:none;color:var(--accent-ink,var(--em-700));opacity:.35;transition:opacity .2s,transform .2s;}
.starter:hover .starter-go{opacity:1;transform:translateX(-4px);}
.starter .arr{transition:transform .2s;}
.scope-card{padding:16px;}
.scope-h{display:flex;align-items:center;gap:8px;font-size:.76rem;font-weight:700;color:var(--ink-400);
  letter-spacing:.04em;text-transform:uppercase;font-family:var(--font-lt);margin-bottom:12px;}
.scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;}
.scope-item{border:1px solid var(--em-200);background:var(--em-50);border-radius:var(--r-lg);padding:12px 13px;text-align:center;}
.scope-item .v{font-family:var(--font-lt);font-size:1.42rem;font-weight:700;color:var(--em-700);line-height:1;}
.scope-item .k{font-size:.74rem;color:var(--ink-500);margin-top:6px;line-height:1.4;}
.scope-note{display:flex;gap:7px;align-items:flex-start;font-size:.8rem;color:var(--ink-500);line-height:1.6;}
.scope-note svg{flex:none;margin-top:2px;color:var(--em-400);}

/* ════════ شاشة الدخول ════════ */
.auth{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.15fr);min-height:100dvh;}
.hero{position:relative;overflow:hidden;color:var(--ivory);padding:clamp(30px,4vw,60px);
  display:flex;flex-direction:column;justify-content:center;
  background:linear-gradient(155deg,#1A5C45 0%,var(--em-900) 54%,var(--em-950) 100%);}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(120% 72% at 88% -4%, rgba(201,164,92,.20), transparent 56%);}
.hero-wm{position:absolute;left:-7%;bottom:-13%;width:60%;opacity:.07;transform:rotate(-8deg);pointer-events:none;}
.hero-in{position:relative;max-width:466px;}
.hero h1{font-family:var(--font-disp);font-size:clamp(3rem,6vw,4.2rem);color:#fff;line-height:1;margin:16px 0 2px;}
.hero .latin{font-family:var(--font-lt);letter-spacing:.46em;font-size:.82rem;color:var(--gold-400);font-weight:600;margin-bottom:20px;}
.hero .tag{font-size:clamp(1rem,1.5vw,1.14rem);color:#DCEAE2;line-height:1.8;max-width:42ch;font-weight:400;}
.hero ul{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:10px;}
.hero li{position:relative;padding:12px 15px;padding-inline-start:36px;font-size:.92rem;color:#EAF3EE;line-height:1.55;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:13px;}
.hero li::before{content:"";position:absolute;inset-inline-start:15px;top:50%;width:8px;height:8px;
  transform:translateY(-50%) rotate(45deg);background:var(--gold-400);border-radius:2px;}
.hero-foot{position:relative;margin-top:32px;font-family:var(--font-lt);font-size:.77rem;letter-spacing:.04em;color:rgba(231,240,235,.6);}
.panel{display:flex;align-items:center;justify-content:center;padding:clamp(24px,4vw,48px);}
.card-auth{width:100%;max-width:404px;animation:rise .5s cubic-bezier(.2,.7,.2,1) both;}
.card-auth .lead{font-size:1.55rem;color:var(--ink-900);}
.card-auth .sub{color:var(--ink-500);font-size:.92rem;margin:6px 0 22px;}
.err{color:var(--danger);font-size:.86rem;min-height:20px;margin-top:4px;}
.auth-note{margin-top:18px;display:flex;align-items:center;gap:8px;color:var(--ink-400);font-size:.8rem;border-top:1px solid var(--border);padding-top:14px;}
.auth-note svg{flex:none;color:var(--em-400);}

/* accents */
.g-legal{--accent:var(--em);--accent-ink:var(--em-700);--accent-soft:var(--em-50);--accent-bd:var(--em-200);}
.g-public{--accent:var(--em-400);--accent-ink:var(--em-600);--accent-soft:#EEF6F1;--accent-bd:#D5E8DE;}
.g-tax{--accent:var(--gold);--accent-ink:var(--gold-700);--accent-soft:var(--gold-50);--accent-bd:var(--gold-300);}
.g-comp{--accent:var(--em-900);--accent-ink:var(--em-900);--accent-soft:#EAF1ED;--accent-bd:var(--em-200);}
/* REC 3 — gov gateways (inert until GOV_GATEWAYS_ON flips the hub tiles on) */
.g-customs{--accent:#0E6E6E;--accent-ink:#0B5E5E;--accent-soft:#E9F4F4;--accent-bd:#CFE7E7;}
.g-justice{--accent:#5B3E8E;--accent-ink:#4C347A;--accent-soft:#F1ECF8;--accent-bd:#E0D4F0;}

@media (max-width:980px){
  .gates{grid-template-columns:1fr;}
  .pans{grid-template-columns:1fr;gap:26px;}
  .console{grid-template-columns:minmax(0,1fr);}
  .console>div{min-width:0;}
  .side{flex-direction:row;flex-wrap:wrap;}
  .side > *{flex:1;min-width:240px;}
}
@media (max-width:680px){
  .tiles{grid-template-columns:1fr;}
  .starter-grid{grid-template-columns:1fr;}
}
@media (max-width:840px){
  .auth{grid-template-columns:1fr;} .hero{padding:32px 22px 26px;}
  .hero-in{max-width:none;} .hero ul{display:none;} .hero-foot{display:none;}
}