/* Login shell only. No WooCommerce, Pinova or WordPress-login global overrides. */
.rp-auth-shell {
    box-sizing: border-box;
    min-height: 100vh;
    min-height: 100dvh;
    display: grid;
    place-items: center;
    padding: var(--rp-auth-shell-padding, 24px);
    color: var(--rp-auth-text-color, var(--rp-theme-general-text, #343a40));
    font-family: var(--rp-font, inherit);
    font-size: var(--rp-auth-font-size, 16px);
}

.rp-auth-shell[data-rp-auth-preview="true"] [data-rp-inspector-target] {
    cursor: pointer;
}

.rp-auth-shell[data-rp-auth-preview="true"] .is-rp-inspector-selected {
    outline: 2px dashed var(--rp-theme-general-accent, #3858e9);
    outline-offset: 4px;
}

.rp-auth-shell *,
.rp-auth-shell *::before,
.rp-auth-shell *::after {
    box-sizing: border-box;
}

/* Author display rules must never override a stage hidden by the live editor. */
.rp-auth-shell [hidden] {
    display: none !important;
}

.rp-auth-shell .rp-auth-card {
    width: min(100%, var(--rp-auth-width, 440px));
    max-width: none;
    min-height: var(--rp-auth-min-height, 0);
    padding: var(--rp-auth-padding, 30px);
    border: var(--rp-auth-border-width, 1px) solid var(--rp-auth-card-border-color, var(--rp-theme-general-border, #e6e6e3));
    border-radius: var(--rp-auth-radius, 18px);
    box-shadow: var(--rp-auth-shadow-x, 0) var(--rp-auth-shadow-y, 0) var(--rp-auth-shadow-blur, 0) var(--rp-auth-shadow-spread, 0) var(--rp-auth-shadow-color, transparent);
    transition: box-shadow 240ms ease;
    display: grid;
    gap: var(--rp-auth-gap, 20px);
    color: var(--rp-auth-text-color, var(--rp-theme-general-text, #343a40));
    justify-self: var(--rp-auth-card-align, center);
    text-align: var(--rp-auth-card-align, center) !important;
    margin: var(--rp-auth-card-margin-top, 0) var(--rp-auth-card-margin-right, 0) var(--rp-auth-card-margin-bottom, 0) var(--rp-auth-card-margin-left, 0);
}

.rp-auth-shell .rp-auth-card:hover {
    box-shadow: var(--rp-auth-hover-shadow-x, 0) var(--rp-auth-hover-shadow-y, 8px) var(--rp-auth-hover-shadow-blur, 24px) var(--rp-auth-hover-shadow-spread, 0) var(--rp-auth-hover-shadow-color, transparent);
}

.rp-auth-shell [data-auth-form],
.rp-auth-shell [data-rp-preview-pane] {
    display: grid;
    gap: var(--rp-auth-gap, 20px);
}

.rp-auth-shell [data-auth-form] > label {
    margin: 0;
}

.rp-auth-shell[data-rp-auth-live] .rp-auth-header,
.rp-auth-shell .rp-auth-header {
    position: relative;
    min-height: var(--rp-auth-header-height, 64px);
    display: grid;
    align-items: center;
    justify-items: var(--rp-auth-logo-align, center) !important;
    margin-bottom: var(--rp-auth-header-margin-bottom, 24px);
}

.rp-auth-shell[data-rp-auth-live] .rp-auth-logo-link,
.rp-auth-shell .rp-auth-logo-link {
    display: block;
    line-height: 0;
    text-decoration: none;
    color: inherit;
    justify-self: var(--rp-auth-logo-align, center) !important;
    transform: translate(var(--rp-auth-logo-offset-x, 0), var(--rp-auth-logo-offset-y, 0));
    margin: var(--rp-auth-logo-margin-top, 0) var(--rp-auth-logo-margin-right, 0) var(--rp-auth-logo-margin-bottom, 0) var(--rp-auth-logo-margin-left, 0);
}

.rp-auth-shell[data-rp-auth-live] .rp-auth-logo,
.rp-auth-shell .rp-auth-logo {
    width: var(--rp-auth-logo-width, 90px);
    max-width: 100%;
    height: auto;
    max-height: var(--rp-auth-logo-max-height, 100px);
    object-fit: contain;
    justify-self: var(--rp-auth-logo-align, center) !important;
    transform: translate(var(--rp-auth-logo-offset-x, 0), var(--rp-auth-logo-offset-y, 0));
    margin: var(--rp-auth-logo-margin-top, 0) var(--rp-auth-logo-margin-right, 0) var(--rp-auth-logo-margin-bottom, 0) var(--rp-auth-logo-margin-left, 0);
}

.rp-auth-shell .rp-auth-logo-link .rp-auth-logo {
    display: block;
    justify-self: auto !important;
    transform: none;
    margin: 0;
}

.rp-auth-shell .rp-auth-back {
    position: absolute;
    inset-inline-start: var(--rp-auth-back-inset-start, 0);
    inset-inline-end: var(--rp-auth-back-inset-end, auto);
    display: var(--rp-auth-back-display, inline-flex);
    align-items: center;
    justify-content: center;
    width: var(--rp-auth-back-size, 44px);
    height: var(--rp-auth-back-size, 44px);
    min-width: var(--rp-auth-back-size, 44px);
    padding: 0;
    background-color: var(--rp-auth-back-background, transparent);
    background-image: none;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 60% 60%;
    border: var(--rp-auth-back-border-width, 0) solid var(--rp-auth-back-border-color, transparent);
    border-radius: var(--rp-auth-back-radius, 10px);
    color: var(--rp-auth-back-color, inherit);
    font-weight: var(--rp-auth-back-weight, 400);
    font-size: var(--rp-auth-back-glyph-size, 28px);
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    margin: var(--rp-auth-back-margin-top, 0) var(--rp-auth-back-margin-right, 0) var(--rp-auth-back-margin-bottom, 0) var(--rp-auth-back-margin-left, 0);
    transform: translateX(var(--rp-auth-back-translate-x, 0));
}

.rp-auth-shell .rp-auth-back:is(:hover, :focus-visible) {
    background-color: var(--rp-auth-back-hover-background, var(--rp-theme-general-surface, #f7f7f6));
    border-color: var(--rp-auth-back-hover-border-color, transparent);
    color: var(--rp-auth-back-hover-color, var(--rp-theme-general-heading, #111));
}

.rp-auth-shell .rp-auth-card h1 {
    display: var(--rp-auth-heading-display, block);
    margin: var(--rp-auth-heading-margin-top, 0) var(--rp-auth-heading-margin-right, 0) var(--rp-auth-heading-margin-bottom, 0) var(--rp-auth-heading-margin-left, 0);
    color: var(--rp-auth-heading-color, var(--rp-theme-general-heading, #111));
    font-size: var(--rp-auth-title-size, 18px);
    font-weight: var(--rp-auth-title-weight, 700);
    line-height: 1.8;
    text-align: var(--rp-auth-heading-align, center) !important;
}

.rp-auth-shell .rp-auth-card h1:hover {
    color: var(--rp-auth-heading-hover-color, var(--rp-auth-heading-color, var(--rp-theme-general-heading, #111)));
}

.rp-auth-shell .rp-auth-label,
.rp-auth-shell [data-auth-form] > label {
    color: var(--rp-auth-label-color, inherit);
    font-size: var(--rp-auth-label-size, 14px);
    font-weight: var(--rp-auth-label-weight, 400);
    text-align: var(--rp-auth-label-align, start);
    margin: var(--rp-auth-label-margin-top, 0) var(--rp-auth-label-margin-right, 0) var(--rp-auth-label-margin-bottom, 0) var(--rp-auth-label-margin-left, 0);
}

.rp-auth-shell .rp-auth-back::before {
    content: "";
    width: 60%;
    height: 60%;
    background-color: currentColor;
    -webkit-mask: var(--rp-auth-back-icon, none) center / contain no-repeat;
    mask: var(--rp-auth-back-icon, none) center / contain no-repeat;
    pointer-events: none;
}
.rp-auth-shell .rp-auth-password-control { display: block; position: relative; }
.rp-auth-shell .rp-auth-password-control input { padding-inline-end: 48px !important; }
.rp-auth-shell .rp-auth-password-eye { position: absolute; inset-inline-end: 4px; top: 50%; transform: translateY(-50%); display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0; border: 0; border-radius: 5px; background: transparent; color: var(--rp-auth-input-text-color, #555); cursor: pointer; }
.rp-auth-shell .rp-auth-password-eye:focus-visible { outline: 2px solid var(--rp-auth-input-focus-color, #00c99b); outline-offset: 1px; }
.rp-auth-shell .rp-auth-label-text {
    display: var(--rp-auth-label-display, inline);
}

.rp-auth-shell .rp-auth-label:hover,
.rp-auth-shell [data-auth-form] > label:hover {
    color: var(--rp-auth-label-hover-color, var(--rp-auth-label-color, inherit));
}

/* Each semantic label can be styled independently while retaining the legacy shared fallback. */
.rp-auth-shell [data-rp-auth-label-key="password_identifier_label"] { color: var(--rp-auth-password-identifier-label-color, var(--rp-auth-label-color)); font-size: var(--rp-auth-password-identifier-label-size, var(--rp-auth-label-size)); font-weight: var(--rp-auth-password-identifier-label-weight, var(--rp-auth-label-weight)); text-align: var(--rp-auth-label-password-identifier-label-align, var(--rp-auth-label-align)); }
.rp-auth-shell [data-rp-auth-label-key="otp_identifier_label"] { color: var(--rp-auth-otp-identifier-label-color, var(--rp-auth-label-color)); font-size: var(--rp-auth-otp-identifier-label-size, var(--rp-auth-label-size)); font-weight: var(--rp-auth-otp-identifier-label-weight, var(--rp-auth-label-weight)); text-align: var(--rp-auth-label-otp-identifier-label-align, var(--rp-auth-label-align)); }
.rp-auth-shell [data-rp-auth-label-key="password_label"] { color: var(--rp-auth-password-label-color, var(--rp-auth-label-color)); font-size: var(--rp-auth-password-label-size, var(--rp-auth-label-size)); font-weight: var(--rp-auth-password-label-weight, var(--rp-auth-label-weight)); text-align: var(--rp-auth-label-password-label-align, var(--rp-auth-label-align)); }
.rp-auth-shell [data-rp-auth-label-key="reset_password_label"] { color: var(--rp-auth-reset-password-label-color, var(--rp-auth-label-color)); font-size: var(--rp-auth-reset-password-label-size, var(--rp-auth-label-size)); font-weight: var(--rp-auth-reset-password-label-weight, var(--rp-auth-label-weight)); text-align: var(--rp-auth-label-reset-password-label-align, var(--rp-auth-label-align)); }
.rp-auth-shell [data-rp-auth-label-key="reset_password_confirm_label"] { color: var(--rp-auth-reset-password-confirm-label-color, var(--rp-auth-label-color)); font-size: var(--rp-auth-reset-password-confirm-label-size, var(--rp-auth-label-size)); font-weight: var(--rp-auth-reset-password-confirm-label-weight, var(--rp-auth-label-weight)); text-align: var(--rp-auth-label-reset-password-confirm-label-align, var(--rp-auth-label-align)); }
.rp-auth-shell [data-rp-auth-label-key="otp_label"] { color: var(--rp-auth-otp-label-color, var(--rp-auth-label-color)); font-size: var(--rp-auth-otp-label-size, var(--rp-auth-label-size)); font-weight: var(--rp-auth-otp-label-weight, var(--rp-auth-label-weight)); text-align: var(--rp-auth-label-otp-label-align, var(--rp-auth-label-align)); }
.rp-auth-shell [data-rp-auth-label-key="rate_limited_label"] { color: var(--rp-auth-rate-limited-label-color, var(--rp-auth-label-color)); font-size: var(--rp-auth-rate-limited-label-size, var(--rp-auth-label-size)); font-weight: var(--rp-auth-rate-limited-label-weight, var(--rp-auth-label-weight)); text-align: var(--rp-auth-label-rate-limited-label-align, var(--rp-auth-label-align)); }
.rp-auth-shell [data-rp-auth-label-key="otp_status_label"] { color: var(--rp-auth-otp-status-label-color, var(--rp-auth-label-color)); font-size: var(--rp-auth-otp-status-label-size, var(--rp-auth-label-size)); font-weight: var(--rp-auth-otp-status-label-weight, var(--rp-auth-label-weight)); text-align: var(--rp-auth-label-otp-status-label-align, var(--rp-auth-label-align)); }
.rp-auth-shell [data-rp-auth-label-key="otp_expired_label"] { color: var(--rp-auth-otp-expired-label-color, var(--rp-auth-label-color)); font-size: var(--rp-auth-otp-expired-label-size, var(--rp-auth-label-size)); font-weight: var(--rp-auth-otp-expired-label-weight, var(--rp-auth-label-weight)); text-align: var(--rp-auth-label-otp-expired-label-align, var(--rp-auth-label-align)); }
.rp-auth-shell [data-rp-auth-label-key="otp_timer_label"] { color: var(--rp-auth-otp-timer-label-color, var(--rp-auth-label-color)); font-size: var(--rp-auth-otp-timer-label-size, var(--rp-auth-label-size)); font-weight: var(--rp-auth-otp-timer-label-weight, var(--rp-auth-label-weight)); text-align: var(--rp-auth-label-otp-timer-label-align, var(--rp-auth-label-align)); }
.rp-auth-shell [data-rp-auth-label-key="password_identifier_label"]:hover { color: var(--rp-auth-password-identifier-label-hover-color, var(--rp-auth-password-identifier-label-color, var(--rp-auth-label-hover-color))); }
.rp-auth-shell [data-rp-auth-label-key="otp_identifier_label"]:hover { color: var(--rp-auth-otp-identifier-label-hover-color, var(--rp-auth-otp-identifier-label-color, var(--rp-auth-label-hover-color))); }
.rp-auth-shell [data-rp-auth-label-key="password_label"]:hover { color: var(--rp-auth-password-label-hover-color, var(--rp-auth-password-label-color, var(--rp-auth-label-hover-color))); }
.rp-auth-shell [data-rp-auth-label-key="reset_password_label"]:hover { color: var(--rp-auth-reset-password-label-hover-color, var(--rp-auth-reset-password-label-color, var(--rp-auth-label-hover-color))); }
.rp-auth-shell [data-rp-auth-label-key="reset_password_confirm_label"]:hover { color: var(--rp-auth-reset-password-confirm-label-hover-color, var(--rp-auth-reset-password-confirm-label-color, var(--rp-auth-label-hover-color))); }
.rp-auth-shell [data-rp-auth-label-key="otp_label"]:hover { color: var(--rp-auth-otp-label-hover-color, var(--rp-auth-otp-label-color, var(--rp-auth-label-hover-color))); }
.rp-auth-shell [data-rp-auth-label-key="rate_limited_label"]:hover { color: var(--rp-auth-rate-limited-label-hover-color, var(--rp-auth-rate-limited-label-color, var(--rp-auth-label-hover-color))); }
.rp-auth-shell [data-rp-auth-label-key="otp_status_label"]:hover { color: var(--rp-auth-otp-status-label-hover-color, var(--rp-auth-otp-status-label-color, var(--rp-auth-label-hover-color))); }
.rp-auth-shell [data-rp-auth-label-key="otp_expired_label"]:hover { color: var(--rp-auth-otp-expired-label-hover-color, var(--rp-auth-otp-expired-label-color, var(--rp-auth-label-hover-color))); }
.rp-auth-shell [data-rp-auth-label-key="otp_timer_label"]:hover { color: var(--rp-auth-otp-timer-label-hover-color, var(--rp-auth-otp-timer-label-color, var(--rp-auth-label-hover-color))); }

.rp-auth-shell [data-rp-auth-label-key="otp_label"] { margin: var(--rp-auth-label-otp-label-margin-top,0px) var(--rp-auth-label-otp-label-margin-right,0px) var(--rp-auth-label-otp-label-margin-bottom,0px) var(--rp-auth-label-otp-label-margin-left,0px); }
.rp-auth-shell [data-rp-auth-label-key="otp_status_label"] { margin: var(--rp-auth-label-otp-status-label-margin-top,0px) var(--rp-auth-label-otp-status-label-margin-right,0px) var(--rp-auth-label-otp-status-label-margin-bottom,0px) var(--rp-auth-label-otp-status-label-margin-left,0px); }
.rp-auth-shell [data-rp-auth-label-key="otp_timer_label"] { margin: var(--rp-auth-label-otp-timer-label-margin-top,0px) var(--rp-auth-label-otp-timer-label-margin-right,0px) var(--rp-auth-label-otp-timer-label-margin-bottom,0px) var(--rp-auth-label-otp-timer-label-margin-left,0px); }
.rp-auth-shell [data-rp-auth-label-key="password_identifier_label"] { margin: var(--rp-auth-label-password-identifier-label-margin-top,0px) var(--rp-auth-label-password-identifier-label-margin-right,0px) var(--rp-auth-label-password-identifier-label-margin-bottom,0px) var(--rp-auth-label-password-identifier-label-margin-left,0px); }
.rp-auth-shell [data-rp-auth-label-key="otp_identifier_label"] { margin: var(--rp-auth-label-otp-identifier-label-margin-top,0px) var(--rp-auth-label-otp-identifier-label-margin-right,0px) var(--rp-auth-label-otp-identifier-label-margin-bottom,0px) var(--rp-auth-label-otp-identifier-label-margin-left,0px); }
.rp-auth-shell [data-rp-auth-label-key="password_label"] { margin: var(--rp-auth-label-password-label-margin-top,0px) var(--rp-auth-label-password-label-margin-right,0px) var(--rp-auth-label-password-label-margin-bottom,0px) var(--rp-auth-label-password-label-margin-left,0px); }
.rp-auth-shell [data-rp-auth-label-key="reset_password_label"] { margin: var(--rp-auth-label-reset-password-label-margin-top,0px) var(--rp-auth-label-reset-password-label-margin-right,0px) var(--rp-auth-label-reset-password-label-margin-bottom,0px) var(--rp-auth-label-reset-password-label-margin-left,0px); }
.rp-auth-shell [data-rp-auth-label-key="reset_password_confirm_label"] { margin: var(--rp-auth-label-reset-password-confirm-label-margin-top,0px) var(--rp-auth-label-reset-password-confirm-label-margin-right,0px) var(--rp-auth-label-reset-password-confirm-label-margin-bottom,0px) var(--rp-auth-label-reset-password-confirm-label-margin-left,0px); }
.rp-auth-shell [data-rp-auth-label-key="rate_limited_label"] { margin: var(--rp-auth-label-rate-limited-label-margin-top,0px) var(--rp-auth-label-rate-limited-label-margin-right,0px) var(--rp-auth-label-rate-limited-label-margin-bottom,0px) var(--rp-auth-label-rate-limited-label-margin-left,0px); }

.rp-auth-shell [data-rp-auth-label-key="otp_expired_label"] {
    margin: var(--rp-auth-label-otp-expired-label-margin-top,0px) var(--rp-auth-label-otp-expired-label-margin-right,0px) var(--rp-auth-label-otp-expired-label-margin-bottom,0px) var(--rp-auth-label-otp-expired-label-margin-left,0px);
}
.rp-auth-shell .rp-auth-label {
    margin-bottom: var(--rp-auth-label-margin-bottom, calc(var(--rp-auth-gap, 20px) * -.6));
}

.rp-auth-shell .rp-auth-input,
.rp-auth-shell .rp-auth-submit,
.rp-auth-shell .rp-auth-channels button {
    min-height: var(--rp-auth-control-height, 48px);
    width: 100%;
    border-radius: var(--rp-auth-control-radius, 10px);
    font: inherit;
    padding: 8px var(--rp-auth-control-padding, 12px);
}

.rp-auth-shell .rp-auth-card .rp-auth-input {
    display: var(--rp-auth-input-display, block);
    font-size: var(--rp-auth-input-font-size, var(--rp-auth-font-size, 16px));
    font-weight: var(--rp-auth-input-weight, 400);
    border-radius: var(--rp-auth-input-radius, var(--rp-auth-control-radius, 10px));
    min-width: 0;
    border: 1px solid var(--rp-auth-input-border-color, var(--rp-theme-forms-border, #dfe3e7));
    background: var(--rp-auth-input-background, var(--rp-theme-forms-background, #fff)) !important;
    color: var(--rp-auth-input-text-color, var(--rp-theme-forms-text, #343a40)) !important;
    border-color: var(--rp-auth-input-border-color, var(--rp-theme-forms-border, #dfe3e7)) !important;
    margin: var(--rp-auth-input-margin-top, 8px) var(--rp-auth-input-margin-right, 0) var(--rp-auth-input-margin-bottom, 0) var(--rp-auth-input-margin-left, 0);
    text-align: var(--rp-auth-input-align, start);
}

.rp-auth-shell .rp-auth-card .rp-auth-input:hover {
    color: var(--rp-auth-input-hover-text-color, var(--rp-auth-input-text-color, var(--rp-theme-forms-text, #343a40))) !important;
}

.rp-auth-shell .rp-auth-input::placeholder {
    color: var(--rp-auth-input-placeholder-color, var(--rp-theme-general-muted, #74777a));
}

.rp-auth-shell .rp-auth-input:focus-visible,
.rp-auth-shell .rp-auth-card button:focus-visible {
    outline: 2px solid var(--rp-auth-input-focus-color, var(--rp-theme-forms-focus, #00c99b));
    outline-offset: 3px;
}

.rp-auth-shell .rp-auth-submit {
    display: var(--rp-auth-button-display, block);
    font-size: var(--rp-auth-button-font-size, var(--rp-auth-font-size, 16px));
    font-weight: var(--rp-auth-button-weight, 400);
    border-radius: var(--rp-auth-button-radius, var(--rp-auth-control-radius, 10px));
    border: var(--rp-auth-button-border-width, 0) solid var(--rp-auth-button-border-color, transparent);
    background: var(--rp-auth-button-background, var(--rp-theme-forms-button, #00c99b)) !important;
    color: var(--rp-auth-button-text-color, var(--rp-theme-forms-button-text, #fff)) !important;
    border-color: var(--rp-auth-button-border-color, transparent) !important;
    cursor: pointer;
    margin: var(--rp-auth-button-margin-top, 0) var(--rp-auth-button-margin-right, 0) var(--rp-auth-button-margin-bottom, 0) var(--rp-auth-button-margin-left, 0);
    text-align: var(--rp-auth-button-align, center);
}

.rp-auth-shell .rp-auth-submit:is(:hover, :focus-visible) {
    background: var(--rp-auth-button-hover-background, var(--rp-theme-forms-button-hover, #009f7a)) !important;
    border-color: var(--rp-auth-button-hover-border-color, transparent) !important;
    color: var(--rp-auth-button-hover-text-color, var(--rp-theme-forms-button-text, #fff)) !important;
}

.rp-auth-shell .rp-auth-submit:disabled {
    background: var(--rp-theme-forms-disabled, #a6adb4);
    color: var(--rp-theme-forms-disabled-text, #525a63);
    cursor: default;
}

/* The admin preview is sandboxed and inert, but must still show chosen action colors. */
.rp-auth-shell[data-rp-auth-preview="true"] .rp-auth-submit {
    background: var(--rp-auth-button-background, var(--rp-theme-forms-button, #00c99b));
    color: var(--rp-auth-button-text-color, var(--rp-theme-forms-button-text, #fff));
    opacity: 1;
}

.rp-auth-shell[data-rp-auth-preview="true"] .rp-auth-submit:hover {
    background: var(--rp-auth-button-hover-background, var(--rp-theme-forms-button-hover, #009f7a)) !important;
    border-color: var(--rp-auth-button-hover-border-color, transparent) !important;
    color: var(--rp-auth-button-hover-text-color, var(--rp-theme-forms-button-text, #fff)) !important;
}

.rp-auth-shell[data-rp-auth-preview="true"] [data-rp-preview-control] {
    pointer-events: auto;
}

.rp-auth-shell .rp-auth-link {
    display: var(--rp-auth-link-display, block);
    min-height: 44px;
    padding: 8px 0;
    border: 0;
    background: transparent;
    color: var(--rp-auth-link-color, var(--rp-theme-general-link, #007f62));
    font: inherit;
    text-align: var(--rp-auth-link-align, end);
    font-size: var(--rp-auth-link-font-size, var(--rp-auth-font-size, 16px));
    font-weight: var(--rp-auth-link-weight, 400);
    margin: var(--rp-auth-link-margin-top, 0) var(--rp-auth-link-margin-right, 0) var(--rp-auth-link-margin-bottom, 0) var(--rp-auth-link-margin-left, 0);
}

.rp-auth-shell .rp-auth-link:is(:hover, :focus-visible) {
    color: var(--rp-auth-link-hover-color, var(--rp-theme-general-link-hover, #00614b));
}

.rp-auth-shell [data-auth-form] > .rp-auth-help,
.rp-auth-shell .rp-auth-help {
    display: var(--rp-auth-muted-display, block);
    margin: var(--rp-auth-muted-margin-top, 0) var(--rp-auth-muted-margin-right, 0) var(--rp-auth-muted-margin-bottom, 0) var(--rp-auth-muted-margin-left, 0);
    color: var(--rp-auth-muted-color, var(--rp-theme-general-muted, #74777a));
    font-size: var(--rp-auth-help-size, 14px);
    font-weight: var(--rp-auth-muted-weight, 400);
    line-height: 1.9;
    text-align: var(--rp-auth-muted-align, center) !important;
    overflow-wrap: anywhere;
}

.rp-auth-shell [data-auth-form] > .rp-auth-help:hover,
.rp-auth-shell .rp-auth-help:hover {
    color: var(--rp-auth-muted-hover-color, var(--rp-auth-muted-color, var(--rp-theme-general-muted, #74777a)));
}

.rp-auth-shell .rp-auth-channels {
    display: var(--rp-auth-channel-display, flex);
    flex-wrap: wrap;
    gap: 8px;
    margin: var(--rp-auth-channel-margin-top, 0) var(--rp-auth-channel-margin-right, 0) var(--rp-auth-channel-margin-bottom, 0) var(--rp-auth-channel-margin-left, 0);
    justify-content: var(--rp-auth-channel-align, center);
}

.rp-auth-shell [data-message],
.rp-auth-shell .is-error,
.rp-auth-shell .is-success {
    display: var(--rp-auth-message-display, block);
    font-size: var(--rp-auth-message-font-size, var(--rp-auth-font-size, 16px));
    font-weight: var(--rp-auth-message-weight, 400);
    margin: var(--rp-auth-message-margin-top, 0) var(--rp-auth-message-margin-right, 0) var(--rp-auth-message-margin-bottom, 0) var(--rp-auth-message-margin-left, 0);
    text-align: var(--rp-auth-message-align, center);
}

.rp-auth-shell .rp-auth-channels button {
    flex: 1;
    font-size: var(--rp-auth-channel-font-size, var(--rp-auth-font-size, 16px));
    font-weight: var(--rp-auth-channel-weight, 400);
    border-radius: var(--rp-auth-channel-radius, var(--rp-auth-control-radius, 10px));
    min-width: 72px;
    background: var(--rp-auth-channel-background, transparent) !important;
    color: var(--rp-auth-channel-text-color, inherit) !important;
    border: var(--rp-auth-channel-border-width, 1px) solid var(--rp-auth-channel-border-color, var(--rp-theme-forms-border, #dfe3e7)) !important;
    cursor: pointer;
    text-align: var(--rp-auth-channel-align, center);
}

.rp-auth-shell .rp-auth-channels button:is(:hover, :focus-visible) {
    background: var(--rp-auth-channel-hover-background, var(--rp-theme-general-surface, #f7f7f6)) !important;
    border-color: var(--rp-auth-channel-hover-border-color, var(--rp-theme-forms-focus, #00c99b)) !important;
    color: var(--rp-auth-channel-hover-text-color, var(--rp-theme-general-heading, #111)) !important;
}

.rp-auth-shell .rp-auth-channels [data-channel="sms"] {
    display: var(--rp-auth-channel-sms-display, block);
    background: var(--rp-auth-channel-sms-background, var(--rp-auth-channel-background, transparent)) !important;
    color: var(--rp-auth-channel-sms-text-color, var(--rp-auth-channel-text-color, inherit)) !important;
    border-color: var(--rp-auth-channel-sms-border-color, var(--rp-auth-channel-border-color, var(--rp-theme-forms-border, #dfe3e7))) !important;
}

.rp-auth-shell .rp-auth-channels [data-channel="bale"] {
    display: var(--rp-auth-channel-bale-display, block);
    background: var(--rp-auth-channel-bale-background, var(--rp-auth-channel-background, transparent)) !important;
    color: var(--rp-auth-channel-bale-text-color, var(--rp-auth-channel-text-color, inherit)) !important;
    border-color: var(--rp-auth-channel-bale-border-color, var(--rp-auth-channel-border-color, var(--rp-theme-forms-border, #dfe3e7))) !important;
}

.rp-auth-shell .rp-auth-channels [data-channel="call"] {
    display: var(--rp-auth-channel-call-display, block);
    background: var(--rp-auth-channel-call-background, var(--rp-auth-channel-background, transparent)) !important;
    color: var(--rp-auth-channel-call-text-color, var(--rp-auth-channel-text-color, inherit)) !important;
    border-color: var(--rp-auth-channel-call-border-color, var(--rp-auth-channel-border-color, var(--rp-theme-forms-border, #dfe3e7))) !important;
}

.rp-auth-shell .rp-auth-channels [data-channel="sms"]:is(:hover, :focus-visible) {
    background: var(--rp-auth-channel-sms-hover-background, var(--rp-auth-channel-hover-background, var(--rp-theme-general-surface, #f7f7f6))) !important;
    color: var(--rp-auth-channel-sms-hover-text-color, var(--rp-auth-channel-hover-text-color, var(--rp-theme-general-heading, #111))) !important;
    border-color: var(--rp-auth-channel-sms-hover-border-color, var(--rp-auth-channel-hover-border-color, var(--rp-theme-forms-focus, #00c99b))) !important;
}

.rp-auth-shell .rp-auth-channels [data-channel="bale"]:is(:hover, :focus-visible) {
    background: var(--rp-auth-channel-bale-hover-background, var(--rp-auth-channel-hover-background, var(--rp-theme-general-surface, #f7f7f6))) !important;
    color: var(--rp-auth-channel-bale-hover-text-color, var(--rp-auth-channel-hover-text-color, var(--rp-theme-general-heading, #111))) !important;
    border-color: var(--rp-auth-channel-bale-hover-border-color, var(--rp-auth-channel-hover-border-color, var(--rp-theme-forms-focus, #00c99b))) !important;
}

.rp-auth-shell .rp-auth-channels [data-channel="call"]:is(:hover, :focus-visible) {
    background: var(--rp-auth-channel-call-hover-background, var(--rp-auth-channel-hover-background, var(--rp-theme-general-surface, #f7f7f6))) !important;
    color: var(--rp-auth-channel-call-hover-text-color, var(--rp-auth-channel-hover-text-color, var(--rp-theme-general-heading, #111))) !important;
    border-color: var(--rp-auth-channel-call-hover-border-color, var(--rp-auth-channel-hover-border-color, var(--rp-theme-forms-focus, #00c99b))) !important;
}

.rp-auth-shell [data-message].is-error,
.rp-auth-shell .is-error {
    font-family: var(--rp-auth-message-font, var(--rp-font, Tahoma)) !important;
    color: var(--rp-auth-error-color, #b91c1c);
}

.rp-auth-shell [data-message].is-success,
.rp-auth-shell .is-success {
    color: var(--rp-auth-success-color, #047857);
}

.rp-auth-shell [data-message].is-error:hover,
.rp-auth-shell .is-error:hover {
    color: var(--rp-auth-error-hover-color, var(--rp-auth-error-color, #b91c1c));
}

.rp-auth-shell [data-message].is-success:hover,
.rp-auth-shell .is-success:hover {
    color: var(--rp-auth-success-hover-color, var(--rp-auth-success-color, #047857));
}

.rp-auth-shell [hidden] {
    display: none !important;
}

@media (max-height: 560px) {
    .rp-auth-shell {
        place-items: start center;
    }
}
.rp-auth-shell .rp-auth-otp-cells:not([hidden]) { display:flex; gap:8px; width:100%; direction:ltr; justify-content:center; }
.rp-auth-shell .rp-auth-otp-cells .rp-auth-input { flex:1 1 0; min-width:0; width:0; max-width:56px; padding:4px!important; text-align:center!important; direction:ltr; font-size:22px; }
.rp-auth-shell .rp-auth-otp-cells[hidden], .rp-auth-shell input[name="code"][hidden] { display:none!important; }