/* 5.206.0 — 2026-10-08 «أمين» (اختيار المالك): شعار المنصة حارس حيّ واقف على حافة بطاقة الدخول فوق الحقول — يتابع اسم المستخدم، يغطي عينه
   بعلامة الصح عند كلمة السر، يدير ظهره إن ظهرت، ويعود شعاراً بختم ذهبي عند «دخول». بعد ملاحظة المالك («كتابة كتير… شيل الي مو لازم، اختصر
   واحترف»): عمود واحد في الوسط، بلا نص جانبي ولا رأس بطاقة مكرر ولا شروح — الشكل يقول ما كانت تقوله الكتابة.
   يُحمَّل بعد gate.css فقط مع ui_login_style=amin (views/layouts/gate.php، views/partials/amin.php، assets/amin.js). ملف مستقل: لا يمس gate.css
   ولا البوابة القديمة. كله تحت @media screen فتبقى الطباعة (ورقة الرموز الاحتياطية) بيضاء، وكل متغير قيمته الافتراضية = الشعار حرفياً. */
@media screen{
/* ---------- 1) الرموز: ذراع بلون الدور (مكتب أخضر الشعار، إدارة ذهبي، مستثمر نعناعي، شريك سماوي) ---------- */
.am-on{--am-w:176px;--am-arm:#2BD98F;--am-gold:#D6BD8A;--am-ease:cubic-bezier(.34,1.42,.64,1)}
.am-on .am-perch[data-role=admin]{--am-arm:#D6BD8A}
.am-on .am-perch[data-role=investor]{--am-arm:#9BE3C9}
.am-on .am-perch[data-role=partner]{--am-arm:#8EC5FF}
/* ---------- 2) التخطيط: عمود واحد في الوسط — «أمين» واقف على حافة البطاقة فوق الحقول مباشرة، فتنزل نظرته على ما يُكتب (ويبقى ظاهراً فوق لوحة مفاتيح الهاتف) ---------- */
.am-on .gt-aurora{display:none}
.am-on .gt-main{grid-template-columns:minmax(0,440px);grid-template-rows:auto;grid-template-areas:"card";justify-content:center;align-content:center;align-items:start;gap:0}
.am-on .am-card-wrap{grid-area:card;min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:12px;position:relative;isolation:isolate;padding-top:calc(var(--am-w) * .8)}
.am-on .am-perch{grid-area:card;justify-self:center;align-self:start;position:relative;z-index:2;pointer-events:none;width:var(--am-w);aspect-ratio:108/96}
.am-on .am-perch::before{content:"";position:absolute;inset:-34% -60% 6%;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--hg-accent) 30%,transparent),transparent);opacity:var(--am-light,.9);transition:opacity .45s ease;pointer-events:none;z-index:-1}
.am-on .am{display:block;width:100%;height:100%;overflow:visible}
@media(max-width:960px){.am-on{--am-w:150px}}
@media(max-width:575.98px){.am-on{--am-w:132px}.am-on .gt-main{padding-top:4px}}
@media(max-width:359.98px){.am-on{--am-w:112px}}
/* ---------- 3) نص أقل: ما يقوله «أمين» لا يُكتب. عرض فقط — العنوان واسم الحقل باقيان لقارئ الشاشة ---------- */
.am-on .gt-stage{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;display:block}
.am-on .gt-copy>:not(.gt-title){display:none}
.am-on .gt-pulse:not(.is-down),.am-on .gt-card .gt-head,.am-on .gt-security,.am-on .gt-welcome-sub,.am-on .gt-pk .auth-pk-note,.am-on .gt-panel[role=tabpanel] .auth-note:not([data-pk-msg]),.am-on .gt-panel[role=tabpanel] .auth-form-head p{display:none}
.am-on .gt-panel[role=tabpanel] .auth-form-head{margin:0}
.am-on .gt-panel[role=tabpanel] .auth-form-head h2,.am-on .gt-panel[role=tabpanel] .auth-field>.form-label{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.am-on .gt-panel[role=tabpanel] .auth-field{margin-bottom:12px}
.am-on .gt-tabs{margin-bottom:16px}
/* «أمين» هو الشعار: لا شعار ثانٍ على الصفحة — إلا إن رفعت المنصة شعارها الخاص (am-logo) فيبقى ظاهراً في الترويسة */
.am-on:not(.am-logo) .gt-brand .gt-mark,.am-on:not(.am-logo) .auth-locked>img:first-child{display:none}
/* ---------- 3) أول إطار: لا شيء يتحرك إلا «أمين» (تلاشي دخول البطاقة والحقول والترويسة والنص الثابت متوقف) ---------- */
.am-on .auth-card,.am-on .auth-card>*,.am-on .gt-panel,.am-on .hg-top,.am-on .gt-copy,.am-on .gt-welcome,.am-on .hg-glow,.am-on .hg-pill i,.am-on .gt-card::before{animation:none!important}
.am-on .gt-panel.am-in{animation:gtIn .3s cubic-bezier(.2,.8,.2,1) both!important}
.gt-still .gt-panel.am-in{animation:none!important}
@media (prefers-reduced-motion:reduce){.am-on .gt-panel.am-in{animation:none!important}}
.am-on .gt-card{-webkit-backdrop-filter:none;backdrop-filter:none}
/* ---------- 4) الهيكل (وحدات viewBox؛ القيم الافتراضية = الشعار حرفياً) ---------- */
.am *{transform-box:view-box}
.am-stem,.am-ring{fill:none;stroke:url(#amEnamel);stroke-linecap:round}
.am-stem{stroke-width:10}
.am-ring{stroke-width:var(--rw,10);transition:stroke-width .4s var(--am-ease)}
.am-turn{transform-origin:58px 84px;transform:scaleX(var(--turn,1));transition:transform .34s cubic-bezier(.6,0,.3,1)}
.am-fig{transform-origin:58px 88px;pointer-events:visiblePainted}
.am-body{transform-origin:58px 84px;transform:rotate(calc(var(--lean,0deg) + var(--glean,0deg)));transition:transform .5s var(--am-ease)}
.am-head{transform-origin:42px 40px;transform:rotate(calc(var(--tilt,0deg) + var(--gtilt,0deg))) scale(var(--hs,1));transition:transform .5s var(--am-ease)}
.am-eye{transform-origin:42px 40px;transform:scale(var(--es,1));transition:transform .45s var(--am-ease)}
.am-lens{fill:url(#amLens)}
.am-look{transform-origin:42px 40px;transform:translate(var(--px,0px),var(--py,0px)) scale(var(--ps,0));transition:transform .14s ease-out}
.am-pupil{fill:var(--am-arm);transition:fill .3s}.am-glow{fill:var(--am-arm);opacity:.22}.am-glint{fill:#fff}
.am-lid{fill:#0b2238;transform:translateY(var(--lid,-17px));transition:transform .13s ease-in-out}
.am-lash{fill:none;stroke:#eef4f8;stroke-width:1.6;stroke-linecap:round;opacity:var(--lash,0);transition:opacity .1s}
.am-back{fill:url(#amEnamel);opacity:var(--bk,0);transition:opacity .12s .12s}
.am-brow{fill:none;stroke:#eef4f8;stroke-width:3;stroke-linecap:round;transform-origin:42px 15px;transform:translateY(var(--by,4px)) rotate(var(--br,0deg));opacity:var(--bo,0);transition:transform .3s var(--am-ease),opacity .25s}
.am-arm{transform-origin:58px 84px;transform:translate(var(--ax,0px),var(--ay,0px)) rotate(var(--ar,0deg));transition:transform .52s var(--am-ease)}
.am-wave{transform-origin:58px 84px}
.am-check{fill:none;stroke:var(--am-arm);stroke-linecap:round;stroke-width:var(--aw,10);stroke-dasharray:var(--al,56) 200;transition:stroke-width .4s var(--am-ease),stroke-dasharray .45s var(--am-ease),stroke .3s}
.am-rivet{fill:var(--am-gold);opacity:var(--rv,0);transition:opacity .3s}
.am-ticks{opacity:var(--tk,0);transition:opacity .25s}.am-ticks circle{fill:rgba(238,244,248,.22);transform-box:fill-box;transform-origin:center;transition:fill .15s,transform .22s var(--am-ease)}.am-ticks .on{fill:var(--am-arm);transform:scale(1.4)}
.am-caps{transform-origin:66px 14px;transform:scale(var(--cp,0));transition:transform .22s var(--am-ease)}.am-caps rect:first-child{fill:var(--am-gold)}.am-caps path,.am-caps rect+path+rect{fill:#071a2b}
.am-seal{fill:none;stroke:var(--am-gold);stroke-width:1.2;opacity:0;transform-origin:60px 58px}
.am-floor{fill:rgba(0,0,0,.38)}
.am-zz{fill:none;stroke:var(--am-gold);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:0}
/* ---------- 5) الوضعيات (data-pose على .am-perch؛ JavaScript يكتب فقط --px --py --gtilt --glean) ---------- */
.am-perch:where(:not([data-pose=logo]):not([data-pose=yay])){--hs:1.3;--rw:7.5;--es:1.156;--ps:1;--bo:1;--by:0px;--ax:-3px;--ay:-44px;--ar:97.4deg;--al:26;--aw:8;--rv:1;--lean:12deg}
.am-perch[data-pose=read]{--by:1.5px;--br:-5deg;--lid:-15px}
.am-perch[data-pose=shy]{--lid:0px;--lash:1;--by:-1px;--br:-10deg;--ar:-130.6deg;--al:15;--aw:13;--lean:6deg;--tilt:-6deg;--am-light:.45}
.am-perch[data-pose=away]{--turn:-1;--ps:0;--bk:1;--bo:0;--lean:-4deg;--tilt:6deg;--am-light:.35}
.am-perch[data-pose=sorry]{--lid:-10px;--by:2px;--br:16deg;--ar:130deg;--al:24;--lean:-2deg;--tilt:-14deg}
.am-perch[data-pose=hold]{--ar:-40.6deg;--al:20;--aw:11;--by:-1px;--lid:-15px}
.am-perch[data-pose=count]{--lid:0px;--lash:1;--tk:1;--ar:146deg;--al:22}
.am-perch[data-pose=think]{--by:-2px;--br:-6deg;--tilt:-6deg}
.am-perch[data-pose=sleep]{--lid:0px;--lash:1;--tilt:12deg;--bo:.6;--by:2px;--br:6deg;--ar:120deg;--al:22;--am-light:.4}
.am-perch[data-pose=yay]{--am-light:1.15}
.am-perch[data-pose=yay] .am-turn{--gtilt:0deg;--glean:0deg}
/* المعدِّلات */
.am-perch.am-caps-on{--cp:1;--by:-4px}
.am-perch.am-blink{--lid:0px;--lash:1}
.am-perch.am-hi{--ar:-30.6deg;--al:24}
.am-perch.am-hi .am-wave{animation:amWave .9s ease-in-out .2s 2}
.am-perch.am-shake .am-fig{animation:amShake .55s ease-in-out}
.am-perch.am-hop .am-fig{animation:amHop .32s ease-out}
.am-perch.am-nod .am-head{animation:amNod .5s ease-in-out}
.am-perch.am-dizzy .am-fig{animation:amDizzy .9s cubic-bezier(.5,0,.3,1)}
.am-perch[data-pose=yay] .am-check{animation:amDraw .55s cubic-bezier(.6,0,.2,1) .28s both}
.am-perch[data-pose=yay] .am-seal{animation:amSeal .9s ease-out .7s forwards}
.am-perch[data-pose=sleep] .am-zz{opacity:.8;animation:amZz 2.8s ease-in-out .6s 4}
@keyframes amWave{0%,100%{transform:rotate(0)}25%{transform:rotate(-18deg)}75%{transform:rotate(14deg)}}
@keyframes amShake{0%,100%{transform:rotate(0)}20%{transform:rotate(-7deg)}45%{transform:rotate(6deg)}70%{transform:rotate(-3deg)}}
@keyframes amHop{0%,100%{transform:translateY(0)}45%{transform:translateY(-5px) scaleY(1.03)}}
@keyframes amNod{0%,100%{translate:0 0}40%{translate:0 2.4px}70%{translate:0 -.6px}}
@keyframes amDizzy{0%{transform:rotate(0)}30%{transform:translateY(-7px) rotate(-120deg)}70%{transform:translateY(-7px) rotate(-300deg)}100%{transform:rotate(-360deg)}}
@keyframes amDraw{from{stroke-dasharray:0 200}to{stroke-dasharray:56 200}}
@keyframes amSeal{from{opacity:.9;transform:scale(.72)}to{opacity:0;transform:scale(1.12)}}
@keyframes amZz{0%,100%{opacity:.8;translate:0 0}50%{opacity:.35;translate:2px -4px}}
@keyframes amSpin{to{transform:rotate(360deg)}}
/* الجملة الوحيدة التي يقولها (أول تركيز على كلمة السر بعد غياب طويل عن هذا الجهاز) */
.am-say{position:absolute;left:calc(100% + 4px);top:6%;white-space:nowrap;padding:5px 10px;border-radius:10px 10px 10px 2px;background:#0b2238;border:1px solid rgba(214,189,138,.4);color:var(--am-gold);font-size:12.5px;font-weight:700;box-shadow:0 10px 24px -12px rgba(0,0,0,.8);pointer-events:none;animation:gtIn .25s ease both}
/* ---------- 6) ما لم تنسّقه البوابة (wasil-ux / wasil-pw / رمز التحقق) — تحت am-on فقط ---------- */
.am-on .ws-req{color:var(--am-gold);margin-inline-start:3px;font-weight:800}
.am-on .gt-card .btn.is-busy{position:relative;color:transparent!important;pointer-events:none}
.am-on .gt-card .btn.is-busy::before{content:"";position:absolute;inset:0;margin:auto;width:20px;height:20px;border-radius:50%;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;animation:amSpin .8s linear infinite}
.am-on .ws-pw{display:none;align-items:center;gap:8px;margin:6px 0 2px}.am-on .ws-pw.on{display:flex}
.am-on .ws-pw-bar{flex:1;height:4px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}.am-on .ws-pw-bar i{display:block;height:100%;width:0;border-radius:99px;background:#f87171;transition:width .2s,background .2s}
.am-on .ws-pw.l2 .ws-pw-bar i{background:#f59e0b}.am-on .ws-pw.l3 .ws-pw-bar i{background:var(--hg-accent)}.am-on .ws-pw.l4 .ws-pw-bar i{background:var(--am-arm)}
.am-on .ws-pw-txt{flex:none;font-size:.72rem;color:var(--gt-muted);min-width:5em}
.am-on .pw-wrap .pw-eye{top:25px;min-width:44px;min-height:44px}
.am-on .gt-card .otp-wrap{direction:ltr}.am-on .gt-card .otp{font-size:1.7rem;letter-spacing:.5em;text-align:center;font-weight:800;padding-inline-start:.5em;font-variant-numeric:tabular-nums}
.am-on .gt-card .otp[maxlength="11"]{font-size:1.15rem;letter-spacing:.12em;padding-inline-start:.12em}
.am-on .gt-welcome b{overflow-wrap:anywhere}.am-on .gt-welcome .gt-link{white-space:nowrap}
@media(max-width:575.98px){.am-on .pw-wrap .pw-eye{top:22px}}
/* ---------- 7) الحركة متوقفة: مفتاح المالك (gt-still) — قطع فوري بين الوضعيات، لا شيء يتكرر ---------- */
.gt-still .am-perch *,.gt-still .am-perch::before{transition:none!important;animation:none!important}
/* ---------- 8) 2026-10-09 «احترف»: ثلاث مراجعات مستقلة (الاستخدام اليومي، الفخامة، الهاتف) بلقطات وقياس — عرض فقط، تحت am-on، والبوابة القديمة كما هي ---------- */
/* ضوء واحد: بلا شبكة النقاط، والتوهج خلف أمين خافت (--am-light للوضعيات باقٍ) */
.am-on .hg-grid{display:none}
.am-on .hg-glow{opacity:.35}
.am-on .am-perch::before{inset:-26% -34% 18%;background:radial-gradient(closest-side,color-mix(in srgb,var(--hg-accent) 16%,transparent),transparent)}
/* البطاقة: حافة محايدة رفيعة، والذهب في موضع واحد — العتبة التي يقف عليها أمين (بلا ظل أرضي تحت قدمه) */
.am-on .gt-card{background:linear-gradient(180deg,rgba(14,32,52,.92),rgba(8,19,33,.96)) padding-box,linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.05)) border-box;box-shadow:0 30px 70px -34px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.04)}
.am-on .gt-card::before{inset-inline:calc(50% - 92px);background:linear-gradient(90deg,transparent,rgba(214,189,138,.85),transparent)}
.am-on .am-floor{display:none}
/* زر واحد واضح بلا توهج ولا لمعة (لونه في الراحة أغمق قليلاً فيبقى «دخول» الأبيض مقروءاً ≈4.7:1)، وتركيز هادئ على الحقل (بلا شريط ذهبي داخله) */
.am-on .gt-card .btn-primary{background:color-mix(in srgb,var(--hg-accent) 88%,#000);box-shadow:inset 0 1px 0 rgba(255,255,255,.16);font-weight:700;letter-spacing:0}
.am-on .gt-card .btn-primary:hover,.am-on .gt-card .btn-primary:focus-visible{filter:none;background:var(--hg-accent);box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
.am-on .gt-card .btn-primary::after{content:none}
.am-on .gt-card .form-control:focus{border-color:color-mix(in srgb,var(--hg-accent) 70%,#fff);box-shadow:0 0 0 3px color-mix(in srgb,var(--hg-accent) 22%,transparent)}
.am-on .gt-card .auth-field::after,.am-on .gt-card .otp-wrap::after{content:none}
.am-on .gt-card .pw-eye:focus-visible{outline:2px solid var(--gt-gold)!important;outline-offset:-5px;border-radius:12px;color:#fff}
/* أسماء الحقول مخفية بصرياً، فالنص الباهت داخل الحقل هو اسمه: أوضح قليلاً وبحجم مقروء على الحاسوب */
.am-on .gt-card .form-control::placeholder{color:#7a8fa3}
@media(min-width:576px){.am-on .gt-panel[role=tabpanel] .form-control{font-size:.95rem}}
/* التبويبات: كلمات فقط، والمختار محاط بلون ذراع أمين (مكتب أخضر، إدارة ذهبي، مستثمر نعناعي، شريك سماوي) — الشكل يقول أي باب تدخل */
.am-on:has(.am-perch[data-role=admin]){--am-arm:#D6BD8A}
.am-on:has(.am-perch[data-role=investor]){--am-arm:#9BE3C9}
.am-on:has(.am-perch[data-role=partner]){--am-arm:#8EC5FF}
.am-on .gt-tab svg{display:none}
.am-on .gt-tab{font-weight:700;color:rgba(195,209,221,.66)}
.am-on .gt-tab:hover,.am-on .gt-tab.on{color:#fff}
.am-on .gt-tab.on{font-weight:800}
.am-on .gt-tabs{box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.am-on .gt-tabs-ind{background:color-mix(in srgb,var(--am-arm) 10%,rgba(255,255,255,.05));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--am-arm) 60%,transparent)}
/* الروابط الثانوية والتذييل خطوة إلى الخلف: «دخول» وحده هو الصوت العالي (الروابط تبقى بلونها فتبدو قابلة للضغط على اللمس) */
.am-on .gt-link{font-weight:400}
.am-on .gt-foot-note a{font-weight:400;color:rgba(157,176,194,.85)}
.am-on .gt-foot-note a:hover{color:var(--gt-soft);text-decoration:none}
/* رسالة الخطأ: سطر واحد عريض مقروء على شريط هادئ بلا إطار ولا أيقونة — الرسالة الوحيدة التي يجب ألا تفوت الموظف (وضعية «آسف» تكفي إشارةً) */
.am-on .gt-card .gt-flash{margin-bottom:14px;padding:10px 14px;border-color:transparent;border-radius:12px;text-align:center;text-wrap:balance;font-size:.88rem;font-weight:700;line-height:1.55}
.am-on .gt-card .gt-caps{margin:-4px 0 12px}
.am-on .gt-card .gt-flash[hidden]{display:none}
/* الزائر العائد: اسمه مكتوب في الحقل نفسه، فلا شريط ترحيب يكرره (أمين يلوّح له بدلاً منه — amin.js يقرأ hidden لا العرض) */
.am-on .gt-welcome{display:none}
/* رمز التحقق (views/auth/twofa.php لكل الأدوار وإعادة تأكيد الهوية — صفحة الربط تضع شرحها داخل رأسها فلا تتأثر): العنوان والحقل والزر.
   الشرح وتلميح الساعة يعودان بعد رمز خاطئ، والشرح باقٍ لقارئ الشاشة؛ تنبيه الساعة (#clockWarn) يظهر وحده إن اختلفت ساعة الهاتف، وتلميح الرموز
   الاحتياطية داخل النموذج باقٍ. ملاحظة إعادة تأكيد الهوية (اسم الصفحة الحساسة) تبقى ظاهرة جملةً واحدة (كانت تنكسر أعمدة لأن داخلها مسار الصفحة) */
.am-on .gt-card:has(>#clockWarn)>h2{text-align:center;margin-bottom:16px}
.am-on .gt-card:has(>#clockWarn)>.auth-note{margin:0 0 16px}
.am-on .gt-card:has(>#clockWarn):not(:has(.gt-flash.alert-danger))>.auth-note:not(:has(.mono)){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.am-on .gt-card:has(>#clockWarn):not(:has(.gt-flash.alert-danger))>.auth-alt{display:none}
.am-on .gt-card>.auth-note:has(.mono){display:block;text-align:center}
.am-on .gt-card>.auth-note:has(.mono)::before{content:none}
.am-on .gt-card>#clockWarn{margin:0 0 16px;font-size:.82rem}
.am-on .gt-card:has(>#clockWarn) .btn-link{text-decoration:none;font-size:.84rem}
/* أهداف لمس 44px على أجهزة اللمس، وروابط التذييل والشعار بمساحة ضغط أكبر — الشكل لا يتغير */
@media (max-width:575.98px),(pointer:coarse){.am-on .gt-tab,.am-on .gt-link,.am-on .gt-card .btn-link,.am-on .gt-panel-sub .gt-back{min-height:44px}}
.am-on .auth-locked .btn{min-height:44px;display:inline-flex;align-items:center;padding-inline:20px}
.am-on .gt-foot-note a{display:inline-block;padding:16px 6px;margin:-16px -6px}
.am-on .gt-brand{padding-block:8px;margin-block:-8px}
/* جملة أمين الوحيدة: 16px عن حافة الشاشة على كل عرض، بسطرين متوازنين عند الضيق */
.am-say{width:max-content;max-width:calc(50vw - var(--am-w,132px) / 2 - 20px);white-space:normal;text-wrap:balance;line-height:1.35}
/* أمين في مكان ثابت على كل شاشة (لا يقفز بين الدخول والخطأ ورمز التحقق)؛ على الهاتف أعلى قليلاً فيبقى «دخول» فوق لوحة المفاتيح */
.am-on .gt-main{align-content:start;padding-top:max(16px,calc(50vh - 300px - env(safe-area-inset-top,0px)));padding-top:max(16px,calc(50svh - 300px - env(safe-area-inset-top,0px)))}
@media(max-width:575.98px){.am-on .gt-main{padding-top:clamp(8px,calc(50vh - 330px - env(safe-area-inset-top,0px)),120px);padding-top:clamp(8px,calc(50svh - 330px - env(safe-area-inset-top,0px)),120px)}}
/* الهاتف أفقياً: أمين بجانب البطاقة لا فوقها — النموذج كله فوق الطيّة (التطبيق المثبّت يسمح بالتدوير) */
@media (orientation:landscape) and (max-height:520px){
 .am-on{--am-w:112px}
 .am-on .gt-top{position:absolute;inset-inline:0;top:0;padding-block:8px}
 .am-on .gt-main{grid-template-columns:var(--am-w) minmax(0,400px);grid-template-areas:"amin card";column-gap:clamp(20px,5vw,48px);align-content:center;padding-block:10px}
 .am-on .am-perch{grid-area:amin;align-self:center}
 .am-on .am-card-wrap{padding-top:0;gap:8px}
 .am-on .gt-card{padding:14px 18px 10px}
 .am-on .gt-tabs{margin-bottom:10px}
 .am-on .gt-panel[role=tabpanel] .auth-field{margin-bottom:8px}
 .am-on .gt-card .form-control{min-height:44px}
 .am-on .gt-card .btn-primary.btn-lg{min-height:46px}
 .am-on .gt-links{margin-top:2px}
 .am-on .am-say{left:50%;top:auto;bottom:calc(100% + 4px);translate:-50% 0}
}
/* التطبيق المثبّت على آيفون (شريط حالة شفاف): الترويسة تحت شريط الحالة وبعيدة عن الحافة المقصوصة — بهوامش، فلا يتغير شيء بكسلاً واحداً حين لا حواف */
.am-on .hg-top.gt-top{margin-top:env(safe-area-inset-top,0px);margin-right:env(safe-area-inset-right,0px);margin-left:env(safe-area-inset-left,0px)}
}
@media screen and (prefers-reduced-motion:reduce){.am-perch *,.am-perch::before,.am-say{transition:none!important;animation:none!important}}
@media print{.am-perch{display:none!important}}
@media print{.am-on .auth-card,.am-on .auth-card>*,.am-on .gt-panel,.am-on .hg-top,.am-on .gt-copy,.am-on .gt-welcome{animation:none!important}}