/* 5.169.0 — 2026-09-23 «البوابة»: صفحة الدخول الواحدة (views/layouts/gate.php + views/public/gate.php). ملف مستقل مثل holding.css:
   يرث الخطوط والخلفية والكرة من holding.css وتنسيق الحقول من auth-enterprise.css، ويضيف البطاقة والتبويبات واللوحات. */
.gt-body{overflow-x:hidden}
.gt-top{padding-block:14px}
.gt-main{position:relative;z-index:1;flex:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,460px);align-items:center;gap:clamp(20px,4vw,64px);width:min(1240px,100%);margin:0 auto;padding:6px clamp(18px,4vw,48px) 24px}
.gt-stage{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}
.gt-globe-wrap{--hg-globe:clamp(240px,min(34vw,calc(100svh - 420px)),400px);margin:calc(var(--hg-globe) * .06 + 18px) auto 6px}
.gt-copy{text-align:center;max-width:560px;animation:hgRise .9s ease .5s both}
.gt-title{margin:0;font-size:clamp(1.7rem,3.6vmin,2.4rem);font-weight:800;line-height:1.18;letter-spacing:-.02em;text-wrap:balance}
.gt-title em{display:block;font-style:normal;color:var(--hg-mint);font-weight:700;font-size:.72em;margin-top:4px}
.gt-lead{margin:12px auto 0;max-width:52ch;color:var(--hg-muted);font-size:clamp(.9rem,1.7vmin,1rem);line-height:1.85;text-wrap:balance}
.gt-trust{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:16px 0 0;padding:0}
.gt-trust li{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid var(--hg-line);border-radius:999px;background:rgba(255,255,255,.05);font-size:.8rem;font-weight:700;color:var(--hg-text);backdrop-filter:blur(6px)}
.gt-trust svg{width:16px;height:16px;fill:none;stroke:var(--hg-mint);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
/* البطاقة */
.gt-card-wrap{display:flex;flex-direction:column;align-items:stretch;gap:12px;animation:hgRise .8s cubic-bezier(.2,.8,.2,1) .25s both}
.gt-card{--auth-ink:#0e2d5a;--auth-muted:#5f737f;position:relative;width:100%;max-width:none;margin:0;padding:26px 26px 20px;border-radius:24px;background:#fff;color:#172b3a;box-shadow:0 40px 90px -30px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.08);overflow:hidden}
.gt-card::before{content:"";position:absolute;inset-inline:0;top:0;height:4px;background:linear-gradient(90deg,var(--hg-accent),color-mix(in srgb,var(--hg-accent) 40%,#fff))}
.gt-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.gt-logo{display:flex;align-items:center;gap:10px;min-width:0}.gt-logo img{width:42px;height:42px;border-radius:12px;object-fit:contain;background:#fff;border:1px solid #e6edf2}
.gt-logo .t1{display:block;font-weight:850;font-size:1rem;color:#0e2d5a;letter-spacing:-.01em}.gt-logo .t2{display:block;font-size:.72rem;color:#6b7a90;font-weight:700}
.gt-card .auth-context-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:#eef8f4;color:#0f7a5a;font-size:.7rem;font-weight:800;white-space:nowrap}
.gt-card .auth-context-badge::before{content:"";width:7px;height:7px;border-radius:50%;background:#14966f;box-shadow:0 0 0 3px rgba(20,150,111,.18)}
.gt-flash{margin-bottom:12px}
/* الهدية: الذاكرة الذكية */
.gt-welcome{display:flex;align-items:center;gap:8px;margin:0 0 12px;padding:9px 12px;border-radius:12px;background:linear-gradient(90deg,#f1f8ff,#f6fbf9);border:1px solid #dbe8f2;font-size:.8rem;color:#23405a;animation:gtIn .4s ease both}
.gt-welcome b{color:#0e2d5a}.gt-welcome-dot{width:8px;height:8px;border-radius:50%;background:var(--hg-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--hg-accent) 22%,transparent)}
.gt-welcome .gt-link{margin-inline-start:auto;font-size:.72rem}
/* التبويبات */
.gt-tabs{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;padding:4px;margin:0 0 18px;border-radius:14px;background:#eef2f6}
.gt-tab{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 6px;border:0;border-radius:11px;background:transparent;color:#4d5d6d;font:inherit;font-size:.82rem;font-weight:800;cursor:pointer;transition:color .2s}
.gt-tab svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.gt-tab.on{color:#0e2d5a}.gt-tab:focus-visible{outline:2px solid rgba(20,150,111,.45);outline-offset:1px}
.gt-tabs-ind{position:absolute;top:4px;bottom:4px;left:0;width:0;border-radius:11px;background:#fff;box-shadow:0 6px 16px -8px rgba(7,26,43,.5),0 0 0 1px #dfe7ee;transition:transform .32s cubic-bezier(.2,.8,.2,1),width .32s cubic-bezier(.2,.8,.2,1);pointer-events:none}
/* اللوحات */
.gt-panels{position:relative}
.gt-panel{animation:gtIn .36s cubic-bezier(.2,.8,.2,1) both}
.gt-panel[hidden]{display:none!important}
@keyframes gtIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.gt-card .auth-form-head{margin-bottom:16px}.gt-card .auth-form-head h2{font-size:1.2rem}
.gt-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;margin-top:14px}
.gt-link{border:0;background:none;padding:2px 0;font:inherit;font-size:.78rem;font-weight:750;color:#176b87;cursor:pointer;text-decoration:none}.gt-link:hover{text-decoration:underline}
.gt-back{display:inline-flex;align-items:center;gap:4px;margin:0 0 10px;padding:6px 10px 6px 6px;border:1px solid #dfe7ee;border-radius:999px;background:#fff;color:#0e2d5a;font:inherit;font-size:.74rem;font-weight:800;cursor:pointer}
.gt-back svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.gt-back:hover{background:#f4f8fb}
.gt-panel-sub .auth-alt a[href="/login"]{display:none}
.gt-pk{margin-top:12px}
.gt-security{margin:18px -4px -6px}
.gt-foot-note{margin:0;text-align:center;color:var(--hg-muted);font-size:.74rem}.gt-foot-note a{color:var(--hg-text);text-decoration:none;font-weight:700}.gt-foot-note a:hover{text-decoration:underline}
/* لوحة التطبيق */
.gt-app{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center}
.gt-qr{display:grid;justify-items:center;gap:6px;padding:10px;border:1px solid #e6edf2;border-radius:14px;background:#fff}.gt-qr svg{width:150px;height:150px;display:block}.gt-qr small{color:#6b7a90;font-size:.7rem;text-align:center}
.gt-steps{margin:0;padding-inline-start:18px;font-size:.84rem;line-height:1.8;color:#334b5b}.gt-steps b{color:#0e2d5a}
/* نبض الخدمة (هدية): تُحدَّث من /health */
.gt-pulse i{transition:background .3s}.gt-pulse.is-down i{background:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.25)}
.gt-pulse.is-down{color:#fcd9a0}
/* خطوات ما بعد الدخول (رمز التحقق، التفعيل…) تُعرض داخل البطاقة نفسها */
.gt-step .gt-card h2{margin:0 0 6px;color:#0e2d5a;font-size:1.25rem;font-weight:850}
.gt-step .gt-card .auth-note{margin-top:10px}
.gt-caps{display:none;margin:-8px 0 12px;padding:6px 10px;border-radius:9px;background:#fff7ed;color:#9a3412;font-size:.72rem;font-weight:700}.gt-caps.on{display:block}
/* لافتة الانقطاع من wasil-ux.js: تنسيقها في حزمة الإدارة فقط، فتُكرَّر هنا كي لا تظهر إلا عند الانقطاع فعلاً */
.gt-body .ws-offline{position:fixed;left:0;right:0;bottom:0;z-index:3100;background:#a83a3a;color:#fff;text-align:center;font-weight:800;font-size:.85rem;padding:9px 14px;transform:translateY(110%);transition:transform .3s}.gt-body .ws-offline.on{transform:none}
/* الهاتف */
@media(max-width:960px){
 .gt-main{grid-template-columns:1fr;gap:10px;padding-top:0;align-items:start}
 .gt-stage{order:2}.gt-card-wrap{order:1}
 .gt-globe-wrap{--hg-globe:clamp(170px,44vw,240px);margin:10px auto 0}
 .gt-copy{max-width:100%}.gt-title{font-size:1.4rem}.gt-lead{font-size:.88rem}
 .gt-card{padding:20px 18px 16px;border-radius:20px}
 .gt-tab{font-size:.76rem;gap:4px}.gt-tab svg{width:14px;height:14px}
}
@media(max-width:420px){.gt-tab span{display:none}.gt-app{grid-template-columns:1fr;justify-items:center}}
@media(prefers-reduced-motion:reduce){.gt-panel,.gt-welcome,.gt-card-wrap,.gt-copy{animation:none!important}.gt-tabs-ind{transition:none}}
/* 5.169.1 — 2026-09-23 (بطلب المالك: «احترافي إبداعي أكثر، اللوغو يتحرك، الاسم بالإنجليزية») */
.gt-aurora{position:absolute;width:min(60vw,720px);aspect-ratio:1;border-radius:50%;filter:blur(70px);opacity:.28;pointer-events:none;mix-blend-mode:screen}
.gt-aurora-a{left:-10%;top:10%;background:radial-gradient(circle,color-mix(in srgb,var(--hg-accent) 70%,#fff) 0%,transparent 60%);animation:gtAuroraA 26s ease-in-out infinite alternate}
.gt-aurora-b{right:-12%;bottom:-8%;background:radial-gradient(circle,color-mix(in srgb,var(--hg-navy) 40%,#6fb4ff) 0%,transparent 60%);animation:gtAuroraB 32s ease-in-out infinite alternate}
@keyframes gtAuroraA{from{transform:translate(0,0) scale(1)}to{transform:translate(12vw,8vh) scale(1.15)}}
@keyframes gtAuroraB{from{transform:translate(0,0) scale(1.1)}to{transform:translate(-10vw,-10vh) scale(.95)}}
/* الاسم بالإنجليزية أولاً */
.gt-wordmark{display:flex;flex-direction:column;line-height:1.05}.gt-wordmark b{font-size:1.12rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.gt-wordmark small{font-size:.68rem;font-weight:700;color:var(--hg-mint);letter-spacing:.02em}
.gt-core-en{font-size:clamp(1rem,2.4vmin,1.3rem);font-weight:800;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 2px 18px rgba(0,0,0,.6)}
.gt-core small{margin-top:-4px;font-size:.78rem;font-weight:700;color:var(--hg-mint);text-shadow:0 2px 12px rgba(0,0,0,.6)}
.gt-title-en{display:block;margin-bottom:6px;font-size:.62em;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#fff;opacity:.92}
.gt-logo .t1{font-family:inherit;letter-spacing:.06em;text-transform:uppercase;font-size:.95rem}
/* الشعار الحي: يطفو، حلقة تدور، وقمر صغير يدور حوله — يحترم «تقليل الحركة» ومفتاح إيقاف الحركة */
.gt-mark{position:relative;display:inline-grid;place-items:center;flex:none}
.gt-mark>img,.gt-mark>.hg-core-disc{position:relative;z-index:1;animation:gtFloat 5s ease-in-out infinite}
.gt-mark-sm{width:44px;height:44px}.gt-mark-sm>img{width:40px;height:40px;border-radius:12px;object-fit:contain;background:#fff}
.gt-mark-ring{position:absolute;inset:-4px;border-radius:50%;border:1.5px solid transparent;border-top-color:var(--hg-accent);border-right-color:color-mix(in srgb,var(--hg-accent) 35%,transparent);animation:gtSpin 6s linear infinite;pointer-events:none}
.gt-mark-lg{width:100%;height:100%}.gt-mark-lg .gt-mark-ring{inset:-14%;border-width:2px}.gt-mark-lg .gt-mark-ring-2{inset:-26%;border-top-color:rgba(255,255,255,.35);border-right-color:transparent;animation-duration:11s;animation-direction:reverse}
.gt-mark-sat{position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:#fff;box-shadow:0 0 12px 3px color-mix(in srgb,var(--hg-accent) 70%,#fff);animation:gtOrbit 7s linear infinite;pointer-events:none}
@keyframes gtFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes gtSpin{to{transform:rotate(360deg)}}
@keyframes gtOrbit{from{transform:rotate(0deg) translateX(calc(var(--hg-globe) * .115)) rotate(0deg)}to{transform:rotate(360deg) translateX(calc(var(--hg-globe) * .115)) rotate(-360deg)}}
.gt-card .gt-mark-sm>img{border:1px solid #e6edf2}.gt-card .gt-mark-ring{border-top-color:#14966f;border-right-color:rgba(20,150,111,.3)}
.gt-brand:hover .gt-mark>img{transform:rotate(-6deg) scale(1.06);transition:transform .3s}
/* البطاقة: شريط علوي متلألئ وزر بتدرّج وسهم */
.gt-card::before{background:linear-gradient(90deg,var(--hg-accent),color-mix(in srgb,var(--hg-accent) 30%,#fff),var(--hg-accent));background-size:200% 100%;animation:gtShimmer 6s linear infinite}
@keyframes gtShimmer{to{background-position:200% 0}}
.gt-card .btn-primary{position:relative;background:linear-gradient(135deg,#12395b,#0b2542);border-color:#0b2542;overflow:hidden}
.gt-card .btn-primary::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent);transform:translateX(-120%);transition:transform .6s}
.gt-card .btn-primary:hover::after{transform:translateX(120%)}
.gt-tab.on svg{color:var(--hg-accent)}
/* هدية: تحية بحسب الوقت + الساعة الحية */
.gt-clock{margin:10px 0 0;font-size:.82rem;color:var(--hg-mint);font-weight:700;font-variant-numeric:tabular-nums}.gt-clock-sep{margin:0 8px;opacity:.5}.gt-clock[hidden]{display:none}
.gt-welcome-sub{display:block;font-size:.7rem;color:#5f737f;font-weight:600}
@media(max-width:960px){.gt-aurora{width:90vw;opacity:.22}.gt-title-en{font-size:.55em;letter-spacing:.14em}}
@media(prefers-reduced-motion:reduce){.gt-aurora,.gt-mark>img,.gt-mark>.hg-core-disc,.gt-mark-ring,.gt-mark-sat,.gt-card::before{animation:none!important}}
.gt-still .gt-aurora,.gt-still .gt-mark>img,.gt-still .gt-mark>.hg-core-disc,.gt-still .gt-mark-ring,.gt-still .gt-mark-sat,.gt-still .gt-card::before{animation:none!important}
/* 5.172.0 — 2026-09-24 صفحة الدخول على الهاتف (بطلب المالك: «الخطوط والعناصر ضخمة وتضعف التركيز»): تسلسل بصري أهدأ بلا تغيير هوية —
   عنوان أوضح وأصغر، حقول وأزرار بمقاس لمس مناسب (44/46)، نصوص ثانوية أخف، مسافات أقل، وإخفاء الزينة (الكرة وشارات الثقة) تحت البطاقة حتى لا يطول التمرير. مُلحق في النهاية؛ لا إعادة ترتيب. */
@media(max-width:575.98px){
 .gt-main{gap:12px;padding:8px 12px 14px}
 .gt-card{padding:16px 14px 12px;border-radius:18px}
 .gt-head{gap:8px;margin-bottom:6px}.gt-head .gt-mark-sm img{width:32px;height:32px}.gt-head .t1{font-size:.84rem}.gt-head .t2{font-size:.66rem}.gt-head .auth-context-badge{display:none}
 .gt-tabs{margin:6px 0 10px}.gt-tab{min-height:38px;font-size:.74rem;padding:6px 8px;gap:4px}.gt-tab svg{width:13px;height:13px}
 .gt-card .auth-form-head{margin-bottom:8px}.gt-card .auth-form-head h2{font-size:1.02rem;font-weight:800;letter-spacing:0}
 .gt-card .form-label{font-size:.78rem;font-weight:700;margin-bottom:4px}.gt-card .auth-field{margin-bottom:10px}
 .gt-card .form-control{min-height:44px;font-size:16px;padding:8px 12px;border-radius:10px}
 .gt-card .btn-primary{min-height:46px;font-size:.9rem;border-radius:10px}
 .gt-links{gap:2px 10px;margin-top:6px}.gt-link{font-size:.76rem;min-height:36px;padding:6px 4px}
 .gt-card .auth-alt,.gt-card .auth-note{font-size:.76rem;margin-top:6px}.gt-card .auth-card-security,.gt-security{font-size:.68rem;margin-top:8px}
 .gt-card .auth-form-head p{display:block;font-size:.74rem}
 .gt-stage{padding-top:4px}.gt-globe-wrap,.gt-trust,.gt-clock{display:none}
 .gt-title{font-size:1.1rem;margin-bottom:4px}.gt-title em{font-size:.72em}.gt-lead{font-size:.8rem;line-height:1.55}
 .gt-foot-note{font-size:.7rem;margin-top:6px}
 .hg-top.gt-top{padding:8px 12px}.gt-wordmark b{font-size:.98rem}.gt-wordmark small{font-size:.62rem}.gt-top .gt-mark-sm img{width:34px;height:34px}
 .gt-panel-sub .gt-back{font-size:.74rem;min-height:36px}
 .gt-flash{font-size:.8rem;padding:8px 10px}
}
@media(max-width:575.98px) and (max-height:700px){.gt-stage{display:none}}

/* 5.190.0 — 2026-09-30 «الخزنة» (بطلب المالك: «شاشة دخول تعطي قوة وفخامة للنظام»): طبقة شكل فقط فوق البوابة — لا حقل ولا مسار ولا سلوك تغيّر.
   البطاقة زجاج داكن بحافة ذهبية رفيعة، حقول داكنة بتركيز مضيء، زر بلون الهوية، ونقش «غيلوشي» كنقوش الأوراق النقدية خلف البطاقة
   (يُرسم في gate.js على لوحة واحدة). كل شيء تحت @media screen كي تبقى الطباعة (ورقة الرموز الاحتياطية) بيضاء كما هي. مُلحق في النهاية؛ لا إعادة ترتيب. */
@media screen{
.gt-body{--gt-gold:#d6bd8a;--gt-gold-2:#b89a5e;--gt-gold-line:rgba(214,189,138,.34);--gt-text:#eef3f8;--gt-muted:#9db0c2;--gt-soft:#c3d1dd;--gt-line:rgba(206,222,238,.12);--gt-field:rgba(3,11,21,.55);--gt-field-hi:rgba(3,11,21,.72);--gt-glass:rgba(12,29,48,.74)}
.gt-body .hg-bg::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 40%,transparent 55%,rgba(2,7,14,.55) 100%);pointer-events:none}

/* النقش خلف البطاقة */
:root:has(.gt-body){overflow-x:clip}
.gt-body{overflow-x:clip}
.gt-card-wrap{position:relative;isolation:isolate}
.gt-guilloche{position:absolute;left:50%;top:50%;z-index:-1;pointer-events:none;transform:translate(-50%,-50%);opacity:0;transition:opacity 1.2s ease}
.gt-guilloche.on{opacity:1;animation:gtRosette 240s linear infinite}
@keyframes gtRosette{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}

/* المسرح: عنوان أثقل وتوقيع ذهبي */
.gt-title{font-size:clamp(2rem,4.4vmin,3rem);font-weight:900;letter-spacing:-.025em;text-shadow:0 10px 40px rgba(0,0,0,.45)}
.gt-title-en{color:var(--gt-gold);opacity:1;font-size:.42em;letter-spacing:.42em;margin-bottom:12px}
.gt-title em{background:linear-gradient(90deg,var(--hg-mint),#e9f7f1 55%,var(--gt-gold));-webkit-background-clip:text;background-clip:text;color:transparent}
.gt-copy .hg-eyebrow{color:var(--gt-gold);letter-spacing:.08em}
.gt-trust li{background:rgba(255,255,255,.025);border-color:var(--gt-gold-line);color:#eadfc6}
.gt-trust svg{stroke:var(--gt-gold)}

/* البطاقة: زجاج داكن بحافة ذهبية */
.gt-card{--auth-ink:var(--gt-text);--auth-muted:var(--gt-muted);color:var(--gt-text);border:1px solid transparent;border-radius:26px;background:linear-gradient(180deg,rgba(17,39,63,.9),rgba(7,19,33,.94)) padding-box,linear-gradient(155deg,rgba(214,189,138,.7),rgba(214,189,138,.08) 32%,rgba(255,255,255,.05) 60%,color-mix(in srgb,var(--hg-accent) 55%,transparent)) border-box;-webkit-backdrop-filter:blur(18px) saturate(1.15);backdrop-filter:blur(18px) saturate(1.15);box-shadow:0 60px 120px -40px rgba(0,0,0,.9),0 0 0 1px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.07)}
.gt-card::before{height:1px;inset-inline:28px;background:linear-gradient(90deg,transparent,var(--gt-gold),transparent);background-size:100% 100%;animation:none}
.gt-card h2,.gt-card h3,.gt-card h5,.gt-card h6,.gt-card .h6,.gt-card b,.gt-card strong{color:var(--gt-text)}
.gt-card .auth-form-head h2,.gt-step .gt-card h2{color:#fff;font-weight:850;letter-spacing:-.015em}
.gt-card .auth-form-head p{color:var(--gt-muted)}
.gt-head{padding-bottom:14px;border-bottom:1px solid;border-image:linear-gradient(90deg,transparent,var(--gt-gold-line),transparent) 1}
.gt-logo .t1{color:#fff}
.gt-logo .t2{color:var(--gt-gold)}
.gt-card .gt-mark-sm>img{border-color:rgba(214,189,138,.4)}
.gt-card .gt-mark-ring{border-top-color:var(--gt-gold);border-right-color:rgba(214,189,138,.25)}
.gt-card .auth-context-badge{background:rgba(20,150,111,.12);color:var(--hg-mint);border:1px solid rgba(155,227,201,.2)}

/* الذاكرة الذكية */
.gt-welcome{background:linear-gradient(90deg,rgba(214,189,138,.09),rgba(255,255,255,.03));border-color:var(--gt-gold-line);color:var(--gt-soft)}
.gt-welcome b{color:#fff}
.gt-welcome-sub{color:var(--gt-muted)}
.gt-welcome-dot{background:var(--gt-gold);box-shadow:0 0 0 3px rgba(214,189,138,.2)}

/* التبويبات */
.gt-tabs{background:rgba(255,255,255,.035);box-shadow:inset 0 0 0 1px var(--gt-line)}
.gt-tab{color:var(--gt-muted)}
.gt-tab:hover{color:var(--gt-text)}
.gt-tab.on{color:#fff}
.gt-tab.on svg{color:var(--gt-gold)}
.gt-tabs-ind{background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.05));box-shadow:inset 0 0 0 1px rgba(214,189,138,.38),0 8px 20px -10px rgba(0,0,0,.8)}
.gt-tab:focus-visible{outline-color:var(--gt-gold)}

/* الحقول */
.gt-card .form-label{color:var(--gt-soft)}
.gt-card .auth-field:focus-within .form-label{color:var(--gt-gold)}
.gt-card .form-control,.gt-card .form-select{background-color:var(--gt-field);border-color:rgba(206,222,238,.16);color:var(--gt-text);caret-color:var(--gt-gold)}
.gt-card .form-control::placeholder{color:#6f8599;opacity:1}
.gt-card .form-control:hover{border-color:rgba(206,222,238,.28)}
.gt-card .form-control:focus,.gt-card .form-select:focus{background-color:var(--gt-field-hi);color:#fff;border-color:color-mix(in srgb,var(--hg-accent) 75%,#fff);box-shadow:0 0 0 4px color-mix(in srgb,var(--hg-accent) 22%,transparent),0 0 24px -6px color-mix(in srgb,var(--hg-accent) 55%,transparent)}
.gt-card .form-control:-webkit-autofill,.gt-card .form-control:-webkit-autofill:hover,.gt-card .form-control:-webkit-autofill:focus{-webkit-text-fill-color:var(--gt-text);-webkit-box-shadow:0 0 0 1000px #0a1828 inset;caret-color:var(--gt-gold);transition:background-color 9999s}
.gt-card .auth-field::after,.gt-card .otp-wrap::after{background:linear-gradient(90deg,var(--gt-gold),var(--hg-accent))}
.gt-card .pw-eye{color:#8ea3b6}
.gt-card .pw-eye:hover{color:#fff}
.gt-card .form-check-input{background-color:var(--gt-field);border-color:rgba(206,222,238,.3)}
.gt-card .form-check-input:checked{background-color:var(--hg-accent);border-color:var(--hg-accent)}
.gt-card .form-text,.gt-card .text-muted{color:var(--gt-muted)!important}
.gt-caps{background:rgba(245,158,11,.12);color:#f8d49a;border:1px solid rgba(245,158,11,.25)}

/* الأزرار */
.gt-card .btn-primary{color:#fff;font-weight:850;letter-spacing:.01em;border:0;background:linear-gradient(135deg,color-mix(in srgb,var(--hg-accent) 82%,#fff),var(--hg-accent) 42%,color-mix(in srgb,var(--hg-accent) 62%,#02140e));box-shadow:0 16px 34px -14px color-mix(in srgb,var(--hg-accent) 80%,transparent),inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(0,0,0,.2);transition:transform .2s,box-shadow .2s,filter .2s}
.gt-card .btn-primary:hover,.gt-card .btn-primary:focus-visible{color:#fff;filter:brightness(1.07);box-shadow:0 20px 40px -14px color-mix(in srgb,var(--hg-accent) 90%,transparent),inset 0 1px 0 rgba(255,255,255,.34)}
.gt-card .btn-primary:active{transform:translateY(1px)}
.gt-card .btn-primary:focus-visible{outline:2px solid var(--gt-gold);outline-offset:2px}
.gt-card .btn-primary:disabled{filter:grayscale(.6) brightness(.8);box-shadow:none}
.gt-card .btn-outline-primary{color:var(--gt-gold);border-color:var(--gt-gold-line);background:transparent}
.gt-card .btn-outline-primary:hover,.gt-card .btn-outline-primary:focus-visible{color:#fff;background:rgba(214,189,138,.12);border-color:var(--gt-gold)}
.gt-card .btn-link{color:var(--gt-muted)}
.gt-card .btn-link:hover{color:#fff}

/* الروابط والملاحظات */
.gt-link,.gt-card .auth-alt a,.gt-card .tfa2-stores a{color:var(--hg-mint)}
.gt-link:hover,.gt-card .auth-alt a:hover{color:#fff}
.gt-card .auth-alt{color:var(--gt-muted)}
.gt-card .auth-note{background:rgba(20,150,111,.07);border-color:rgba(155,227,201,.16);color:#b9d8cc}
.gt-card .auth-note::before{background:rgba(155,227,201,.14);color:var(--hg-mint)}
.gt-card .auth-note.auth-note-security{color:#d7e3ee}
.gt-card .auth-card-security,.gt-security{border-top-color:var(--gt-line);color:#8195a8}
.gt-card .auth-card-security svg{stroke:var(--gt-gold)}
.gt-back{background:rgba(255,255,255,.04);border-color:var(--gt-line);color:var(--gt-text)}
.gt-back:hover{background:rgba(255,255,255,.08)}

/* التنبيهات داخل البطاقة الداكنة */
.gt-card .alert{border-width:1px}
.gt-card .alert-warning{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.28);color:#f7d8a2}
.gt-card .alert-success{background:rgba(20,150,111,.12);border-color:rgba(155,227,201,.28);color:#bdeede}
.gt-card .alert-danger{background:rgba(239,68,68,.12);border-color:rgba(248,113,113,.32);color:#fecaca}
.gt-card .alert-info,.gt-card .alert-primary,.gt-card .alert-secondary{background:rgba(96,165,250,.1);border-color:rgba(147,197,253,.26);color:#cfe3fb}
.gt-card code,.gt-card .mono{color:var(--gt-gold)}
.gt-card .table{--bs-table-bg:transparent;--bs-table-color:var(--gt-text);--bs-table-border-color:var(--gt-line);color:var(--gt-text)}

/* لوحة التطبيق وكل رمز QR: خلفية بيضاء دائماً كي يُقرأ */
.gt-qr{border-color:rgba(214,189,138,.4)}
.gt-card .qr-box{background:#fff;border-radius:14px;padding:.5rem;width:max-content;margin:.4rem auto;box-shadow:0 0 0 1px rgba(214,189,138,.4)}
.gt-card .qr-box svg{display:block}
.gt-steps{color:var(--gt-soft)}
.gt-steps b{color:#fff}

/* خطوات الانضمام وتفعيل تطبيق المصادقة والرموز الاحتياطية */
.gt-card .jn-steps li{color:#7f93a6}
.gt-card .jn-steps li::before{background:rgba(255,255,255,.12)}
.gt-card .jn-steps .jn-dot{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.16);color:var(--gt-soft)}
.gt-card .jn-steps .jn-s-done .jn-dot{background:var(--hg-accent);border-color:var(--hg-accent);color:#fff}
.gt-card .jn-steps .jn-s-done::before,.gt-card .jn-steps .jn-s-now::before{background:var(--hg-accent)}
.gt-card .jn-steps .jn-s-now .jn-dot{background:#0b1d31;border-color:var(--gt-gold);color:var(--gt-gold);box-shadow:0 0 0 6px rgba(214,189,138,.12)}
.gt-card .jn-steps .jn-s-now .jn-label{color:#fff}
.gt-card .jn-steps .jn-s-done .jn-label{color:var(--hg-mint)}
.gt-card .tfa2-block{background:rgba(255,255,255,.03);border-color:var(--gt-line)}
.gt-card .tfa2-head{color:var(--gt-text)}
.gt-card .tfa2-n{background:rgba(214,189,138,.16);color:var(--gt-gold);box-shadow:inset 0 0 0 1px var(--gt-gold-line)}
.gt-card .tfa2-hint,.gt-card .tfa2-stores,.gt-card .tfa2-status,.gt-card .tfa2-keylabel small{color:var(--gt-muted)}
.gt-card .tfa2-status.is-ok{color:var(--hg-mint)}
.gt-card .tfa2-key{border-color:var(--gt-gold-line)}
.gt-card .tfa2-keylabel{color:var(--gt-soft)}
.gt-card .tfa2-code{background:var(--gt-field);border-color:var(--gt-gold-line);color:var(--gt-gold)}
.gt-card .tfa2-form{border-top-color:var(--gt-line)}
.gt-card .bc-sheet .bc-meta{color:var(--gt-muted)}
.gt-card .bc-grid li{background:var(--gt-field);border-color:var(--gt-line)}
.gt-card .bc-grid .n{background:rgba(214,189,138,.14);color:var(--gt-gold)}
.gt-card .bc-grid code{color:#fff}
.gt-card .bc-grid .used-box{border-color:var(--gt-muted)}
.gt-card .bc-ack{color:var(--gt-soft)}

@media(min-width:576px){
 .gt-card{padding:28px 28px 22px}
 .gt-card .form-control{min-height:50px;border-radius:12px}
 .gt-card .btn-primary.btn-lg{min-height:54px;border-radius:14px;font-size:1rem}
}
@media(max-width:960px){.gt-title{font-size:1.6rem}}
@media(max-width:575.98px){.gt-card{border-radius:20px}.gt-title{font-size:1.2rem}.gt-title-en{letter-spacing:.3em}}
@media(prefers-reduced-motion:reduce){.gt-guilloche.on{animation:none}.gt-card .btn-primary{transition:none}}
.gt-still .gt-guilloche.on{animation:none}
}

/* ===== 5.200.0 (2026-10-03) — الجولة الفنية الشاملة: أصغر نص في البوابة 11px (كان «Wasil Pro» فوق العنوان 8px على الهاتف، و«واصل برو» تحت الشعار 9.9px)،
   وفاصل للهواتف القديمة: Safari قبل الإصدار 16 (آيفون 7 وما قبله) لا يعرف overflow:clip، فكان نقش الخلفية (حتى 870px عرضاً) يجعل صفحة الدخول تنزاح أفقياً تحت الإصبع ===== */
@supports not (overflow-x:clip){html,.gt-body{overflow-x:hidden}}
@media (max-width:767.98px){.gt-title-en{font-size:max(11px,.42em)}}
.gt-wordmark small{font-size:max(11px,.62rem)}
.gt-logo .t2{font-size:max(11.5px,.72rem)}
.gt-card .auth-card-security,.gt-security{font-size:max(11.5px,.68rem)}
.gt-copy .hg-eyebrow,.gt-wordmark small{letter-spacing:0}

/* ===== 5.210.0 (2026-10-14) — الجولة الثانية للواجهات: طول صفحة الدخول لا يتبع دوران النقش. gate.js يضع اللوحة في صندوق مربع ثابت بمقاسها في مركز البطاقة
   نفسه؛ الصندوق لا يدور ويقصّ زوايا اللوحة الدائرة (الدائرة المرسومة داخل المربع فلا يُقصّ من النقش شيء). واحتواء «التخطيط» على حاوية البطاقة يجعل ما يفيض منها
   زينةً تُرسم كما هي ولا تُحسب في طول الصفحة، فلا شريط تمرير بسبب النقش (المتصفح الذي لا يعرف contain يبقى على طول ثابت لا يتذبذب). ولا يُطبع النقش. ===== */
@media screen{
.gt-guilloche-box{position:absolute;left:50%;top:50%;z-index:-1;pointer-events:none;overflow:hidden;transform:translate(-50%,-50%)}
.gt-card-wrap{contain:layout}
}
@media print{.gt-guilloche-box{display:none!important}}