/* Общий стиль для всего интерфейса */
body {
    font-family: "Roboto", sans-serif;
    background-color: #f4f4f4;
    color: #333;
    margin: 0;
    padding: 0;
}

/* Контейнер для контента */
.container-fluid {
    padding: 20px;
}

/* Заголовки */
h2,
h3 {
    font-weight: 500;
    color: #212121;
    margin-bottom: 15px;
}

/* Карточки (например, для таблиц) */
.table {
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

/* Полосатые таблицы с тенями */
.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.table-striped tbody tr:nth-of-type(even) {
    background-color: white;
}

/* Заголовки таблиц (темный фон, белый текст) */
.table thead {
    background: #424242;
    color: white;
}

/* Оформление кнопок */
.btn {
    border-radius: 6px;
    font-weight: 500;
    height: 45px;
    transition: all 0.2s ease-in-out;
    text-transform: uppercase;
}

.btn:hover {
    filter: brightness(90%);
}

/* Кнопка Add (делаем кнопку более массивной и кликабельной) */
.btn-primary {
    background: #1976D2;
    border: none;
}

.btn-primary:hover {
    background: #1565C0;
}

/* Кнопка Evaluate */
.btn-success {
    background: #388E3C;
    border: none;
}

.btn-success:hover {
    background: #2E7D32;
}

/* Форма (все input-поля) */
.form-control {
    border-radius: 6px;
    border: 1px solid #ccc;
    transition: all 0.2s ease-in-out;
    padding: 10px;
    font-size: 14px;
}

.form-control:focus {
    border-color: #1976D2;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* Выделение статусов цветами */
.text-success {
    color: #2E7D32 !important;
    font-weight: 500;
}

.text-warning {
    color: #FF9800 !important;
    font-weight: 500;
}

.text-danger {
    color: #D32F2F !important;
    font-weight: 500;
}

/* Поля форм должны быть одного размера */
input.form-control,
select.form-control {
    height: 45px;
}

/* Тени на карточках */
.card {
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 15px;
    margin-bottom: 20px;
}

/* Адаптивность */
@media (max-width: 768px) {
    .col-lg-2 {
        width: 100%;
        margin-bottom: 10px;
    }
    .form-control {
        margin-bottom: 10px;
        /* ✅ Добавляем зазор между полями */
    }
}

.status-done {color: green !important;}
.status-pending {color: orange !important;}
.status-notfound {color: red !important;}

/* Flash-сообщения растягиваются на всю ширину контента */
.flash-container {
    width: 100%;
    /* Полная ширина контейнера */
    max-width: 1200px;
    /* Совпадает с карточками */
    margin: 0 auto 20px auto;
    /* Центрируем и добавляем отступ снизу */
    padding: 0 15px;
    /* Делаем отступы по бокам, чтобы совпадало с карточками */
}

/* Flash-сообщения */
.alert {
    border-radius: 6px;
    font-weight: 500;
    padding: 15px;
}