/* Scouty V6.10.5 — authoritative mobile auth layout.
   Loaded LAST on purpose: older feature styles must never turn #auth back into a row/flex layout. */
@media (max-width: 820px), (hover:none) and (pointer:coarse) {
  html, body { width:100%!important; max-width:100%!important; overflow-x:hidden!important; }
  #auth, #auth * { box-sizing:border-box!important; }
  #auth.auth {
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:100dvh!important;
    margin:0!important;
    padding:0!important;
    overflow-x:hidden!important;
    background:
      radial-gradient(circle at 78% 18%,rgba(205,229,156,.30),transparent 20%),
      linear-gradient(180deg,#f8fbf7 0%,#eef5ef 100%)!important;
  }
  #auth.auth::before { display:none!important; content:none!important; }
  #auth .auth-hero {
    display:block!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:calc(22px + env(safe-area-inset-top)) 20px 16px!important;
    text-align:center!important;
    background:transparent!important;
    color:#123f31!important;
    border:0!important;
    border-radius:0!important;
  }
  #auth .auth-logo {
    display:block!important;
    width:100%!important;
    margin:0 auto!important;
    font-size:30px!important;
    line-height:1.1!important;
    text-align:center!important;
    color:#123f31!important;
    white-space:nowrap!important;
  }
  #auth .auth-copy, #auth .auth-foot { display:none!important; }
  #auth .auth-formwrap {
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:12px 16px calc(34px + env(safe-area-inset-bottom))!important;
    transform:none!important;
    position:static!important;
  }
  #auth .authbox, #auth .authbox.v67-authbox {
    display:block!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    float:none!important;
    width:100%!important;
    max-width:520px!important;
    min-width:0!important;
    margin:0 auto!important;
    padding:26px 20px 28px!important;
    background:rgba(255,255,255,.97)!important;
    border:1px solid rgba(18,63,49,.08)!important;
    border-radius:28px!important;
    box-shadow:0 18px 55px rgba(18,63,49,.12)!important;
    overflow:hidden!important;
  }
  #auth .mobile-brand { display:none!important; }
  #auth .phone-auth-tabs {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    width:100%!important;
    gap:5px!important;
    margin:0 0 28px!important;
    padding:5px!important;
    background:#edf2ee!important;
    border-radius:18px!important;
  }
  #auth .phone-auth-tabs button {
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    min-height:52px!important;
    padding:10px 7px!important;
    border:0!important;
    border-radius:14px!important;
    background:transparent!important;
    color:#607068!important;
    font-size:15px!important;
    line-height:1.15!important;
    font-weight:850!important;
    white-space:normal!important;
    text-align:center!important;
  }
  #auth .phone-auth-tabs button.active { background:#fff!important; color:#116047!important; box-shadow:0 4px 14px rgba(18,63,49,.08)!important; }
  #auth .authbox h1 { margin:0!important; text-align:center!important; font-size:34px!important; line-height:1.05!important; letter-spacing:-.035em!important; color:#10271e!important; }
  #auth .authbox > .muted { max-width:390px!important; margin:10px auto 24px!important; text-align:center!important; font-size:16px!important; line-height:1.5!important; color:#738179!important; }
  #auth #signupFields, #auth .auth-grid { width:100%!important; max-width:100%!important; min-width:0!important; }
  #auth .auth-grid { display:grid!important; grid-template-columns:1fr!important; gap:0!important; }
  #auth input.input, #auth select.input, #auth .authbox input, #auth .authbox select {
    display:block!important;
    position:static!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:56px!important;
    min-height:56px!important;
    margin:7px 0!important;
    padding:0 16px!important;
    border:1px solid #dce4df!important;
    border-radius:17px!important;
    background:#fff!important;
    color:#17271f!important;
    font-size:16px!important;
    line-height:1.2!important;
    text-align:left!important;
    transform:none!important;
  }
  #auth input.input:focus, #auth select.input:focus { border-color:#79aa92!important; box-shadow:0 0 0 4px rgba(47,121,93,.09)!important; outline:none!important; }
  #auth .v688-password-wrap, #auth .v688-confirm-wrap { width:100%!important; max-width:100%!important; min-width:0!important; }
  #auth .v48-remember { display:flex!important; align-items:center!important; gap:10px!important; width:100%!important; margin:14px 0 4px!important; font-size:14px!important; }
  #auth .v48-remember input { width:22px!important; height:22px!important; min-height:22px!important; margin:0!important; flex:0 0 22px!important; }
  #auth .authbox button.btn {
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:54px!important;
    margin:12px 0 0!important;
    padding:13px 16px!important;
    border-radius:17px!important;
    font-size:16px!important;
    line-height:1.2!important;
    text-align:center!important;
  }
  #auth .authbox[data-auth-mode="login"] #signupFields,
  #auth .authbox[data-auth-mode="login"] #signupRoleFields,
  #auth .authbox[data-auth-mode="login"] #signupBtn { display:none!important; }
  #auth .authbox[data-auth-mode="signup"] #signupFields { display:block!important; }
  #auth .authbox[data-auth-mode="signup"] #loginBtn { display:none!important; }
  #auth .authbox[data-auth-mode="signup"] #signupBtn { display:block!important; }
  #auth .authbox[data-auth-mode="login"] #loginBtn { display:block!important; background:linear-gradient(135deg,#116047,#23815f)!important; color:#fff!important; }
}
@media(max-width:380px){
  #auth .auth-formwrap{padding-left:12px!important;padding-right:12px!important}
  #auth .authbox,#auth .authbox.v67-authbox{padding:22px 15px 24px!important;border-radius:24px!important}
  #auth .auth-logo{font-size:27px!important}
  #auth .authbox h1{font-size:30px!important}
  #auth .phone-auth-tabs button{font-size:14px!important}
}