/* ============================================================
   auth.css — قشرة صفحات الدخول العامّة (تسجيل/بوابة/انتظار)
   مكتفيةٌ ذاتياً (رموزها + هويّتها) فلا تُحمَّل قشرةُ التطبيق ولا FontAwesome
   على المسار العام — أخفّ وأسرع. الأيقونات SVG مضمّنة في القوالب.
   ============================================================ */
:root{
  --accent:#0E5F63;--accent-2:#137076;--accent-deep:#0B4D50;--accent-ink:#0B4D50;--on-accent:#fff;--on-hero:#EAF1F1;
  --ink:#151D20;--muted:#5E6B6E;--muted-2:#7C878B;--edge:#E1E5EA;--edge-2:#868C96;--soft:#F4F6F8;--card:#fff;--bg:#FAFBFC;
  --ok:#157F49;--warn:#B45708;--bad:#C6362B;--focus:#0B4D50;
  --radius:6px;--radius-md:12px;--radius-lg:16px;
  --fs-2xs:.786rem;--fs-xs:.857rem;--fs-sm:.929rem;--fs-base:1rem;--fs-md:1.071rem;--fs-lg:1.214rem;--fs-xl:1.357rem;--fs-2xl:1.571rem;
  --font:-apple-system,BlinkMacSystemFont,"SF Arabic",system-ui,"Segoe UI",sans-serif;
}
*{box-sizing:border-box} html{font-size:87.5%}
body{margin:0;font-family:var(--font);background:var(--bg);color:var(--ink);min-height:100dvh}
.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum","lnum";direction:ltr;unicode-bidi:plaintext}
svg.i{width:20px;height:20px;stroke:currentColor;stroke-width:1.75;fill:none;stroke-linecap:round;stroke-linejoin:round}
.wrap{display:grid;grid-template-columns:1.05fr 1fr;min-height:100dvh}
@media(max-width:900px){.wrap{grid-template-columns:1fr}}

/* ═══ لوحة القيمة (يمين) ═══ */
.hero{position:relative;overflow:hidden;color:var(--on-accent);background:var(--accent-deep);
  display:flex;flex-direction:column;justify-content:space-between;padding:clamp(30px,4.5vw,58px);isolation:isolate}
.hero::before{content:"";position:absolute;inset:-8%;z-index:-2;filter:blur(30px);opacity:.72;
  background:radial-gradient(560px 560px at 30% 22%,var(--accent-2) 0%,transparent 60%),
             radial-gradient(640px 640px at 82% 88%,var(--accent) 0%,transparent 55%);
  transform:scale(1.04);animation:aurora 30s ease-in-out infinite alternate}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:48px 48px;-webkit-mask-image:linear-gradient(180deg,transparent,#000 10%,#000 90%,transparent)}
.scan{position:absolute;inset-inline:0;top:0;height:2px;z-index:-1;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);animation:scan 12s linear infinite}
@keyframes aurora{from{transform:translate3d(-3%,-2%,0) scale(1.04)}to{transform:translate3d(3%,3%,0) scale(1.04)}}
@keyframes scan{0%{transform:translateY(0);opacity:0}8%{opacity:1}92%{opacity:1}100%{transform:translateY(100vh);opacity:0}}
.htop{display:flex;flex-direction:column}
.hlogo{width:56px;height:56px;border-radius:var(--radius-lg);background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);display:grid;place-items:center;margin-bottom:16px}
.hlogo svg{width:30px;height:30px;stroke:#fff;stroke-width:2;fill:none}
.hname{font:800 clamp(1.5rem,2.4vw,2rem)/1.2 var(--font);letter-spacing:-.4px}
.hline{font-size:var(--fs-md);color:var(--on-hero);margin-top:8px;max-width:30ch;line-height:1.7}

/* بطاقة الفاتورة الحيّة — بؤرة اللوحة */
.inv{margin:24px 0;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-lg);
  padding:16px 18px;max-width:360px;backdrop-filter:blur(8px)}
.inv-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.inv-h b{font-size:var(--fs-sm);font-weight:800}
.inv-h .qr{width:34px;height:34px;border-radius:8px;background:#fff;display:grid;place-items:center}
.inv-h .qr svg{width:24px;height:24px;stroke:var(--accent-deep)}
.inv-row{display:flex;align-items:center;justify-content:space-between;font-size:var(--fs-2xs);color:var(--on-hero);padding:5px 0;opacity:.92}
.inv-row b{font-weight:700}
.inv-tot{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding-top:9px;font-weight:800;font-size:var(--fs-md);
  border-top:2px solid rgba(255,255,255,.5);box-shadow:0 3px 0 -1px rgba(255,255,255,.28)}
.inv-vat{display:flex;align-items:center;justify-content:space-between;font-size:var(--fs-2xs);color:var(--on-hero);opacity:.8;margin-top:8px}
.inv-stamp{display:inline-flex;align-items:center;gap:6px;margin-top:12px;background:rgba(21,127,73,.24);border:1px solid rgba(255,255,255,.22);
  color:#fff;border-radius:999px;padding:5px 12px;font-size:var(--fs-2xs);font-weight:800}
.inv-stamp svg{width:15px;height:15px;stroke:#fff}

.trust{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.badge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);
  border-radius:var(--radius);padding:5px 11px;font-size:var(--fs-2xs);font-weight:700;color:#fff}
.badge svg{width:14px;height:14px;stroke:#fff}
.hfoot{font-size:var(--fs-2xs);color:var(--on-hero);opacity:.78}

/* ═══ النموذج (يسار) ═══ */
.formcol{display:flex;align-items:center;justify-content:center;padding:clamp(24px,4vw,48px);border-inline-start:1px solid var(--edge);background:var(--card)}
.panel{width:100%;max-width:420px}
.head{margin-bottom:20px}
.t{font:800 var(--fs-2xl)/1.3 var(--font);position:relative;padding-inline-start:14px}
.t::before{content:"";position:absolute;inset-inline-start:0;top:5px;height:14px;width:5px;border-radius:2px;background:var(--accent);box-shadow:0 6px 0 -1px var(--accent-2)}
.s{font-size:var(--fs-sm);color:var(--muted);margin-top:6px;padding-inline-start:14px}
.field{position:relative;margin-bottom:6px}
.field input{width:100%;height:52px;padding:18px 42px 6px 42px;border-radius:var(--radius-md);font-size:var(--fs-base);font-weight:600;
  color:var(--ink);font-family:inherit;background:var(--soft);border:1.5px solid var(--edge-2);outline:none;transition:.16s}
.field input:focus{border-color:var(--accent);background:var(--card);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus) 55%,transparent)}
.field label{position:absolute;inset-inline-start:42px;top:16px;color:var(--muted);font-size:var(--fs-base);font-weight:600;pointer-events:none;transition:.16s}
.field input:focus+label,.field input.filled+label{top:8px;font-size:var(--fs-2xs);color:var(--accent-ink)}
.field .ic{position:absolute;inset-inline-start:14px;top:17px;color:var(--muted-2)}
.eye{position:absolute;inset-inline-end:6px;top:8px;width:40px;height:40px;background:none;border:none;cursor:pointer;color:var(--muted-2);display:grid;place-items:center;border-radius:var(--radius)}
.help{font-size:var(--fs-2xs);color:var(--muted);margin:4px 4px 13px;line-height:1.6}
/* حقل النطاق: إطارٌ واحدٌ [ input ][ .awfaerp.net ] */
.subgrp{display:flex;direction:ltr;border:1.5px solid var(--edge-2);border-radius:var(--radius-md);overflow:hidden;background:var(--soft)}
.subgrp:focus-within{border-color:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 30%,transparent)}
.subgrp input{flex:1;border:none;background:none;height:50px;padding:0 14px;font-size:var(--fs-base);font-weight:700;color:var(--ink);font-family:inherit;outline:none;text-align:left}
.subgrp .suf{display:flex;align-items:center;padding:0 12px;background:#eef4f4;color:var(--muted);font-size:var(--fs-sm);border-inline-start:1px solid var(--edge)}
.sublbl{font-size:var(--fs-sm);font-weight:700;color:var(--ink);margin:0 2px 7px;display:block}
.substat{display:flex;align-items:center;gap:6px;font-size:var(--fs-2xs);font-weight:700;color:var(--ok);margin:7px 2px 4px;min-height:16px}
.substat svg{width:14px;height:14px;stroke:var(--ok)}
/* قوة كلمة المرور */
.pw{display:flex;align-items:center;gap:9px;margin:7px 2px 4px;min-height:16px}
.pwbar{flex:1;display:flex;gap:4px}
.pwseg{height:4px;flex:1;border-radius:3px;background:var(--edge)}
.pwseg.f{background:var(--ok)}
.pwlbl{font-size:var(--fs-2xs);font-weight:800;color:var(--ok);white-space:nowrap}
.btn{width:100%;height:50px;border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:800;font-size:var(--fs-md);
  color:var(--on-accent);font-family:inherit;display:flex;align-items:center;justify-content:center;gap:9px;background:var(--accent);margin-top:8px}
.reassure{display:flex;align-items:center;gap:7px;font-size:var(--fs-2xs);color:var(--muted);margin:14px 2px;line-height:1.6}
.reassure svg{width:14px;height:14px;stroke:var(--accent-ink);flex:none}
.terms{text-align:center;font-size:var(--fs-2xs);color:var(--muted);margin-top:4px}
.terms a{color:var(--accent-ink);font-weight:700;text-decoration:none}
.foot{text-align:center;font-size:var(--fs-sm);color:var(--muted);margin-top:16px}
.foot a{color:var(--accent-ink);font-weight:700;text-decoration:none}
@media(prefers-reduced-motion:reduce){.hero::before{animation:none}.scan{display:none}}

/* حالات فحص الرابط + شريط الخطأ */
.substat{transition:color .15s}
.substat.muted{color:var(--muted)} .substat.muted svg{display:none}
.substat.warn{color:var(--warn)} .substat.warn svg{display:none}
.substat.bad{color:var(--bad)} .substat.bad svg{display:none}
.substat.ok{color:var(--ok)}
.substat:empty{min-height:16px}
.salert{display:flex;align-items:center;gap:9px;padding:11px 14px;border-radius:var(--radius-md);margin-bottom:14px;
  font-size:var(--fs-sm);font-weight:700;background:var(--bad-soft,#FBEBE9);color:var(--bad-ink,#991b1b);
  border:1px solid color-mix(in srgb,var(--bad) 30%,transparent)}
.salert[hidden]{display:none}
.salert svg{flex:none;stroke:currentColor}
.pw[hidden]{display:none}