/* Поле, которое нельзя редактировать */
.input-required-not-active {
    border: 2px dashed #d9d9d9; /* Серый пунктир */
    background-color: #f5f5f5; /* Светло-серый фон */
    color: #bfbfbf; /* Серый текст */
    border-radius: 6px;
    padding: 8px;
    cursor: not-allowed; /* Указатель недоступности */
    opacity: 0.6; /* Полупрозрачность */
}

/* Поле, которое нужно заполнить */
.input-required {
    border: 2px dashed #ff4d4f; /* Красная пунктирная рамка */
    background-color: #fff5f5; /* Светло-красный фон */
    color: #ff4d4f; /* Красный текст */
    border-radius: 6px;
    padding: 8px;
    transition: all 0.3s ease;
}

/* Поле, которое заполнено */
.input-filled {
    border: 2px solid #52c41a; /* Зеленая рамка */
    background-color: #f6ffed; /* Светло-зеленый фон */
    color: #389e0d; /* Зеленый текст */
    border-radius: 6px;
    padding: 8px;
    transition: all 0.3s ease;
}

/* Анимация блика */
@keyframes blink {
    0% {
        box-shadow: 0 0 5px rgba(255, 77, 79, 0.5);
    }
    50% {
        box-shadow: 0 0 15px rgba(255, 77, 79, 1);
    }
    100% {
        box-shadow: 0 0 5px rgba(255, 77, 79, 0.5);
    }
}