#authModal .modal-dialog{max-width:460px}
#authModal .modal-content{border:0;border-radius:22px;overflow:hidden;box-shadow:0 20px 80px #0003}
#authModal .modal-header{border:0;padding:18px 20px 0;justify-content:flex-end}
#authModal .modal-body{padding:12px 38px 30px}
#authModal .auth-block-tab-list-action{display:none}
#authModal .aladan-auth-title{font-size:28px;font-weight:700;margin:0 0 22px;color:#161616}
#authModal .form-control{height:48px;background:#f3f3f3;border:1px solid transparent;border-radius:8px;font-size:16px}
#authModal .form-control:focus{background:white;border-color:#1684ff;box-shadow:0 0 0 2px #1684ff30}
#authModal .button-color-scheme1{background:#1684ff;border-radius:8px;min-height:46px}
#authModal .aladan-auth-switch{background:#f5f3ef;margin:24px -38px -30px;padding:25px 38px 30px}
#authModal .aladan-auth-switch p{margin:0 0 12px;font-size:15px}
#authModal .aladan-switch-button{background:white;color:#111;border:1px solid #e6e3df;border-radius:8px;padding:11px 17px;box-shadow:0 3px 8px #0001}
#authModal small{font-size:12px;color:#8a8a8a;line-height:1.45;display:block}
@media(max-width:520px){#authModal .modal-dialog{margin:16px auto;width:calc(100% - 24px)}#authModal .modal-body{padding:12px 24px 25px}#authModal .aladan-auth-switch{margin:22px -24px -25px;padding:24px}}

#authModal.registration-mode .aladan-auth-switch{display:none}
#authModal.registration-mode .aladan-auth-title{font-size:25px;line-height:1.2}
#authModal .registration-phone-row{display:flex;align-items:flex-start;gap:12px}
#authModal .registration-phone-row .phone-mask-container{flex:1;min-width:0}
#authModal .registration-phone-next{flex:none;padding:12px 16px;height:48px}
#authModal .registration-phone-row .iti{width:100%}
#authModal.registration-details-mode .registration-phone-row{margin-bottom:12px}
@media(max-width:380px){#authModal .registration-phone-row{flex-wrap:wrap}#authModal .registration-phone-next{width:100%}}
#authModal .auth-block-tab-1:has(.aladan-login-call .aladan-call-verification) > .buttonActionAuthSeparate {display:none!important}

@media(max-width:767.98px){#authModal .modal-dialog{height:auto!important;min-height:calc(100% - 32px);align-items:center}#authModal .modal-content{height:auto!important;min-height:0!important;max-height:calc(100dvh - 32px)}#authModal .modal-body{flex:0 1 auto;overflow-y:auto}}
