/* صفحات الدخول والتسجيل واستعادة كلمة المرور — الهوية الجديدة (2026) */
html body{background:#f3f6f5;color:#1d3a3f;font-family:'IBM Plex Sans Arabic',Tahoma,sans-serif}
html body .auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;
  background:linear-gradient(180deg,#0b2b30 0,#0b2b30 36%,#f3f6f5 36%);}
html body .auth-card{background:#fff;border:1px solid #d6e1de;border-radius:20px;box-shadow:0 18px 40px -22px rgba(11,43,48,.45);
  padding:30px 28px 26px;max-width:420px;width:100%;position:relative}
html body .auth-card::before{content:"";display:block;width:44px;height:4px;border-radius:4px;background:#c8953a;margin:0 0 16px}
html body .auth-card h1{font-size:22px;font-weight:700;color:#0b2b30;margin:0 0 4px;letter-spacing:0}
html body .auth-card .sub{color:#5a7276;font-size:14px;margin-bottom:20px}
html body .auth-card .field label{font-size:13px;font-weight:600;color:#0b2b30;margin-bottom:5px;display:block}
html body .auth-card input[type=text],html body .auth-card input[type=password],html body .auth-card input[type=email],html body .auth-card input[type=tel],html body .auth-card select{
  width:100%;padding:11px 13px;border:1px solid #d6e1de;border-radius:11px;background:#fff;color:#0b2b30;font:inherit;font-size:15px;box-shadow:none}
html body .auth-card input:focus,html body .auth-card select:focus{outline:3px solid #e5efed;border-color:#0f6b66}
html body .auth-card .btn-primary{background:#0f6b66;color:#fff;border:0;border-radius:11px;padding:12px 18px;font-weight:700;font-size:15px;box-shadow:none}
html body .auth-card .btn-primary:hover{background:#0a4f4b}
html body .auth-card a{color:#0f6b66}
html body .auth-card .alert{border-radius:11px;font-size:14px;line-height:1.8}
html body .auth-card .alert-error{background:#fbe6e9;color:#8a1f33;border:0}
html body .auth-card .alert-success{background:#e1f4ea;color:#17553f;border:0}
html[data-theme="dark"] body{background:#0a1d21}
html[data-theme="dark"] body .auth-wrap{background:linear-gradient(180deg,#050f11 0,#050f11 36%,#0a1d21 36%)}
html[data-theme="dark"] body .auth-card{background:#10282d;border-color:#1f3b40}
html[data-theme="dark"] body .auth-card h1,html[data-theme="dark"] body .auth-card .field label{color:#e4efed}
html[data-theme="dark"] body .auth-card input,html[data-theme="dark"] body .auth-card select{background:#0d2328;border-color:#1f3b40;color:#e4efed}
@media(max-width:480px){html body .auth-card{padding:24px 20px}}