/* ALFADHL V23: mobile/PWA authentication is an app screen, not a narrow website. */
@media screen and (max-width: 767.98px) {
  html:has(.auth-wrapper), body:has(.auth-wrapper) { min-height: 100%; width: 100%; overflow-x: clip; }
  body:has(.auth-wrapper) { margin: 0; background: #eff4fc; }
  body:has(.auth-wrapper) .auth-wrapper {
    width: 100%; min-height: 100vh; min-height: 100svh;
    box-sizing: border-box; padding: max(18px, env(safe-area-inset-top, 0px)) 16px max(22px, env(safe-area-inset-bottom, 0px));
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    overflow: visible; position: relative;
    background: radial-gradient(ellipse at 50% 0%, rgba(182,208,247,.45),transparent 54%),linear-gradient(160deg,#eaf2fd,#f8fbff 80%);
  }
  body:has(.auth-wrapper) .auth-wrapper::before { pointer-events: none; }
  body:has(.auth-wrapper) .auth-card, body:has(.auth-wrapper) .auth-card-login {
    box-sizing: border-box; flex: 0 0 auto; width: 100% !important; max-width: 440px !important;
    margin: auto !important; padding: 26px 21px !important;
    border-radius: 24px !important; border: 1px solid rgba(211,224,241,.95) !important;
    box-shadow: 0 16px 45px rgba(23,51,95,.11) !important;
    animation: none !important;
  }
  body:has(.auth-wrapper) .auth-logo { margin-bottom: 21px !important; }
  body:has(.auth-wrapper) .auth-logo h1 { font-size: clamp(1.12rem,4.4vw,1.36rem) !important;line-height:1.45; }
  body:has(.auth-wrapper) .auth-logo p { font-size: .85rem;line-height:1.55; }
  body:has(.auth-wrapper) .auth-trust-row { margin-block: 12px 18px; }
  body:has(.auth-wrapper) .form-group { margin-bottom: 15px; }
  body:has(.auth-wrapper) .form-group label { display:block; margin-bottom: 7px; font-size:.84rem; font-weight:700; }
  body:has(.auth-wrapper) input:not([type=checkbox]):not([type=radio]),
  body:has(.auth-wrapper) select,body:has(.auth-wrapper) textarea {min-width:0; width:100%;min-height:50px;font-size:16px!important;}
  body:has(.auth-wrapper) .auth-submit,body:has(.auth-wrapper) .auth-card form .btn[type=submit] {
    width:100%;min-height:52px;display:flex;align-items:center;justify-content:center;gap:9px;
    font-size:.94rem;font-weight:800; border-radius:14px;
  }
  body:has(.auth-wrapper) .consent-block {padding:14px !important; }
  body:has(.auth-wrapper) .consent-item label {line-height:1.75;overflow-wrap:anywhere;}
  body:has(.auth-wrapper) .text-center {line-height:1.65;}
}
@media screen and (max-width:359.98px) {
  body:has(.auth-wrapper) .auth-wrapper {padding-inline:11px;}
  body:has(.auth-wrapper) .auth-card {padding:21px 16px !important; border-radius:20px!important;}
}
@media screen and (max-height:660px) and (max-width:767.98px) {
  body:has(.auth-wrapper) .auth-wrapper {justify-content:flex-start;}
  body:has(.auth-wrapper) .auth-card {margin-block:8px!important;}
}
@media (prefers-reduced-motion:reduce) {
  body:has(.auth-wrapper) .auth-card {animation:none!important;transition:none!important;}
}