/* Добавим немного стиля, чтобы текст было видно */
.typing-container {
    margin-top: 20px;
    min-height: 1.5em; 
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    color: gray; /* Индиго под стиль кнопок */
    font-weight: 500;
}
#typing-text::after {
    content: "|";
    animation: blink 0.7s infinite;
}
@keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}


/* Уменьшаем шрифт заголовков полей */
label {
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    margin-bottom: 0.25rem !important;
    color: #374151;
}

/* ТЕКСТ ОШИБКИ: делаем его красным и жирным, как на скрине */
.text-red-500, 
[id^="error_1_id_"] strong, 
.invalid-feedback {
    color: #dc2626 !important; /* Красный цвет */
    font-size: 0.8rem !important;
    font-weight: 700 !important;
    margin-top: 0.5rem !important;
    display: block;
}

/* РАМКА ИНПУТА ПРИ ОШИБКЕ: тонкая красная линия */
input.is-invalid, 
input.border-red-500 {
    border: 1px solid #dc2626 !important;
    background-color: transparent !important;
}

/* Убираем лишние отступы у контейнеров Crispy */
.mb-3 { margin-bottom: 0.75rem !important; }

/* Стили для чекбокса */
input[type="checkbox"] {
    border-radius: 4px;
    color: #2563eb;
}