/* SecureTech staff sign-in: self-contained responsive fixes, 2026-10-09.
   Scoped to #login; never restyles authenticated management dashboards. */
body.st-login-visible{
  background:#f7f9fc!important;
}
body.st-login-visible #st-universal-prefs{
  position:fixed!important;
  top:calc(12px + env(safe-area-inset-top,0px))!important;
  right:16px!important;
  bottom:auto!important;
  left:auto!important;
  z-index:2147482000!important;
  width:auto!important;
  max-width:calc(100vw - 32px)!important;
  padding:7px 9px!important;
  border:1px solid #d7e0eb!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#17324a!important;
  box-shadow:0 3px 12px rgba(14,35,61,.09)!important;
  backdrop-filter:none!important;
}
body.st-login-visible #st-universal-prefs select{
  color:#1b3047!important;
  background:#fff!important;
  border:1px solid #c7d5e2!important;
  border-radius:8px!important;
  min-height:38px!important;
  max-width:128px!important;
  font-size:13px!important;
}
body.st-login-visible #login.login-shell{
  min-height:100dvh!important;
  height:auto!important;
  overflow:visible!important;
}
body.st-login-visible #login .login-card{
  background:#fff!important;
  color:#18324e!important;
}
body.st-login-visible #login .login-form-pane,
body.st-login-visible #login .login-form-pane .login-security-actions{
  background:#fff!important;
  color:#18324e!important;
}
body.st-login-visible #login .login-form-pane label{
  color:#263c56!important;
}
body.st-login-visible #login .login-form-pane input,
body.st-login-visible #login .login-form-pane input:focus{
  color:#142d48!important;
  background:#fff!important;
  -webkit-text-fill-color:#142d48!important;
  caret-color:#142d48!important;
  border:1px solid #a8b8c9!important;
  opacity:1!important;
}
body.st-login-visible #login .login-form-pane input::placeholder{
  color:#66788b!important;
  opacity:1!important;
}
body.st-login-visible #login .login-form-pane input:-webkit-autofill,
body.st-login-visible #login .login-form-pane input:-webkit-autofill:focus{
  -webkit-box-shadow:0 0 0 1000px #fff inset!important;
  -webkit-text-fill-color:#142d48!important;
  box-shadow:0 0 0 1000px #fff inset!important;
}
body.st-login-visible #login .login-form-pane input:focus-visible{
  outline:2px solid #3974c1!important;
  outline-offset:2px!important;
}
body.st-login-visible #login #loginError{
  color:#a91d31!important;
  font-size:13px!important;
  line-height:1.5!important;
  min-height:0!important;
  margin:6px 0 0!important;
}
body.st-login-visible #login #loginError:empty{
  display:none!important;
}
body.st-login-visible #login .login-credit,
body.st-login-visible #login .login-support-note{
  color:#596b80!important;
  opacity:1!important;
}
body.st-login-visible #login .login-legal-links a{
  color:#314762!important;
}
body.st-login-visible #login #securetechDeveloperCredit{
  display:none!important; /* Existing approved credit remains in .login-credit */
}
@media(max-width:820px){
  body.st-login-visible #login.login-shell{
    display:block!important;
    place-items:unset!important;
    padding:0!important;
    min-height:100dvh!important;
    height:auto!important;
  }
  body.st-login-visible #login .login-card{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-height:100dvh!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    border-radius:0!important;
    padding:0!important;
    box-shadow:none!important;
  }
  body.st-login-visible #login .login-form-pane{
    display:flex!important;
    flex-direction:column!important;
    height:auto!important;
    min-height:100dvh!important;
    justify-content:flex-start!important;
    padding:88px 22px max(28px,env(safe-area-inset-bottom,0px))!important;
  }
  body.st-login-visible #login .login-form-pane .brand{
    min-height:0!important;
    margin:0 0 19px!important;
    justify-content:center!important;
  }
  body.st-login-visible #login .login-form-pane .brand-logo{
    width:min(190px,54vw)!important;
    max-width:100%!important;
    height:auto!important;
    max-height:76px!important;
    object-fit:contain!important;
  }
  body.st-login-visible #login .login-eyebrow{
    color:#526780!important;
  }
  body.st-login-visible #login .login-form-pane h1{
    color:#102642!important;
    font-size:clamp(29px,7vw,35px)!important;
    text-align:left!important;
  }
  body.st-login-visible #login .login-form-pane>p{
    color:#566a7d!important;
    font-size:14px!important;
    text-align:left!important;
    line-height:1.45!important;
  }
  body.st-login-visible #login .login-form-pane label{
    font-size:14px!important;
    margin:9px 0!important;
  }
  body.st-login-visible #login .login-form-pane input,
  body.st-login-visible #login .login-form-pane button{
    min-height:50px!important;
    font-size:16px!important;
  }
  body.st-login-visible #login .login-form-pane .login-security-actions{
    gap:12px!important;
  }
  body.st-login-visible #login .login-form-pane .login-support-note{
    margin-top:16px!important;
  }
  body.st-login-visible #login .login-form-pane .login-legal-links,
  body.st-login-visible #login .login-form-pane .login-credit{
    margin-top:12px!important;
  }
}
@media(max-width:380px){
  body.st-login-visible #st-universal-prefs{
    top:8px!important;
    right:10px!important;
    padding:5px!important;
    gap:4px!important;
  }
  body.st-login-visible #st-universal-prefs select{
    max-width:110px!important;
    font-size:12px!important;
  }
  body.st-login-visible #login .login-form-pane{
    padding:74px 18px 24px!important;
  }
}