.docverify-expert h3 {
  margin-bottom: 15px;
  color: #333;
}
.docverify-expert-item {
  border: 1px solid #ddd;
  border-radius: 8px;
  margin-bottom: 10px;
  overflow: hidden;
}
.docverify-expert-header {
  width: 100%;
  background: #4682B4;
  padding: 10px 14px;
  font-weight: 600;
  cursor: pointer;
  border: none;
  text-align: left;
}
.docverify-expert-item.active .docverify-expert-header {
  background: #4682B4;
}
.docverify-expert-content {
  display: none;
  padding: 15px;
  background: #fff;
}
.docverify-expert-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 10px;
}
.docverify-expert-table th, .docverify-expert-table td {
  border: 1px solid #ccc;
  padding: 6px 8px;
  text-align: left;
}
.btn-docverify {
  background: #0073aa;
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 8px 16px;
  cursor: pointer;
}
.btn-docverify:hover {
  background: #005a87;
}
.result-msg {
  margin-top: 8px;
  font-weight: 600;
}
/* Контейнер фильтров */
.docverify-filters {
    display: flex;
    flex-wrap: wrap;       /* Перенос на новую строку, если не помещается */
    gap: 1rem;             /* Расстояние между фильтрами */
    margin-bottom: 1.5rem; /* Отступ снизу от таблицы */
    align-items: center;   /* Вертикальное выравнивание по центру */
}

/* Каждый фильтр */
.docverify-filters label {
    display: flex;
    flex-direction: column; /* Метка над селектом */
    font-weight: 500;
    font-size: 0.95rem;
    min-width: 200px;       /* Минимальная ширина фильтра */
}

/* Селекты */
.docverify-filters select {
    padding: 0.45rem 0.6rem;
    font-size: 0.95rem;
    border: 1px solid #ccc;
    border-radius: 6px;
    background-color: #fff;
    transition: border-color 0.2s, box-shadow 0.2s;
}

/* Состояние при наведении */
.docverify-filters select:hover {
    border-color: #888;
}

/* Состояние фокуса */
.docverify-filters select:focus {
    border-color: #0073aa;
    box-shadow: 0 0 0 2px rgba(0, 115, 170, 0.2);
    outline: none;
}

/* Сообщения внутри таблицы */
#docverify-expert-table-wrapper .message {
    padding: 0.8rem 1rem;
    border-radius: 6px;
    margin-bottom: 1rem;
    font-size: 0.95rem;
}

/* Разные типы сообщений */
.message.info {
    background-color: #eaf4ff;
    color: #0366d6;
    border: 1px solid #b6e0fe;
}

.message.warning {
    background-color: #fff4e5;
    color: #9c5700;
    border: 1px solid #ffd27f;
}

.message.error {
    background-color: #ffe5e5;
    color: #d60000;
    border: 1px solid #ff9b9b;
}

/* Кнопка "Сохранить" */
.btn-docverify {
    padding: 0.5rem 1rem;
    margin-top: 0.7rem;
    background-color: #0073aa;
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 0.95rem;
    cursor: pointer;
    transition: background-color 0.2s;
}

.btn-docverify:hover {
    background-color: #005f8a;
}
/* Сообщение результата */
.result-msg {
    margin-top: 0.4rem;
    font-size: 0.9rem;
    min-height: 1.2em;
}

.doccheck-modal {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.6);
    display: flex; align-items: center; justify-content: center;
    z-index: 9999;
}
.doccheck-content {
    background: #fff;
    padding: 20px;
    border-radius: 12px;
    width: 320px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}
.modal-buttons {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}
.btn-docverify {
    padding: 6px 12px;
    border-radius: 6px;
    border: none;
    cursor: pointer;
}
.docverify-expert-table td:nth-child(2) {
  cursor: pointer;
  transition: background-color 0.2s, box-shadow 0.2s;
}

.docverify-expert-table td:nth-child(2):hover {
  background-color: #f5faff;
  box-shadow: inset 0 0 0 2px #0073aa;
}
/* === Двухстрочная сетка фильтров === */
.docverify-filters {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); /* Автоматическая адаптация под ширину */
    grid-template-areas:
        "year category"
        "org status";
    gap: 1rem;
    margin-bottom: 1.5rem;
}

/* Назначаем каждому фильтру своё место */
.docverify-filters label:nth-child(1) { grid-area: year; }
.docverify-filters label:nth-child(2) { grid-area: category; }
.docverify-filters label:nth-child(3) { grid-area: org; }
.docverify-filters label:nth-child(4) { grid-area: status; }

/* Адаптация для мобильных экранов */
@media (max-width: 600px) {
    .docverify-filters {
        grid-template-areas:
            "year"
            "category"
            "org"
            "status";
    }
}