/* مولَّد تلقائيًا من app.css بواسطة scripts/build-login-css.js — لا تعدّله يدويًا */
:root{
  --bg:#f3f5f8;--card:#fff;--ink:#17212b;--muted:#566478;--line:#e2e8f0;--line2:#cbd5e1;
  --nav:#0f2a43;--nav2:#16385a;--nav-ink:#c9d9ea;--pri:#1f5f99;--pri-d:#174a79;--pri-l:#e6f0fa;--accent:#f2b134;
  --surface:#fff;--surface2:#f6f8fb;--hover:#f1f5f9;--line3:var(--line3);--bar:#eaeff5;--ink2:#475569;--ov:rgba(15,30,45,.5);
  --ok:#15803d;--ok-bg:#e3f6e8;--warn:#a16207;--warn-bg:#fff4d6;--bad:#b91c1c;--bad-bg:#fde8e8;--info:#1d4ed8;--info-bg:#e5eefe;
  --r:10px;--sh:0 1px 2px rgba(15,42,67,.06),0 2px 8px rgba(15,42,67,.05);
  font-family:"Segoe UI","Noto Sans Arabic","Noto Kufi Arabic",Tahoma,"DejaVu Sans",system-ui,sans-serif;font-size:14px;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%}
body{line-height:1.55}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3{margin:0;line-height:1.3}
.boot{display:grid;place-items:center;height:100vh;color:var(--muted)}
.muted{color:var(--muted)}
.hide{display:none!important}
.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line2);background:var(--surface);color:var(--ink);border-radius:8px;padding:7px 13px;cursor:pointer;font-weight:600;white-space:nowrap;transition:.12s}
.btn:hover{background:var(--hover)}
.btn:disabled{opacity:.5;cursor:not-allowed}
.alert{border-radius:9px;padding:10px 13px;display:flex;gap:10px;align-items:flex-start;border:1px solid}
.alert.warn{background:var(--warn-bg);border-color:#f3d98b;color:#7a4b00}
.alert.bad{background:var(--bad-bg);border-color:#f3b8b8;color:#8f1515}
.alert.info{background:var(--info-bg);border-color:#bcd0f7;color:#173d9e}
.alert.ok{background:var(--ok-bg);border-color:#b4e0c0;color:#14532d}
@keyframes sp{to{transform:rotate(360deg)}
}
input,select,textarea{border:1px solid var(--line2);border-radius:8px;padding:7px 10px;background:var(--surface);width:100%;min-width:0;outline:0}
input:focus,select:focus,textarea:focus{border-color:var(--pri);box-shadow:0 0 0 3px rgba(31,95,153,.15)}
input[type=checkbox],input[type=radio]{width:auto}
input[type=color]{padding:2px;height:36px}
textarea{resize:vertical;min-height:70px}
.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.form .fld{display:flex;flex-direction:column;gap:4px}
.form .fld.full{grid-column:1/-1}
.form label.lb{font-weight:600;font-size:13px}
.form label .req{color:var(--bad)}
.form .hint{font-size:12px;color:var(--muted)}
.form .hint.warn{color:var(--warn);font-weight:600}
.form .hint.bad{color:var(--bad);font-weight:600}
.form .sect{grid-column:1/-1;font-weight:800;color:var(--pri-d);border-bottom:1px solid var(--line);padding:6px 0 4px;margin-top:6px}
.err{color:var(--bad);font-size:12.5px;margin-top:2px}
@keyframes fd{from{opacity:0}
}
.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#0f2a43 0%,#1b4a75 60%,#2a6aa5 100%)}
.login{background:var(--surface);border-radius:16px;padding:30px;width:100%;max-width:400px;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.login h1{font-size:21px;margin:12px 0 4px}
.login .brandlogo{width:50px;height:50px;border-radius:13px;background:var(--accent);color:var(--nav);display:grid;place-items:center}
.login .form{grid-template-columns:1fr;margin-top:18px}
html[data-theme=dark]{--bg:#0e1621;--card:#16212e;--ink:#e6edf5;--muted:#9fb0c3;--line:#263648;--line2:#35485e;--nav:#0a121b;--nav2:#142231;--nav-ink:#c5d4e4;--pri:#4a9be0;--pri-d:#8cc4f5;--pri-l:#1a3552;
  --surface:#16212e;--surface2:#1b2938;--hover:#203246;--line3:#22313f;--bar:#2a3b4f;--ink2:#b6c4d4;--ov:rgba(0,0,0,.62);
  --ok:#4ade80;--ok-bg:#12351f;--warn:#fbbf24;--warn-bg:#3a2d0c;--bad:#f87171;--bad-bg:#3d1717;--info:#8ab4ff;--info-bg:#172a52;color-scheme:dark}
html[data-theme=dark] .btn.pri{color:#04131f}
html[data-theme=dark] .alert.warn{border-color:#6b5316;color:#fcd581}
html[data-theme=dark] .alert.bad{border-color:#7a2a2a;color:#fca5a5}
html[data-theme=dark] .alert.info{border-color:#2a4a8a;color:#b6cdff}
html[data-theme=dark] .alert.ok{border-color:#1f5a35;color:#9be9b6}
html[data-theme=dark] .btn.danger{border-color:#7a2a2a}
html[data-theme=dark] h1,html[data-theme=dark] h3{color:var(--ink)}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:0}
.btn:focus-visible{outline:3px solid var(--pri);outline-offset:2px}
.skip{position:absolute;inset-inline-start:8px;top:-60px;background:var(--pri);color:#fff;padding:8px 12px;border-radius:8px;z-index:300}
.skip:focus{top:8px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}
}
body.compact table.t td{padding:4px 9px}
body.compact table.t th{padding:6px 9px}
body.compact .cell-sub{display:inline;margin-inline-start:6px}
html[dir=rtl] table.t tr.late td:first-child,html[dir=rtl] table.t tr.hl-warn td:first-child{box-shadow:inset -4px 0 0 var(--warn)}
@media (max-width:700px){.form{grid-template-columns:1fr}
}
@media print{html[data-theme=dark]{--bg:#fff;--card:#fff;--ink:#000;--surface:#fff}
.btn{display:none!important}
}
.pwrap{position:relative;display:flex}
.pwrap input{flex:1;padding-inline-end:42px}
.pweye{position:absolute;inset-inline-end:6px;top:50%;transform:translateY(-50%);background:none;border:0;cursor:pointer;color:var(--muted,#64748b);padding:6px;border-radius:6px;display:flex}
.pweye:hover{background:var(--bg2,#eef3f8)}
.login .logos{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:6px}
.login .logos img{height:92px;width:auto;max-width:44%;object-fit:contain}
.login .lsep{width:1px;height:70px;background:var(--line,#d9e0e7)}
.login h1,.login>.muted,.login .login-sub{text-align:center}
.login>.muted{margin-bottom:8px}
html[dir=rtl] table.t tr.hl-inv td:first-child{box-shadow:inset -4px 0 0 #a855f7}
html{overflow-x:hidden}
body{max-width:100%}
@media (max-width:900px){input,select,textarea{font-size:16px}
.page-head .actions>.btn{flex:1 1 auto}
}
@media (max-width:700px){.onlinew .btn .bold{display:none}
.modal-f .btn{flex:1 1 auto;justify-content:center}
.btn{min-height:40px}
.login{width:100%;max-width:100%;border-radius:0;min-height:100vh}
}
select{-webkit-appearance:none;appearance:none;padding-inline-end:10px;padding-left:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%2364748b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 10px center}
.login-wrap{background:#0f2a43 url(/img/login-bg.jpg) center/cover no-repeat;position:relative}
.login-wrap .login{background:rgba(255,255,255,.94);-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid rgba(255,255,255,.7);border-radius:22px;padding:30px 34px 26px;max-width:440px;box-shadow:0 24px 70px rgba(6,24,60,.45)}
.login-wrap .login .logos{gap:22px;margin-bottom:10px}
.login-wrap .login .logos img{height:96px}
.login-wrap .login h1{font-size:24px;color:#0f2a43;margin:10px 0 4px}
.login-wrap .login .fld input{height:46px;border-radius:12px;background:rgba(255,255,255,.9);border-color:#cfdcec}
.login-wrap .login .btn.pri,.login-wrap .login button[type=submit]{height:48px;border-radius:12px;font-size:17px;font-weight:700;background:linear-gradient(180deg,#1f63b5,#0b3c8a);border:0;color:#fff;box-shadow:0 8px 18px rgba(11,60,138,.35)}
.login-wrap .login .login-foot{text-align:center;color:#64748b;margin-top:16px;display:flex;align-items:center;gap:10px;justify-content:center;font-size:14px}
.login-wrap .login .login-foot::before,.login-wrap .login .login-foot::after{content:'';height:1px;width:34px;background:#9fb3cc}
html[data-theme=dark] .login-wrap .login{background:rgba(255,255,255,.86);color:#0f2a43}
html[data-theme=dark] .login-wrap .login h1,html[data-theme=dark] .login-wrap .login .lb{color:#0f2a43}
@media (max-width:700px){.login-wrap{padding:12px}
.login-wrap .login{border-radius:18px;min-height:0;padding:22px 18px;max-width:100%}
.login-wrap .login .logos img{height:72px}
}
.iwrap{position:relative;display:block}
.iwrap.pwrap{display:flex}
.iwrap>svg{position:absolute;inset-inline-start:13px;top:50%;transform:translateY(-50%);color:#4b6a93;pointer-events:none;z-index:1}
.iwrap input{padding-inline-start:42px}
@media (min-width:701px){.login-wrap .login{max-width:500px;padding:38px 42px 32px}
.login-wrap .login .logos img{height:112px}
.login-wrap .login h1{font-size:27px;margin-top:16px}
.login-wrap .login .form{gap:16px;margin-top:22px}
.login-wrap .login .fld input{height:50px}
.login-wrap .login button[type=submit]{height:54px}
}
.lb.lbicon{display:flex;align-items:center;gap:6px}
.lb.lbicon svg{color:#1f63b5;flex:none}
.login-wrap .login button[type=submit]{position:relative;overflow:hidden;transition:transform .15s,box-shadow .2s,filter .2s}
.login-wrap .login button[type=submit]::after{content:"";position:absolute;top:0;bottom:0;width:70px;inset-inline-start:-90px;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);animation:btnshine 4.5s ease-in-out 1.2s infinite;pointer-events:none}
.login-wrap .login button[type=submit]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 24px rgba(11,60,138,.45);filter:brightness(1.06)}
.login-wrap .login button[type=submit]:active:not(:disabled){transform:translateY(0) scale(.98)}
.login-wrap .login button[type=submit]:disabled{cursor:progress;opacity:.9}
.login-wrap .login button[type=submit]:disabled::before{content:"";display:inline-block;width:16px;height:16px;margin-inline-end:10px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:btnspin .7s linear infinite}
@keyframes btnshine{0%,55%{inset-inline-start:-90px}
100%{inset-inline-start:110%}
}
@keyframes btnspin{to{transform:rotate(360deg)}
}
@media (min-width:1100px) and (min-height:700px){.login-wrap .login{width:clamp(480px,30.8vw,620px);max-width:none;min-height:clamp(560px,64vh,700px);display:flex;flex-direction:column;justify-content:center}
.login-wrap .login .logos img{height:clamp(112px,11vh,140px)}
}
.login-wrap .login .logos{display:flex;align-items:center;justify-content:center;gap:clamp(20px,2.4vw,34px);margin:2px 0 6px}
.login-wrap .login .logos img{height:clamp(108px,12vh,142px);width:auto;max-width:44%;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(15,42,67,.2));opacity:0;animation:logoin .7s cubic-bezier(.2,.7,.2,1) forwards}
.login-wrap .login .logos img:nth-of-type(2){animation-delay:.18s}
.login-wrap .login .lsep{width:2px;height:clamp(70px,8vh,96px);border-radius:2px;background:linear-gradient(180deg,transparent,#9fb6d3 20%,#9fb6d3 80%,transparent);opacity:.8}
@keyframes logoin{from{opacity:0;transform:translateY(10px) scale(.96)}
to{opacity:1;transform:none}
}
.login-wrap .login{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:rgba(255,255,255,.95)!important}
@media (min-width:1100px) and (min-height:700px){.login-wrap .login{width:clamp(560px,37vw,760px);min-height:clamp(640px,78vh,820px);padding:44px 56px 36px}
.login-wrap .login .logos img{height:clamp(130px,14vh,170px)}
.login-wrap .login h1{font-size:clamp(30px,2.2vw,38px)}
.login-wrap .login .fld input{height:clamp(54px,6.4vh,62px);font-size:17px}
.login-wrap .login .lb{font-size:15px}
.login-wrap .login .btn.pri,.login-wrap .login button[type=submit]{height:clamp(58px,6.8vh,66px);font-size:19px}
.login-wrap .login .form{gap:20px;margin-top:26px}
}
html[dir=rtl] table.t tr.hl-inv.hl-warn td:first-child{box-shadow:inset -4px 0 0 #a855f7,inset -9px 0 0 #f59e0b}
@media (max-width:700px){.login-wrap{background:#0f2a43 url(/img/login-bg-m.jpg) center/cover no-repeat;background-attachment:scroll}
}
.fld.err input,.fld.err select,.fld.err textarea,.fld.err .chkgrid{border-color:#dc2626!important;box-shadow:0 0 0 3px rgba(220,38,38,.2)!important;background-image:none}
.fld.err .lb,.fld.err>label{color:#dc2626}
.fld.err .hint{color:#dc2626}