/* Mika Vault sign-in uses the exact Studio layout and password form language,
   with vault-specific refinements for short phones and safe-area insets. */
.vault-auth.login-screen{display:flex;min-height:100vh;min-height:100dvh;background:#fffdfb}
.vault-auth[hidden]{display:none!important}
.vault-auth .login-panel{max-width:700px;width:100%;min-width:0;box-sizing:border-box;overflow-wrap:anywhere}
.vault-auth .top-brand{margin-bottom:clamp(28px,7vh,80px)}
.vault-auth h1{font-size:clamp(36px,5vw,58px)}
.vault-auth .login-form{width:100%;max-width:430px}
.vault-auth .login-form button.primary{display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:14px 18px;border-radius:13px;background:#98556e;color:white;border:0;font-size:14px;font-weight:750;margin-top:10px}
.vault-auth .login-form button.primary:hover{background:#85445e}
.vault-auth .login-form button.primary:disabled{opacity:.55}
.vault-auth .password-control button{margin:0;min-height:42px}
.vault-auth .login-panel .vault-link{display:inline-block;max-width:max-content}
.vault-auth .remember-control{min-height:44px}
.vault-auth .remember-control input{width:20px;height:20px;flex-shrink:0}
#vault-shell[hidden]{display:none!important}
@media(max-width:850px){
 .vault-auth .side-panel{display:none}
 .vault-auth .login-panel{max-width:none;min-height:100vh;min-height:100dvh;padding:clamp(20px,5vw,34px)}
 .vault-auth .top-brand{margin-bottom:clamp(24px,6vh,58px)}
}
@media(max-width:430px){
 .vault-auth .top-brand{margin-bottom:22px}
 .vault-auth h1{font-size:clamp(32px,10vw,45px);margin:10px 0}
 .vault-auth .intro{font-size:13px;line-height:1.5;margin-bottom:18px}
 .vault-auth .login-form{gap:8px}
 .vault-auth .password-control input{min-height:52px;font-size:16px}
 .vault-auth .privacy{margin-top:19px}
 .vault-auth .vault-link{margin-top:12px}
}
@media(max-height:650px){
 .vault-auth .top-brand{margin-bottom:16px}
 .vault-auth h1{font-size:34px;line-height:1.15}
 .vault-auth .intro{margin-bottom:16px}
 .vault-auth .privacy{margin-top:14px}
}
@supports (padding: max(0px, 1px)){
 .vault-auth .login-panel{
   padding-top:max(20px,env(safe-area-inset-top));
   padding-right:max(20px,env(safe-area-inset-right));
   padding-bottom:max(22px,env(safe-area-inset-bottom));
   padding-left:max(20px,env(safe-area-inset-left));
 }
 .vault-auth .side-panel{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
 .vault-auth .login-screen{height:auto}
}
/* Responsive links to the independent Vault 1 and Studio pages. */
.vault-switch-links{display:flex;align-items:center;flex-wrap:wrap;gap:8px 22px;margin-top:12px}
.vault-auth .vault-switch-links .vault-link{margin-top:0}
/* A CSS display rule must never override [hidden] before VAULT1_URL is set. */
.vault-auth .login-panel .vault-link[hidden], .side .side-link[hidden], .top a[hidden]{display:none!important}