/* BUILD 212W — mobile login / password reset stabilization.
   This is an override layer only; desktop auth styling remains owned by auth211v11a.css. */
:root{--as-auth-viewport-height:100dvh}
body[data-as-auth-screen="true"]{overflow-x:hidden!important;overscroll-behavior-y:none;background:#0b1116!important}
body[data-as-auth-screen="true"] #app{min-height:var(--as-auth-viewport-height)!important;overflow:visible!important}

@media (max-width:900px){
  html{background:#0b1116!important;overflow-x:hidden!important}
  body[data-as-auth-screen="true"]{min-height:var(--as-auth-viewport-height)!important;height:auto!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}
  body[data-as-auth-screen="true"] #app{height:auto!important;min-height:var(--as-auth-viewport-height)!important;overflow:visible!important}
  body[data-as-auth-screen="true"] .auth211v-shell,
  body[data-as-auth-screen="true"] .auth211v-shell.auth211v-onboard{
    box-sizing:border-box!important;
    display:block!important;
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:var(--as-auth-viewport-height)!important;
    overflow:visible!important;
    padding:calc(14px + env(safe-area-inset-top)) 14px calc(18px + env(safe-area-inset-bottom))!important;
    background:radial-gradient(circle at 80% 5%,rgba(210,166,108,.12),transparent 31%),linear-gradient(155deg,#111920 0%,#090e12 72%)!important;
  }
  body[data-as-auth-screen="true"] .auth211v-shell>.auth211v-material,
  body[data-as-auth-screen="true"] .auth211v-frame>.auth211v-material{display:none!important}
  body[data-as-auth-screen="true"] .auth211v-glass,
  body[data-as-auth-screen="true"] .auth211v-frame,
  body[data-as-auth-screen="true"] .auth211v-access{
    box-sizing:border-box!important;
    position:static!important;
    inset:auto!important;
    transform:none!important;
    display:block!important;
    width:100%!important;
    max-width:560px!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    margin:0 auto!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body[data-as-auth-screen="true"] .auth211v-glass-top{
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    position:static!important;width:100%!important;box-sizing:border-box!important;
    margin:0 0 12px!important;padding:10px 4px!important;
  }
  body[data-as-auth-screen="true"] .auth211v-glass-top>div:first-child strong{font-size:13px!important}
  body[data-as-auth-screen="true"] .auth211v-glass-top>div:first-child span{font-size:8px!important}
  body[data-as-auth-screen="true"] .auth211v-card,
  body[data-as-auth-screen="true"] .auth211v-onboard-card{
    box-sizing:border-box!important;
    position:relative!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    margin:0!important;
    padding:22px 18px!important;
    border:1px solid rgba(255,255,255,.09)!important;
    border-radius:22px!important;
    background:linear-gradient(160deg,rgba(25,34,41,.97),rgba(13,19,24,.98))!important;
    box-shadow:0 18px 54px rgba(0,0,0,.28)!important;
  }
  body[data-as-auth-screen="true"] .auth211v-title{margin-bottom:18px!important}
  body[data-as-auth-screen="true"] .auth211v-title h2{
    margin:6px 0 7px!important;font-size:clamp(25px,8vw,34px)!important;line-height:1.03!important;letter-spacing:-.04em!important;
  }
  body[data-as-auth-screen="true"] .auth211v-title p{font-size:12px!important;line-height:1.55!important;margin:0!important}
  body[data-as-auth-screen="true"] .auth211v-field{display:block!important;margin:0 0 13px!important;min-width:0!important}
  body[data-as-auth-screen="true"] .auth211v-field>span{display:block!important;margin:0 0 6px!important;font-size:9px!important}
  body[data-as-auth-screen="true"] .auth211v-field>div{
    box-sizing:border-box!important;display:flex!important;align-items:center!important;position:relative!important;
    width:100%!important;min-width:0!important;height:52px!important;min-height:52px!important;
    padding:0 10px!important;overflow:hidden!important;border-radius:13px!important;
  }
  body[data-as-auth-screen="true"] .auth211v-field svg{flex:0 0 20px!important;width:20px!important;height:20px!important;margin-right:8px!important}
  body[data-as-auth-screen="true"] .auth211v-field input{
    box-sizing:border-box!important;flex:1 1 auto!important;width:1px!important;min-width:0!important;height:50px!important;
    padding:0 6px!important;margin:0!important;font-size:16px!important;line-height:normal!important;
    border:0!important;outline:0!important;background:transparent!important;-webkit-text-size-adjust:100%!important;
  }
  body[data-as-auth-screen="true"] .auth211v-field button,
  body[data-as-auth-screen="true"] .auth212w-password-toggle{
    flex:0 0 auto!important;position:static!important;min-width:48px!important;height:38px!important;margin:0 0 0 4px!important;
    padding:0 8px!important;border:0!important;background:transparent!important;color:#d9b27a!important;font-size:11px!important;font-weight:800!important;
  }
  body[data-as-auth-screen="true"] .auth211v-primary,
  body[data-as-auth-screen="true"] .auth211v-secondary,
  body[data-as-auth-screen="true"] .auth211v-biometric{
    box-sizing:border-box!important;width:100%!important;min-height:52px!important;height:auto!important;margin-top:10px!important;border-radius:14px!important;
  }
  body[data-as-auth-screen="true"] .auth211v-primary:disabled{opacity:.58!important;cursor:wait!important}
  body[data-as-auth-screen="true"] .auth211v-remember{margin:10px 0 3px!important;min-height:42px!important}
  body[data-as-auth-screen="true"] .auth211v-divider{margin:15px 0 5px!important}
  body[data-as-auth-screen="true"] .auth211v-glass-foot{
    box-sizing:border-box!important;display:flex!important;flex-wrap:wrap!important;gap:6px 12px!important;position:static!important;
    width:100%!important;margin:12px 0 0!important;padding:0 5px!important;font-size:8px!important;
  }
  body[data-as-auth-screen="true"] .auth211v-step{margin:0 0 16px!important}
  body[data-as-auth-screen="true"] .auth211v-password-rule,
  body[data-as-auth-screen="true"] .auth211v-privacy{box-sizing:border-box!important;width:100%!important;margin:7px 0 11px!important;padding:12px!important;border-radius:13px!important}
  body[data-as-auth-screen="true"] .auth211v-error{min-height:20px!important;margin-top:8px!important;white-space:normal!important;overflow-wrap:anywhere!important}
  body[data-as-auth-screen="true"] .auth211v-text-btn{min-height:44px!important;margin-top:5px!important}
}

@media (max-width:420px){
  body[data-as-auth-screen="true"] .auth211v-shell,
  body[data-as-auth-screen="true"] .auth211v-shell.auth211v-onboard{padding-left:10px!important;padding-right:10px!important}
  body[data-as-auth-screen="true"] .auth211v-card,
  body[data-as-auth-screen="true"] .auth211v-onboard-card{padding:19px 14px!important;border-radius:18px!important}
  body[data-as-auth-screen="true"] .auth211v-glass-foot span{font-size:7px!important}
}

@media (max-width:900px) and (max-height:560px) and (orientation:landscape){
  body[data-as-auth-screen="true"] .auth211v-shell,
  body[data-as-auth-screen="true"] .auth211v-shell.auth211v-onboard{padding-top:8px!important;padding-bottom:8px!important}
  body[data-as-auth-screen="true"] .auth211v-card,
  body[data-as-auth-screen="true"] .auth211v-onboard-card{padding:15px!important}
  body[data-as-auth-screen="true"] .auth211v-title h2{font-size:25px!important}
  body[data-as-auth-screen="true"] .auth211v-glass-foot{display:none!important}
}