/* ===========================================================================
   Страница "Восстановление пароля"
   Использует базовые BEM-блоки шаблона nero (.auth-form__container,
   .registration-section, .ui-input, .captcha-*, .btn--primary, .custom-select),
   здесь — только специфика страницы.
   =========================================================================== */

.forgot-password {
    width: 100%;
    max-width: 40rem;
    margin: 0 auto;
}

.forgot-password .auth-form__title {
    margin-top: 0;
}

.forgot-password__form {
    width: 100%;
}

/* Селектор способа восстановления — отступ снизу до поля контакта */
.forgot-password__type-select {
    margin-bottom: var(--space-4);
}

/* === Сообщения об успехе/ошибке === */
.forgot-password__message {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-4);
    padding: var(--space-8);
    background-color: var(--gray-darker);
    border-radius: var(--radius-2xl);
    text-align: center;
    color: var(--white);
    width: 100%;
}

.forgot-password__message p {
    margin: 0;
    font-size: var(--text-base);
    line-height: 1.5;
}

.forgot-password__message-icon {
    color: #ED3C38;
    flex-shrink: 0;
}

.forgot-password__message--error .forgot-password__message-icon {
    color: var(--status-error, #ED3C38);
}

.forgot-password__back-link {
    margin-top: var(--space-2);
    color: #ED3C38;
    font-size: var(--text-sm);
    text-decoration: none;
    transition: opacity .2s;
}
.forgot-password__back-link:hover {
    opacity: 0.8;
}

/* После сообщения — форма ввода SMS-кода */
.forgot-password--code .forgot-password__form {
    margin-top: var(--space-6);
}

/* === Адаптив === */
@media (max-width: 600px) {
    .captcha-wrapper {
        flex-wrap: wrap;
    }
}