/* Rosal auth: preserve brand, variance 3 / motion 2 / density 4. */
#modal-authorization {
 --auth-blue:#176bc1; --auth-ink:#20374d; --auth-muted:#61768a;
 width:440px; max-width:calc(100vw - 32px); padding:32px;
 border-radius:16px; background:#fff; color:var(--auth-ink);
 box-sizing:border-box; font-family:inherit;
}
#modal-authorization .bxmaker-authuserphone-enter {
 width:100%; max-width:none; margin:0; padding:0; box-shadow:none;
 border:0; background:transparent; font-family:inherit; color:inherit;
}
#modal-authorization .bxmaker-authuserphone-header {
 font-family:inherit; color:var(--auth-ink); font-size:24px;
 line-height:1.25; font-weight:600; text-align:left; margin:0 0 24px;
}
#modal-authorization [class$="__notice"] {font-size:14px;line-height:1.55;color:var(--auth-muted);text-align:left;}
#modal-authorization .bxmaker-authuserphone-link {color:var(--auth-blue);text-underline-offset:4px;}
#modal-authorization .bxmaker-authuserphone-button {border-radius:8px;background:var(--auth-blue);font-family:inherit;min-height:48px;}
#modal-authorization .bxmaker-authuserphone-button__title {font-family:inherit;font-size:15px;font-weight:600;}
#modal-authorization input {font-family:inherit; font-size:16px;}
#modal-authorization :is(input,button,a,[tabindex]):focus-visible {outline:2px solid var(--auth-blue);outline-offset:3px;}
#modal-authorization .bxmaker-authuserphone-enter-usercall__phone {
 display:inline; padding:0; background:none; border:0; border-radius:0;
 margin:0; font-size:15px; line-height:1.6; font-weight:600; color:var(--auth-ink); white-space:nowrap;
 font-variant-numeric:tabular-nums;
}
#modal-authorization .bxmaker-authuserphone-enter-usercall__phone a {color:var(--auth-blue);white-space:nowrap;}
#modal-authorization [class$="__change-confirm"] {
 margin:22px 0 0;padding-top:20px;border-top:1px solid #e1e8ef;text-align:center;
}
#modal-authorization [class$="__change-confirm"] .bxmaker-authuserphone-link {
 display:inline-flex;align-items:center;justify-content:center;min-height:44px;
 padding:9px 16px;border:1px solid #aac9e8;border-radius:8px;font-size:14px;
 font-weight:600;line-height:1.4;box-sizing:border-box;width:100%;
}
#modal-authorization .bxmaker-authuserphone-enter-botcall {margin-top:8px;}
#modal-authorization .bxmaker-authuserphone-enter-botcall input[maxlength="4"] {
 width:100%;height:56px;padding:8px 16px;box-sizing:border-box;
 border:1px solid #aac1d5;border-radius:8px;background:#fff;color:var(--auth-ink);
 font-size:28px;font-weight:600;letter-spacing:12px;text-align:center;
 font-variant-numeric:tabular-nums;
}
#modal-authorization .bxmaker-authuserphone-enter-auth__title,
#modal-authorization .bxmaker-authuserphone-enter-reg__title {text-align:left;font-size:20px;color:var(--auth-muted);}
#modal-authorization [data-call-poll-note] {font-size:13px!important;line-height:1.5!important;color:var(--auth-muted)!important;}
#modal-authorization .is-close {color:var(--auth-ink);}
@media(max-width:480px){
 #modal-authorization{padding:28px 20px;max-width:calc(100vw - 24px);}
 #modal-authorization .bxmaker-authuserphone-header{font-size:22px;}
 #modal-authorization .bxmaker-authuserphone-enter-usercall__phone{font-size:15px;}
}

/* One type scale across the native BXmaker screens. */
#modal-authorization {font-size:15px;line-height:1.5;--auth-muted:#596f82;}
#modal-authorization :is(button,input,a,[class*="bxmaker-authuserphone-"]) {font-family:inherit;}
#modal-authorization .bxmaker-authuserphone-enter-auth__title,
#modal-authorization .bxmaker-authuserphone-enter-reg__title {
 text-align:left;font-size:13px;font-weight:600;line-height:1.5;
 color:var(--auth-muted);margin:0 36px 16px 0;letter-spacing:0;
}
#modal-authorization [class$="__notice"] {font-size:15px;line-height:1.6;margin-bottom:20px;}
#modal-authorization [class$="__notice"] .bxmaker-authuserphone-link {display:block;width:fit-content;margin-top:8px;font-size:14px;}
#modal-authorization .bxmaker-authuserphone-usercallto {margin:20px 0 16px;background:transparent;padding:0;}
#modal-authorization .bxmaker-authuserphone-usercallto__value {
 display:block;width:100%;box-sizing:border-box;padding:18px 12px;background:#eef5fc;border:1px solid #d9e7f4;border-radius:10px;
 font-size:26px;line-height:1.3;font-weight:600;letter-spacing:0;font-variant-numeric:tabular-nums;
}
#modal-authorization .bxmaker-authuserphone-usercallto__value a {font:inherit;color:var(--auth-blue);white-space:nowrap;text-decoration:none;}
#modal-authorization .bxmaker-authuserphone-timeout {font-size:13px;line-height:1.5;color:var(--auth-muted);margin:12px 0 20px;text-align:center;}
#modal-authorization .bxmaker-authuserphone-button {margin-top:16px;box-shadow:none;}
#modal-authorization .bxmaker-authuserphone-button__title {line-height:1.4;}
#modal-authorization [data-call-poll-note] {margin:12px 0 0!important;}
#modal-authorization [class$="__change-confirm"] {margin-top:24px;padding-top:20px;}
#modal-authorization :is(.bxmaker-authuserphone-enter-botcall,.bxmaker-authuserphone-enter-botspeech) input {
 width:100%;height:56px;padding:8px 16px;box-sizing:border-box;border:1px solid #aac1d5;border-radius:8px;
 background:#fff;color:var(--auth-ink);font-size:26px;font-weight:600;letter-spacing:10px;text-align:center;font-variant-numeric:tabular-nums;
}
@media(max-width:480px){
 #modal-authorization .bxmaker-authuserphone-usercallto__value {font-size:23px;padding:16px 8px;}
 #modal-authorization .bxmaker-authuserphone-header {line-height:1.3;margin-bottom:18px;}
}

/* Center the confirmation screens while keeping editable field labels readable. */
#modal-authorization .bxmaker-authuserphone-header,
#modal-authorization .bxmaker-authuserphone-enter-auth__title,
#modal-authorization .bxmaker-authuserphone-enter-reg__title,
#modal-authorization [class$="__notice"],
#modal-authorization .bxmaker-authuserphone-usercallto__value,
#modal-authorization [class$="__start"] {text-align:center;}
#modal-authorization .bxmaker-authuserphone-enter-auth__title,
#modal-authorization .bxmaker-authuserphone-enter-reg__title {margin-right:0;}
#modal-authorization [class$="__notice"] .bxmaker-authuserphone-link {margin-left:auto;margin-right:auto;}
#modal-authorization [data-robot-call-hint] {margin:8px 0 0;font-size:12px;line-height:1.5;font-weight:400;color:var(--auth-muted);text-align:center;}
#modal-authorization .bxmaker-authuserphone-header {
 display:block;width:100%;box-sizing:border-box;text-align:center;justify-content:center;
}

/* Desktop phone handoff; tel: QR is rendered locally from the current number. */
#modal-authorization [data-call-login-qr] {width:100%;margin:16px auto 12px;box-sizing:border-box;text-align:center;}
#modal-authorization .ral-call-qr-code {display:block;width:170px;height:170px;box-sizing:border-box;padding:20px;margin:0 auto 8px;border:1px solid #d9e7f4;border-radius:8px;background:#fff;}
#modal-authorization .ral-call-qr-code :is(canvas,img,table) {display:block;max-width:128px;max-height:128px;margin:0;border:0;}
#modal-authorization .ral-call-qr-caption {max-width:280px;margin:0 auto;color:#607381;font-size:12px;line-height:1.5;text-align:center;}
@media(max-width:991px){#modal-authorization [data-call-login-qr] {display:none!important;}}

/* Direct alternatives instead of cycling through unavailable confirmation types. */
.ral-auth-methods-ready [class$="__change-confirm"]{display:none!important}
.ral-auth-methods{display:grid;gap:10px;padding-top:18px;margin-top:20px;border-top:1px solid #dce5eb}
.ral-auth-methods button{display:block;width:100%;min-height:42px;padding:10px 14px;box-sizing:border-box;border:1px solid #9fc8ed;border-radius:6px;background:#fff;color:#0876dc;font-family:inherit;font-weight:600;font-size:13px;line-height:1.4;cursor:pointer;text-align:center}
.ral-auth-methods button:hover{background:#f1f7fc}
.ral-auth-methods button:focus-visible{outline:2px solid #0876dc;outline-offset:2px}
.ral-auth-methods button:disabled{opacity:.5;cursor:wait}

/* The phone field already owns its focus border; the inner input must not draw a second offset frame. */
#modal-authorization .bxmaker-authuserphone-input-phone__input{min-width:0;flex:1 1 0}
#modal-authorization .bxmaker-authuserphone-input-phone input,
#modal-authorization .bxmaker-authuserphone-input-phone input:focus,
#modal-authorization .bxmaker-authuserphone-input-phone input:focus-visible{outline:none!important;box-shadow:none;min-width:0;max-width:100%;font-size:16px}
#modal-authorization .bxmaker-authuserphone-input-phone__field:focus-within{border-color:var(--auth-blue);box-shadow:0 0 0 1px var(--auth-blue)}
#modal-authorization .bxmaker-authuserphone-input-phone--invalid .bxmaker-authuserphone-input-phone__field:focus-within{border-color:#f9004c;box-shadow:0 0 0 1px #f9004c}

#modal-authorization .ral-registration-required-note{margin:12px 0 0;color:var(--auth-muted);font-size:12px;line-height:1.5;text-align:left}