/* Rande ID / fixed rails and full-screen swipe v3 (DEV only) */
#app{position:relative;isolation:isolate;overflow:hidden}
#app>.shell.transition-entering,
#app>.shell.transition-exiting{
  position:absolute!important;inset:0!important;width:100%;height:100dvh;
  margin-inline:auto!important;z-index:3;background:#0B0B0C;
  overflow:hidden;will-change:transform
}
#app>.shell.transition-exiting{z-index:2;pointer-events:none}
#app>.shell.transition-entering{z-index:4}
#app .auth-card>.screen-head{max-height:none}
#app .auth-card .screen-head>.heading{display:block;text-align:center;margin:13px 0 0!important}
#app .auth-card .screen-head>.heading h1{font-size:clamp(24px,6vw,30px);line-height:1.17}
#app .auth-card .registration-scroll{position:relative;isolation:isolate;overflow-x:hidden;gap:0!important;padding:23px 2px 15px!important}
#app .auth-card .registration-scroll>.heading{
  flex:0 0 auto;margin:0!important;max-width:100%;
  position:relative;z-index:1
}
#app .auth-card .registration-fields{
  display:flex;flex:0 0 auto;flex-direction:column;gap:15px;
  width:100%;min-width:0;margin-block:auto;padding-block:24px 10px
}
#app .auth-card .registration-fields>.field{width:100%;flex:0 0 auto}
#app .auth-card .registration-fields .google-button{display:none!important}
#app .auth-card .registration-scroll-ghost{pointer-events:none}
#app .auth-card .registration-slide-ghost{
  position:absolute;inset:0;width:100%;height:100%;margin:0!important;
  padding:23px 2px 15px!important;background:#0B0B0C;overflow:hidden;
  z-index:5;pointer-events:none;will-change:transform;
  display:flex;flex-direction:column;gap:0!important
}
#app .auth-card .registration-consent{
  flex:0 0 auto;z-index:2;padding:2px 1px 12px;
  margin:0;background:transparent;border:0
}
#app .auth-card .registration-consent .privacy-accept{
  display:flex;align-items:center;gap:10px;margin:0!important;
  padding:8px 3px!important;border:0!important;border-radius:0!important;
  background:transparent!important;color:#B8C5D3;
  font:500 12px/1.45 var(--v-ui);box-shadow:none!important
}
#app .auth-card .registration-consent .privacy-accept input{
  flex:none;width:19px;height:19px;margin:0;accent-color:#DDE8F0
}
#app .auth-card .registration-consent .privacy-error{margin:0 2px 4px}
#app .auth-card.screen-register .registration-fields .field-label,
#app .auth-card.screen-login .login-fields .field-label,
#app .auth-card.screen-mfa .field-label{
  position:static!important;display:block!important;
  width:auto!important;height:auto!important;padding:0!important;overflow:visible!important;
  clip:auto!important;white-space:normal!important;border:0!important;
  font:600 12px/1.4 var(--v-ui);color:#C4CFDA;letter-spacing:0;
  margin:0 0 4px!important
}
#app .auth-card .field-inner{height:49px;min-height:49px}
#app .auth-card.screen-login>.screen-body.login-form{
  display:flex;flex-direction:column;gap:0!important;
  min-height:0;overflow-y:auto;overflow-x:hidden;
  padding:8px 2px 13px!important
}
#app .auth-card .login-fields{
  width:100%;min-width:0;max-width:100%;display:flex;flex-direction:column;
  gap:15px;flex:0 0 auto;margin-block:auto;padding:25px 0;
  position:relative;isolation:isolate
}
#app .auth-card .login-fields .login-identifier-slot{
  width:100%;min-width:0;overflow:hidden;isolation:isolate
}
#app .auth-card .login-fields .login-identifier-slot>.login-identifier-field{
  width:100%;min-width:0;transform:none;position:relative
}
#app .auth-card .login-identifier-ghost{display:none!important}
#app .auth-card .login-fields .login-methods{margin-bottom:6px}
#app .auth-card .login-fields .login-method-title{margin-bottom:2px}
#app .auth-card .login-fields .auth-inline-error{margin:0}
#app .auth-card.screen-login>.bottom-actions.login-actions{
  display:flex;flex-direction:column;align-items:stretch;gap:10px;
  padding-top:12px!important;padding-bottom:8px!important
}
#app .auth-card.screen-login>.bottom-actions.login-actions .btn.primary,
#app .auth-card.screen-login>.bottom-actions.login-actions .google-button{
  display:flex;flex:0 0 auto;width:100%;min-height:47px;max-height:none;
  border-radius:8px;margin:0
}
#app .auth-card.screen-login>.bottom-actions .google-button{
  background:#242930;color:#E6EDF6;border:1px solid #45505B
}
#app .auth-card.screen-login>.bottom-actions .google-button:disabled{
  background:#1D2228;color:#9FA9B6;opacity:.65
}
#app .auth-card.screen-login>.bottom-actions .login-signup{
  margin:0;display:flex;align-items:center;justify-content:center;
  gap:4px;text-align:center;font-size:12px;color:#AEB8C5;min-height:31px
}
#app .auth-card.screen-login>.bottom-actions .login-signup .text-button{min-height:30px;padding:3px 6px}
#app .screen-signup-choice>.screen-body.signup-options{
  display:flex;flex-direction:column;justify-content:center!important;
  gap:12px;padding:28px 2px!important
}
#app .screen-signup-choice>.screen-body.signup-options .signup-option{flex:0 0 auto}
#app .screen-login .screen-head>.heading,
#app .screen-signup-choice .screen-head>.heading,
#app .screen-mfa .screen-head>.heading{padding-top:0}
#app .screen-register .screen-head>.progress{margin-top:12px}
@media(max-height:660px){
 #app .auth-card .registration-scroll{padding-top:13px!important}
 #app .auth-card .registration-fields{padding-block:10px 6px;gap:9px}
 #app .auth-card .login-fields{padding:12px 0;gap:10px}
 #app .auth-card.screen-login>.bottom-actions.login-actions{gap:5px;padding:7px 0!important}
 #app .auth-card.screen-login>.bottom-actions.login-actions .btn.primary,
 #app .auth-card.screen-login>.bottom-actions.login-actions .google-button{min-height:40px}
 #app .auth-card .registration-consent{padding-bottom:3px}
}
@media(prefers-reduced-motion:reduce){
 #app>.shell.transition-entering,#app>.shell.transition-exiting{will-change:auto}
}