/* شاشة دخول التطبيق بتصميم 108: فاتحة (كريمي وأبيض) والشعار كحلي بدون خلفية، والأزرار برتقالي.
   الجوال: عمود واحد بعرض الشاشة. التابلت والآيباد: بطاقة في النص. الكمبيوتر: الشعار جنب والدخول جنب.
   يغيّر الشكل بس، والمنطق في login.js زي ما هو. */
.lg-ov{--bg:#F7F3EC;--bg-2:#EFE9DF;--sf:#FFFFFF;--tx:#0F1D31;--mu:#5E6B7D;--dv:#E2DACC;--navy:#0F1D31;--or-soft:rgba(233,138,43,.12);--or-ink:#B9650F;
--sh:0 1px 2px rgba(15,29,49,.06);--bad:#B23B30;--ok:#2F7A4D;--fh:'Segoe UI','IBM Plex Sans Arabic',Tahoma,sans-serif;
font-family:'Segoe UI','IBM Plex Sans Arabic',Tahoma,sans-serif;color-scheme:light;color:#0F1D31;
background:#F7F3EC radial-gradient(1100px 520px at 50% -180px,#FFFFFF 0%,rgba(255,255,255,0) 70%)}
.lg-ov::before{background:radial-gradient(circle,rgba(246,169,76,.18),transparent 62%)}
.lg-ov .wel{justify-content:center;padding:32px 16px calc(28px + var(--safe-b,0px))}
.lg-ov .wlogo{width:auto;height:auto;margin:0 auto 18px;border-radius:0;background:none;box-shadow:none;display:flex;justify-content:center}
.lg-ov .wlogo .logo-mk{width:104px;height:63px;background:#0F1D31}
.lg-ov .wel h1{font:700 24px/1.35 var(--fh);color:#0F1D31;margin:0}
.lg-ov .wel h1::after{content:"";display:block;width:44px;height:4px;border-radius:2px;background:linear-gradient(90deg,#F6A94C,#E98A2B);margin:12px auto 20px}
.lg-ov .wel>p,.lg-ov .lg-hint{display:none}
.lg-ov .wcard{width:100%;background:#FFFFFF;border:1px solid #E7E0D4;border-radius:20px;padding:20px 18px;box-shadow:0 18px 44px rgba(15,29,49,.08)}
.lg-ov .cta{min-height:52px;border-radius:14px;background:linear-gradient(180deg,#F6A94C,#E98A2B);color:#231400;font:700 16px var(--fh);box-shadow:0 8px 20px rgba(233,138,43,.28)}
.lg-ov .cta .spin{border-color:rgba(35,20,0,.25);border-top-color:#231400}
.lg-ov .cta:disabled{background:#EDE7DC;color:#9AA3AF;box-shadow:none;opacity:1}
.lg-ov .cta.plain{background:#FFFFFF;color:#0F1D31;border:1.5px solid #E2DACC;box-shadow:none}
.lg-ov .cta.plain:hover{border-color:#CFC4B2}
.lg-ov .cta.plain .spin.dk{border-color:rgba(15,29,49,.15);border-top-color:#E98A2B}
.lg-ov .cta.wa{background:#1FAF55;color:#fff;box-shadow:0 8px 20px rgba(31,175,85,.25)}
.lg-ov .lg-or{color:#8A94A3}
.lg-ov .lg-or::before,.lg-ov .lg-or::after{background:#E7E0D4}
.lg-ov .lg-seg{background:#F3EEE5;border:1px solid #E7E0D4}
.lg-ov .lg-seg button{color:#5E6B7D;font-family:var(--fh)}
.lg-ov .lg-seg button[aria-selected="true"]{background:#FFFFFF;color:#0F1D31;box-shadow:0 1px 3px rgba(15,29,49,.1),inset 0 -2px 0 #E98A2B}
.lg-ov .lbl{color:#334155;font-weight:600;font-size:13.5px}
.lg-ov .inp{height:52px;background:#FFFFFF;border:1.5px solid #DDD5C8;color:#0F1D31;font-size:16px;font-family:var(--fh)}
.lg-ov .inp::placeholder{color:#A3ABB6}
.lg-ov .inp:focus{border-color:#E98A2B;box-shadow:0 0 0 4px rgba(246,169,76,.18)}
.lg-ov .lg-lead,.lg-ov .wn{color:#5E6B7D}
.lg-ov .wn a,.lg-ov .lg-lk,.lg-ov .wsw,.lg-ov .wsw b{color:#B9650F}
.lg-ov .lg-alert{background:#FDECEA;color:#B23B30}
.lg-ov .lg-alert.info{background:#FFF3E2;color:#9A560F}
.lg-ov .lg-wacode,.lg-ov .lg-ver{background:#F7F3EC;border:1px solid #E7E0D4;color:#0F1D31}
.lg-ov .spin.dk{border-color:rgba(233,138,43,.25);border-top-color:#E98A2B}
.lg-ov .err{color:#B23B30}
/* تابلت وآيباد */
@media (min-width:600px){
  .lg-ov .wel{max-width:500px;padding:48px 24px}
  .lg-ov .wlogo .logo-mk{width:120px;height:73px}
  .lg-ov .wel h1{font-size:27px}
  .lg-ov .wcard{padding:26px 26px 22px;border-radius:24px}
}
/* كمبيوتر: الشعار والترحيب جنب، والدخول جنب */
@media (min-width:960px) and (min-height:520px){
  .lg-ov .wel{max-width:1040px;display:grid;grid-template-columns:minmax(0,1fr) 460px;grid-template-rows:1fr auto auto 1fr;column-gap:80px;align-items:center;padding:40px 48px}
  .lg-ov .wlogo{grid-column:1;grid-row:2;margin:0 0 22px}
  .lg-ov .wlogo .logo-mk{width:200px;height:122px}
  .lg-ov .wel h1{grid-column:1;grid-row:3;font-size:38px}
  .lg-ov .wel h1::after{width:64px;height:5px;margin:16px auto 0}
  .lg-ov .wcard{grid-column:2;grid-row:1 / span 4;align-self:center}
}

/* غلاف «حرير» فوق شاشة الدخول مثل دخول الموظفين (طلب عادل 2026-11-06 «اعتمد الخلفية هذي على جميع الصفحات») */
.lg-ov{background:linear-gradient(180deg,rgba(247,243,236,0) 0%,rgba(247,243,236,.5) 22%,#F7F3EC 46%),url(/brand/silk108.svg) top center/auto 46% no-repeat,#F7F3EC}