/* Verify phone number modal — layout & theme (no inline styles in view) */

#modal-verify-phone {
    z-index: 2000;
}

#modal-verify-phone .modal-verify-phone-dialog {
    width: 450px;
}

#modal-verify-phone .modal-header .bd-modal-title {
    margin-bottom: 0;
}

#modal-verify-phone .modal-verify-phone-loader-strip {
    height: 4px;
}

#modal-verify-phone-loader {
    margin: 0;
    display: none;
}

#modal-verify-phone-error-message {
    position: absolute;
    top: 12px;
    left: calc(50% - 400px / 2);
    width: 400px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    opacity: 0;
    color: #c62828;
}

#modal-verify-phone-inputs {
    margin-top: 30px;
    opacity: 0;
}

#modal-verify-phone .modal-verify-phone-auth-flex {
    display: flex;
    justify-content: center;
}

#modal-verify-phone .modal-verify-phone-digits-row {
    display: flex;
    gap: 8px;
}

#modal-verify-phone .modal-verify-phone-digit-cell {
    padding-left: 0;
    padding-right: 0;
}

#modal-verify-phone .modal-verify-phone-digit-input {
    box-shadow: none;
}

#modal-verify-phone .modal-verify-phone-copy {
    width: 400px;
    margin-left: calc(50% - 400px / 2);
}

#modal-verify-phone .modal-verify-phone-copy .login-box-msg {
    margin-top: 20px;
}

#modal-verify-phone .modal-verify-phone-copy-lead {
    white-space: nowrap;
}

html[data-theme="dark"] #modal-verify-phone-error-message {
    color: var(--go-dark-status-error);
}