/* Стили для полей email с запретом пробелов */
input[type="email"] {
    /* Добавляем небольшую анимацию при попытке ввода пробела */
    transition: border-color 0.2s ease;
}

/* Класс для временного выделения при попытке ввода пробела */
.no-spaces-warning {
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
    animation: shake 0.3s ease-in-out;
}

/* Анимация тряски */
@keyframes shake {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-2px); }
    75% { transform: translateX(2px); }
}

/* Подсказка для пользователя */
.no-spaces-hint {
    font-size: 0.875rem;
    color: #6c757d;
    margin-top: 0.25rem;
}

/* Иконка запрета пробелов */
.no-spaces-icon::after {
    content: "🚫";
    font-size: 0.75rem;
    margin-left: 0.25rem;
    opacity: 0.6;
}