/* Egypt Follow — هوية صفحات الدخول والتسجيل واختيار الفرع (LOGIN_REDESIGN)
   يُحمَّل آخر ملف في صفحات: الدخول، التحقق بخطوتين، اختيار الفرع، التسجيل. المرجع الوحيد للألوان هنا. */
:root{
  --au-bg:#f1f3f6; --au-bg2:#f6f7f9; --au-card:#FFFFFF; --au-sq:#eceff3;
  --au-mid:#b9a6b3; --au-wave:#714b67; --au-btn:#714b67; --au-btn2:#5f3f57;
  --au-line:#dfe3ea; --au-ink:#2b3445; --au-mu:#6b7789;
  --bg:#f1f3f6; --ink:#2b3445; --tx:#2b3445; --mu:#6b7789; --ln:#dfe3ea; --p:#714b67; --p2:#5f3f57; --fld:#dfe3ea;
}
html{background:#ececec!important}
body.lgpage,body.aupage{position:relative;min-height:100vh;margin:0;display:flex;flex-direction:column;align-items:center;
  background:transparent!important;color:var(--au-ink);overflow-x:hidden}
body.lgpage:before,body.aupage:before{content:"";position:fixed;inset:0;height:auto;z-index:-2;pointer-events:none;
  background:none!important}
body.lgpage:after,body.aupage:after{content:none!important}
/* بدون هيدر وفوتر ثقيل: العنوان في الأعلى مثل التصميم */
.lg-nav,.nav,.ft2{display:none!important}
.au-main{width:100%;max-width:36rem;margin:0 auto;padding:clamp(18px,3.4vh,34px) 16px 28px;text-align:center}
.au-main.sm{max-width:27rem}
.au-title{margin:0;font-size:clamp(26px,3.2vw,36px);font-weight:800;line-height:1.35;color:var(--au-ink)}
.au-title:after{content:"";display:block;width:3rem;height:4px;border-radius:2px;background:var(--au-btn);margin:.45rem auto 0}
.au-sub{margin:.9rem 0 1.15rem;font-size:.95rem;line-height:1.8;color:var(--au-ink);font-weight:500}
/* البطاقة */
.au-card,.lg-card,.box{background:var(--au-card)!important;border:1px solid #e6e9ee!important;outline:0!important;border-radius:18px!important;
  box-shadow:0 14px 40px -12px rgba(113,75,103,.20),0 2px 6px rgba(23,43,85,.04)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;text-align:start}
.au-card{padding:0;overflow:hidden}
.au-strip{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.85rem 1.4rem;border-bottom:1px solid #e6e9ee;font-size:.88rem;font-weight:700;color:var(--au-ink);min-height:3.4rem}
.au-strip a,.au-strip .lnk{color:var(--au-btn);font-weight:700;text-decoration:none;font-size:.88rem}
.au-strip .au-scope{display:flex;align-items:center;gap:.5rem}
.au-strip .au-scope:before{content:"";width:8px;height:8px;border-radius:50%;background:#16a34a}
.au-body{padding:1.1rem 1.4rem 1.35rem}
.lg-card{padding:0!important}
/* الحقول */
.lg-f{margin-bottom:.8rem}
.lg-f>label,.lg-lrow label,.l{display:block;margin:0 0 .32rem;font-size:.86rem;font-weight:700;color:var(--au-ink)}
.l small,.lg-lrow small{font-weight:500;color:var(--au-mu)}
.lg-f input,.lg-f select,.f input,.f select,.otp,.cb-b{width:100%;height:2.75rem;padding:0 .95rem;border:1px solid var(--au-line)!important;border-radius:12px!important;background-color:#fff!important;
  font-size:.93rem;font-weight:500;color:var(--au-ink);outline:0;box-shadow:none;transition:border-color .15s,box-shadow .15s}
.lg-f input::placeholder,.f input::placeholder{color:#a3acb9;font-weight:500}
.lg-f input:hover,.lg-f select:hover,.f input:hover,.f select:hover,.lg-pw:hover,.ph-in:hover,.slug-in:hover,.cb-b:hover{border-color:#cdbfca!important}
.lg-f input:focus,.lg-f select:focus,.f input:focus,.f select:focus,.otp:focus,.cb.open .cb-b,.cb-b:focus-visible{border-color:var(--au-btn)!important;box-shadow:0 0 0 3px rgba(113,75,103,.14)!important}
.lg-pw,.ph-in,.slug-in{display:flex;border:1px solid var(--au-line)!important;border-radius:12px!important;overflow:hidden;background:#fff!important;box-shadow:none}
.lg-pw:focus-within,.ph-in:focus-within,.slug-in:focus-within{border-color:var(--au-btn)!important;box-shadow:0 0 0 3px rgba(113,75,103,.14)!important}
.lg-pw input,.ph-in input,.slug-in input{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;flex:1;min-width:0}
.lg-eye{flex:0 0 2.75rem;border:0;border-inline-start:1px solid #eceff3;background:transparent;color:var(--au-mu);cursor:pointer;display:grid;place-items:center}
.lg-eye:hover{color:var(--au-btn)}
.lg-f select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-inline-end:2.4rem}
.lg-rem{display:flex;align-items:center;gap:.5rem;margin:.1rem 0 1rem;font-size:.85rem;color:var(--au-mu);cursor:pointer}
.lg-rem input{width:1rem;height:1rem;accent-color:var(--au-btn)}
.lg-forgot,.lg-link a{color:var(--au-btn);font-weight:700;font-size:.82rem;text-decoration:none}
.lg-forgot:hover,.lg-link a:hover{text-decoration:underline}
.lg-note{margin-top:.4rem;font-size:.8rem;line-height:1.8;color:var(--au-mu)}
.lg-err{margin:0 0 .9rem;padding:.6rem .85rem;border-radius:12px;background:#FDECEE;border:1px solid #F7D0D4;color:#b3261e;font-size:.84rem;font-weight:700;text-align:center}
/* الزر: كبسولة زرقاء وسهم */
.lg-btn,.go{display:flex;align-items:center;justify-content:center;gap:.7rem;width:auto;min-width:12.5rem;height:2.9rem;margin:.4rem auto 0;padding:0 2rem;border:0;border-radius:999px!important;
  background:var(--au-btn)!important;color:#fff;font-size:.98rem;font-weight:800;cursor:pointer;box-shadow:0 10px 22px -6px rgba(113,75,103,.55)!important;transition:transform .15s,background .2s}
.lg-btn:after,.go:after{content:"";width:1.05rem;height:1.05rem;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}
.lg-btn:hover,.go:hover{background:var(--au-btn2)!important;transform:translateY(-2px)}
.go:disabled{opacity:.7;cursor:wait;transform:none}
.lg-link,.fine{margin-top:.9rem;padding:0;border:0;text-align:center;font-size:.82rem;color:var(--au-mu);font-weight:500}
.fine a,.lg-link a{color:var(--au-btn);font-weight:700}
.lg-secure{display:none}
.lg-foot{margin-top:auto;padding:1rem 16px 18px;font-size:.76rem;color:var(--au-mu);text-align:center}
/* الموبايل */
@media (max-width:600px){
  body.lgpage:before,body.aupage:before{background-size:auto 55%,auto 55%;background-position:left top,right bottom}
  .au-body{padding:1rem 1.05rem 1.2rem}.au-strip{padding:.75rem 1.05rem}
  .lg-btn,.go{width:100%}
}
/* ===== المرحلة 2: صفحة إنشاء الحساب (register.html) ===== */
.aupage .au-main{max-width:38rem}
.aupage .wrap h1.au-title{font-size:clamp(26px,3.2vw,36px);font-weight:800;line-height:1.35;color:var(--au-ink)}
.aupage .wrap h1.au-title::after{width:3rem;height:4px;margin:.45rem auto 0;background:var(--au-btn)}
.aupage .lead.au-sub{margin:.9rem 0 1.15rem;font-size:.95rem;line-height:1.8;color:var(--au-ink);font-weight:500}
.aupage .au-main{padding-top:clamp(18px,3.4vh,34px)}
/* بطاقة النموذج: رأس (شريط التطبيقات) + جسم */
.au-strip.au-apps{justify-content:flex-start;gap:.7rem;flex-wrap:wrap}
.au-apps .ap-sum-ic{display:flex;gap:.25rem}
.au-apps .ap-sum-ic svg{width:26px;height:26px}
.au-apps b{flex:1;min-width:0;font-size:.88rem;font-weight:700;color:var(--au-ink);text-align:start}
.au-apps .lnk{font:700 .88rem var(--font);color:var(--au-btn);white-space:nowrap}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem .9rem;text-align:start}
.au-body.fgrid{padding:1.2rem 1.4rem 1.35rem}
.fgrid .f.full,.fgrid .formerr,.fgrid .go,.fgrid .fine{grid-column:1/-1}
/* حقل الهاتف: مفتاح الدولة داخل الإطار */
.ph-in select{border:0!important;border-radius:0!important;border-inline-end:1px solid var(--au-line)!important;background:#f4f5f8!important;color:var(--au-mu);height:auto;padding:0 .4rem}
.slug-in .pre{background:#f4f5f8;color:var(--au-mu);height:2.75rem}
.cb-b{height:2.75rem;font-size:.93rem}
.cb-p{border:1px solid var(--au-line);border-radius:12px}
.cb-i.on{color:var(--au-btn)}.cb-i.act{background:#f1f3f6}
/* حالة الخطأ تغلب حدود الهوية */
.f.bad input,.f.bad select,.f.bad .ph-in,.f.bad .slug-in,.f.bad .cb-b{border-color:#c4303a!important}
.f.bad .ph-in input,.f.bad .slug-in input{border:0!important}
.f.bad .ph-in select{border:0!important;border-inline-end:1px solid #c4303a!important}
.em{color:#c4303a}.hint{color:var(--au-mu)}
/* خطوة اختيار التطبيقات */
.ap-card{background:#fff;border:1.5px solid var(--au-line);border-radius:14px;color:var(--au-ink)}
.ap-card:hover{border-color:#cdbfca;box-shadow:0 8px 22px -10px rgba(113,75,103,.3)}
.ap-card.on{background:#f6f1f5;border-color:var(--au-btn);box-shadow:0 0 0 3px #e7dde4}
.ap-ck{background:var(--au-btn)}
.ap-bar{background:#fff;border:1px solid #e6e9ee;border-radius:18px;box-shadow:0 14px 40px -12px rgba(113,75,103,.20);-webkit-backdrop-filter:none;backdrop-filter:none}
.ap-bar .ap-next{margin:0;height:2.6rem;min-width:9rem;padding:0 1.6rem}
.ap-bar .ap-next:disabled{background:#cdbfca!important;box-shadow:none!important;cursor:not-allowed;opacity:1}
.ap-bar .lnk{color:var(--au-btn)}
/* خطوتا الرمز والنجاح */
.box.narrow{padding:1.4rem 1.4rem 1.3rem}
.otp{height:3.2rem;font-size:1.6rem;letter-spacing:.5rem;font-weight:700;text-align:center}
.vlinks{color:var(--au-mu)}
.recap div{border-bottom-color:#eceff3}
.recap span{color:var(--au-mu)}
.go.as-link{text-decoration:none}
@media (max-width:600px){
  .fgrid{grid-template-columns:1fr}
  .au-body.fgrid{padding:1rem 1.05rem 1.2rem}
  .au-apps b{flex-basis:100%;order:3}
  .box.narrow{padding:1.1rem 1.05rem}
}
/* ===== المرحلة 3: الدخول إلى الفرع + اللمسات ===== */
/* سهم قوائم الاختيار (RTL: يسار، LTR: يمين) */
.lg-f select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232b3445' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:1rem;background-position:left .95rem center}
html[dir=ltr] .lg-f select{background-position:right .95rem center}
/* سهم الزر يشير لاتجاه القراءة */
html[dir=rtl] .lg-btn:after,html[dir=rtl] .go:after{transform:scaleX(-1)}
/* شريط البطاقة: اسم المستخدم + خروج */
.au-strip .au-scope{min-width:0;overflow-wrap:anywhere;font-weight:600;color:var(--au-mu)}
.au-strip a{white-space:nowrap}
/* الانتظار */
.au-spin{width:46px;height:46px;margin:.2rem auto 1.1rem;border:4px solid var(--au-line);border-top-color:var(--au-btn);border-radius:50%;animation:au-s 1s linear infinite}
@keyframes au-s{to{transform:rotate(360deg)}}
.au-ghost{display:flex;align-items:center;justify-content:center;width:max-content;max-width:100%;height:2.6rem;margin:.5rem auto 0;padding:0 1.6rem;border:1px solid var(--au-line);border-radius:999px;background:#fff;color:var(--au-ink);font:700 .92rem var(--font);cursor:pointer;text-decoration:none;transition:border-color .15s,color .15s}
.au-ghost:hover{border-color:var(--au-btn);color:var(--au-btn)}
/* موبايل: شريط البطاقة وتباعد الصفحة */
@media (max-width:600px){
  .au-main{padding-top:clamp(14px,3vh,24px)}
  .au-title{font-size:24px}
  .au-strip{flex-wrap:wrap;gap:.4rem .8rem}
  .lg-f input,.lg-f select,.f input,.f select,.cb-b,.otp{font-size:16px}   /* يمنع تكبير iOS عند التركيز */
}
@media (max-width:360px){.au-body,.au-body.fgrid{padding-inline:.85rem}.au-strip{padding-inline:.85rem}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* ===== خلفية رمادية مسطحة #ececec لكل صفحات الدخول/التسجيل/اختيار الفرع (بدون موجات أو تدرجات) ===== */
html{background:#ececec!important}
body,body.lgpage,body.aupage{background:#ececec!important}
body:before,body:after,body.lgpage:before,body.lgpage:after,body.aupage:before,body.aupage:after{content:none!important;background:none!important}

/* ===== تهدئة وتخفيف (CALM_AUTH): ألوان هادية + بدون ظلال/حركة/blur ثقيلة ===== */
.au-card,.lg-card,.box,.ap-bar{box-shadow:0 1px 3px rgba(16,24,40,.06)!important;border-color:#e6e9ee!important;border-radius:14px!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.box,.ap-bar,.ap-sum{background:#fff!important}
.au-title,.aupage .wrap h1.au-title{font-weight:700}
.au-title:after,.aupage .wrap h1.au-title::after{height:3px;width:2.4rem;opacity:.6}
.au-sub{font-weight:400;color:#6b7789}
.lg-f>label,.lg-lrow label,.l{font-weight:600}
.lg-btn,.go{box-shadow:none!important;font-weight:700;height:2.75rem;border-radius:10px!important;min-width:11rem}
.lg-btn:hover,.go:hover{transform:none}
.ap-card:hover{box-shadow:none}.ap-card.on{box-shadow:0 0 0 2px #e7dde4}
.au-strip .au-scope:before{background:#5fa8a0}
.lg-err{background:#fbf1f2;border-color:#f0d9dc;color:#a8323a}
.lg-f input:focus,.lg-f select:focus,.f input:focus,.f select:focus,.otp:focus,.cb.open .cb-b,.cb-b:focus-visible,.lg-pw:focus-within,.ph-in:focus-within,.slug-in:focus-within{box-shadow:0 0 0 3px rgba(113,75,103,.12)!important}
input:-webkit-autofill{-webkit-box-shadow:0 0 0 40px #fff inset!important}
@media(max-width:600px){.lg-btn,.go{width:100%}}
body.lgpage:before,body.aupage:before{content:none!important;background:none!important}