.view-child-auth-panel .view-auth-method-tabs {
    display: flex;
    gap: 8px;
    padding: 4px;
    border-radius: 10px;
    background: #F0F4F6;
}

.view-child-auth-panel .view-auth-method-tab {
    flex: 1 1 0;
    height: 42px;
    border: 0;
    border-radius: 8px;
    padding: 8px 14px;
    cursor: pointer;
    background: transparent;
    color: #64627E;
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    transition: all 250ms;
}

.view-child-auth-panel .view-auth-method-tab.is-active {
    background: var(--view-primary, #5b51d8);
    color: #fff;
}

.view-child-auth-panel .view-auth-method-panel {
    display: none;
}

.view-child-auth-panel .view-auth-method-panel.is-active {
    display: block;
}

.view-auth-panel.view-auth-login #wv_login_email,
.view-auth-panel.view-auth-login #wv_login_password,
.view-auth-panel.view-auth-register #wv_register_full_name,
.view-auth-panel.view-auth-register #wv_register_email,
.view-auth-panel.view-auth-register #wv_register_password,
.view-auth-panel.view-auth-register #wv_register_password_confirm {
    height: 44px;
    border: none;
    outline: none;
    font-family: inherit;
    background-color: #F0F4F6;
    color: #5B5B5B;
    font-size: 16px;
    padding: 8px 20px;
    border-radius: 8px;
    font-weight: 500;
    text-align: right;
}

.view-auth-panel.view-auth-login #wv_login_email::placeholder,
.view-auth-panel.view-auth-login #wv_login_password::placeholder,
.view-auth-panel.view-auth-register #wv_register_full_name::placeholder,
.view-auth-panel.view-auth-register #wv_register_email::placeholder,
.view-auth-panel.view-auth-register #wv_register_password::placeholder,
.view-auth-panel.view-auth-register #wv_register_password_confirm::placeholder {
    color: #BDBCC8;
}

.view-auth-panel.view-auth-login #wv_login_email:focus,
.view-auth-panel.view-auth-login #wv_login_password:focus,
.view-auth-panel.view-auth-register #wv_register_full_name:focus,
.view-auth-panel.view-auth-register #wv_register_email:focus,
.view-auth-panel.view-auth-register #wv_register_password:focus,
.view-auth-panel.view-auth-register #wv_register_password_confirm:focus,
.view-auth-panel.view-auth-login #wv_login_phone:focus,
.view-auth-panel.view-auth-register #wv_full_name:focus,
.view-auth-panel.view-auth-register #wv_billing_phone:focus {
    box-shadow: inset 0 0 0 2px var(--view-primary, #5b51d8);
}

.view-child-auth-panel .view-auth-warning {
    margin: 12px 0 0;
    padding: 10px 12px;
    border-radius: 8px;
    background: rgba(255, 173, 32, 0.12);
    color: #64627E;
    font-size: 13px;
    line-height: 1.8;
}

.view-child-auth-panel .view-email-auth-links {
    margin: -16px 0 16px;
    text-align: center;
}

.view-child-auth-panel .view-email-auth-links a {
    color: var(--view-primary, #5b51d8) !important;
    font-size: 13px;
    font-weight: 600;
}

.view-child-auth-panel .view-email-auth-feedback,
.view-child-auth-panel #wv_feedback,
.view-child-auth-panel #wv_feedback_login,
.view-child-auth-panel #wv_feedback_verify {
    min-height: 22px;
    text-align: center;
    color: var(--view-primary, #5b51d8);
    font-size: 14px;
    font-weight: 400;
    padding: 0;
    margin: 0;
}

.view-child-auth-panel .view-auth-remember {
    color: #64627E;
    font-size: 13px;
    font-weight: 500;
}

.view-child-auth-panel .view-auth-remember input[type="checkbox"] {
    width: 16px;
    height: 16px;
    accent-color: var(--view-primary, #5b51d8);
}
