/* Rande ID — auth / choose / signup refinements, DEV only */
#app .auth-card .brand,#app .auth-card .brand .brand-accent,
#app .auth-card .topline .brand{
  font-family:var(--v-display);font-weight:650;font-size:18px;
  letter-spacing:-.05em;color:#F5F7FA!important
}
#app .auth-card .brand{white-space:pre}
#app .screen-register .registration-scroll:has(.registration-fields .cpf-private-field)>.heading:empty{display:none}
#app .auth-card .progress.progress-continuous{
 position:relative;width:100%;display:block;height:5px;min-height:5px;overflow:hidden;
 border-radius:5px;background:#30343C;margin:14px 0 0;padding:0
}
#app .progress-continuous>.progress-fill{
 display:block;position:absolute;inset:0 auto 0 0;height:100%;
 border-radius:5px;background:#B0C9E9;
 transition:width 360ms cubic-bezier(.22,.72,.25,1)
}
#app .progress-continuous>.progress-cuts{position:absolute;inset:0;pointer-events:none}
#app .progress-continuous>.progress-cuts i{
 display:block;position:absolute;top:0;bottom:0;width:4px;margin-left:-2px;
 background:#0B0B0C
}
#app .screen-login .login-identifier-slot{
 position:relative;overflow:hidden;width:100%;max-width:100%;
 isolation:isolate
}
#app .screen-login .login-identifier-track{
 display:flex;flex-direction:row;align-items:stretch;width:100%;gap:0;
 min-width:0;transform:translate3d(0,0,0);will-change:transform
}
#app .screen-login .login-identifier-track>.login-identifier-field{
 display:grid!important;flex:0 0 100%;width:100%;min-width:0;max-width:100%;
 position:relative!important;transform:none!important;margin:0
}
#app .screen-login .login-identifier-track>.login-identifier-field[aria-hidden=true]{
 pointer-events:none
}
#app .screen-login .login-identifier-track .field-inner{box-sizing:border-box;width:100%}
#app .auth-card .otp-group{
 display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;
 max-width:430px;margin:2px auto 3px;min-width:0
}
#app .auth-card .otp-group .otp-digit{
 appearance:none;-webkit-appearance:none;display:block;flex:1 1 0;
 width:0;min-width:0;max-width:62px;height:55px;min-height:55px;
 background:#1B2026;color:#F1F6FC;border:1px solid #48515C;border-radius:8px;
 font:650 23px/1 var(--v-mono);text-align:center;padding:0;letter-spacing:0;
 box-shadow:none
}
#app .auth-card .otp-group .otp-digit:focus-visible,
#app .auth-card .otp-group .otp-digit:focus{border-color:#B4BEC9!important;outline:1px solid #AAB5C1!important;outline-offset:0!important;box-shadow:none!important}
#app .auth-card .otp-inline-error{color:#EB9CA6;font-size:12px;line-height:1.45;margin:0 0 2px}
#app .auth-card .otp-inline-error[hidden]{display:none!important}
#app .auth-card .registration-fields .otp-inline-error{display:block}
#app .screen-choose .account-choice{
 display:flex;flex-direction:column;align-items:stretch;
 border-bottom:1px solid #2A323B;overflow:hidden
}
#app .screen-choose .account-choice .account-row{
 flex:none;width:100%;min-height:68px;margin:0;touch-action:pan-y;
 -webkit-user-select:none;user-select:none
}
#app .screen-choose .account-choice .account-row .account-meta{
 -webkit-user-select:none;user-select:none
}
#app .screen-choose .account-expand-actions{
 display:grid;grid-template-columns:1fr 1fr;gap:9px;width:100%;
 padding:0 12px 13px;min-height:0;background:#161A1E
}
#app .screen-choose .account-expand-actions[hidden]{display:none!important}
#app .screen-choose .account-expand-actions button{
 display:flex;gap:8px;align-items:center;justify-content:center;min-height:42px;
 border-radius:8px;border:1px solid #3D4752;background:#252B33;color:#E9EFF5;
 font:600 12px/1.3 var(--v-ui)
}
#app .screen-choose .account-expand-actions [data-forget]{
 color:#FFD2D6;border-color:#69454B;background:#2B2024
}
#app .screen-register .photo-control:focus,
#app .screen-register .photo-control:focus-visible,
#app .screen-register .photo-control:focus-within{
 outline:0!important;outline-offset:0!important;box-shadow:none!important;
 border-color:#545B65!important
}
body:has(#app .screen-register) .rande-crop-stage:focus-visible{
 outline:0!important;box-shadow:0 0 0 1px #7D8793!important
}
body:has(#app .screen-register) .rande-crop-editor button:focus-visible{
 outline:1px solid #9CA6B3!important;outline-offset:1px!important
}
#app .screen-register .photo-control:has(img){border-color:#4B545D}
#app .screen-login .login-password-toggle{
 width:42px;height:42px;min-width:42px;display:grid;place-items:center;
 color:#BBC5D2;font-size:0!important
}
#app .screen-login .login-password-toggle svg{width:19px;height:19px}
#app .screen-register .show-password svg{width:19px;height:19px}
#app .screen-register .show-password,#app .screen-login .show-password{box-shadow:none}
@media(max-width:390px){
 #app .auth-card .otp-group{gap:5px}
 #app .auth-card .otp-group .otp-digit{height:49px;min-height:49px;font-size:21px}
}
@media(max-height:620px){
 #app .auth-card .otp-group .otp-digit{height:43px;min-height:43px}
}
@media(prefers-reduced-motion:reduce){
 #app .progress-continuous>.progress-fill,#app .login-identifier-track{transition:none!important}
}

#app .progress-continuous>.progress-cuts{
 width:100%!important;height:100%!important;background:transparent!important;border-radius:0!important
}
#app .progress-continuous>.progress-fill{height:100%!important}