/* Стили для панели модератора */

.filter-group {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 150px;
}

.filter-group label {
  font-size: 12px;
  font-weight: 500;
  color: var(--text-gray);
}

.moder-per-page {
  display: flex;
  align-items: center;
  gap: 10px;
}

.moder-per-page label {
  font-size: 14px;
  font-weight: 500;
  color: var(--text-gray);
}

/* Пагинация */
.moder-pagination {
  padding: 0;
  background-color: transparent;
}

/* Таблицы модерации */
html body #users-table,
html body #ads-table,
html body #companies-table,
html body #reports-table,
html body #agreements-table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin-bottom: 20px;
  table-layout: fixed !important;
}

html body #users-table th,
html body #ads-table th,
html body #companies-table th,
html body #reports-table th,
html body #agreements-table th {
  background-color: #666 !important;
  color: white !important;
  padding: 12px !important;
  text-align: left !important;
  font-weight: 600 !important;
  border: 1px solid var(--gray185) !important;
}

html body #users-table td,
html body #ads-table td,
html body #companies-table td,
html body #reports-table td,
html body #agreements-table td {
  padding: 12px !important;
  border: 1px solid var(--gray185) !important;
  border-bottom: 1px solid var(--gray185) !important;
}

html body #users-table tr:hover,
html body #ads-table tr:hover,
html body #companies-table tr:hover,
html body #reports-table tr:hover,
html body #agreements-table tr:hover {
  background-color: var(--gray185) !important;
}

/* Табы модерации */
.tabs {
  margin-bottom: 20px;
  border-bottom: 2px solid var(--gray185);
}


/* Контент табов */
.tab-content {
  display: none;
}

.tab-content.active {
  display: block;
}

/* Ширины столбцов для таблиц модерации - с максимальной специфичностью */

/* Таблица пользователей */
html body #users-table th:nth-child(1), html body #users-table td:nth-child(1) { width: 80px !important; min-width: 80px !important; max-width: 80px !important; }   /* ID */
html body #users-table th:nth-child(2), html body #users-table td:nth-child(2) { width: 150px !important; min-width: 150px !important; } /* Registration date */
html body #users-table th:nth-child(3), html body #users-table td:nth-child(3) { width: 100px !important; min-width: 100px !important; } /* Country */
html body #users-table th:nth-child(4), html body #users-table td:nth-child(4) { width: 200px !important; min-width: 200px !important; } /* Name */
html body #users-table th:nth-child(5), html body #users-table td:nth-child(5) { width: 100px !important; min-width: 100px !important; } /* Role */
html body #users-table th:nth-child(6), html body #users-table td:nth-child(6) { width: 120px !important; min-width: 120px !important; } /* Status */

/* Таблица объявлений */
html body #ads-table th:nth-child(1), html body #ads-table td:nth-child(1) { width: 80px !important; min-width: 80px !important; max-width: 80px !important; }   /* ID */
html body #ads-table th:nth-child(2), html body #ads-table td:nth-child(2) { width: 150px !important; min-width: 150px !important; } /* Created */
html body #ads-table th:nth-child(3), html body #ads-table td:nth-child(3) { width: 100px !important; min-width: 100px !important; } /* Country */
html body #ads-table th:nth-child(4), html body #ads-table td:nth-child(4) { width: 120px !important; min-width: 120px !important; } /* Status */
html body #ads-table th:nth-child(5), html body #ads-table td:nth-child(5) { width: 100px !important; min-width: 100px !important; } /* Owner */

/* Таблица компаний */
html body #companies-table th:nth-child(1), html body #companies-table td:nth-child(1) { width: 80px !important; min-width: 80px !important; max-width: 80px !important; }  /* ID */
html body #companies-table th:nth-child(2), html body #companies-table td:nth-child(2) { width: 180px !important; min-width: 180px !important; } /* Created */
html body #companies-table th:nth-child(3), html body #companies-table td:nth-child(3) { width: 100px !important; min-width: 100px !important; } /* Country */
html body #companies-table th:nth-child(4), html body #companies-table td:nth-child(4) { width: 200px !important; min-width: 200px !important; } /* Name */
html body #companies-table th:nth-child(5), html body #companies-table td:nth-child(5) { width: 150px !important; min-width: 150px !important; } /* Created by user */
html body #companies-table th:nth-child(6), html body #companies-table td:nth-child(6) { width: 120px !important; min-width: 120px !important; } /* Status */

/* Таблица отчетов */
html body #reports-table th:nth-child(1), html body #reports-table td:nth-child(1) { width: 80px !important; min-width: 80px !important; max-width: 80px !important; }   /* ID */
html body #reports-table th:nth-child(2), html body #reports-table td:nth-child(2) { width: 150px !important; min-width: 150px !important; }  /* Date */
html body #reports-table th:nth-child(3), html body #reports-table td:nth-child(3) { width: 200px !important; min-width: 200px !important; }  /* Advertisement */
html body #reports-table th:nth-child(4), html body #reports-table td:nth-child(4) { width: 100px !important; min-width: 100px !important; }  /* Owner */
html body #reports-table th:nth-child(5), html body #reports-table td:nth-child(5) { width: 100px !important; min-width: 100px !important; }  /* Reporter */
html body #reports-table th:nth-child(6), html body #reports-table td:nth-child(6) { width: 120px !important; min-width: 120px !important; }  /* Reason */
html body #reports-table th:nth-child(7), html body #reports-table td:nth-child(7) { width: 200px !important; min-width: 200px !important; }  /* Comment */
html body #reports-table th:nth-child(8), html body #reports-table td:nth-child(8) { width: 120px !important; min-width: 120px !important; }  /* Status */

/* Таблица соглашений */
html body #agreements-table th:nth-child(1), html body #agreements-table td:nth-child(1) { width: 80px !important; min-width: 80px !important; max-width: 80px !important; }  /* Version */
html body #agreements-table th:nth-child(2), html body #agreements-table td:nth-child(2) { width: 150px !important; min-width: 150px !important; } /* Created At */
html body #agreements-table th:nth-child(3), html body #agreements-table td:nth-child(3) { width: 120px !important; min-width: 120px !important; } /* Status */
html body #agreements-table th:nth-child(4), html body #agreements-table td:nth-child(4) { width: 150px !important; min-width: 150px !important; } /* Effective From */
html body #agreements-table th:nth-child(5), html body #agreements-table td:nth-child(5) { width: 150px !important; min-width: 150px !important; } /* Effective Until */
html body #agreements-table th:nth-child(6), html body #agreements-table td:nth-child(6) { width: 100px !important; min-width: 100px !important; } /* Author */

/* Стили для детальных таблиц модератора */
html body #user-details-table,
html body #adv-details-table,
html body #comp-details-table,
html body #report-details-table,
html body #agreement-details-table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin-bottom: 20px !important;
  background-color: var(--bg-color) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

html body #user-details-table th,
html body #adv-details-table th,
html body #comp-details-table th,
html body #report-details-table th,
html body #agreement-details-table th {
  background-color: #666 !important;
  color: white !important;
  padding: 12px 15px !important;
  text-align: left !important;
  font-weight: 600 !important;
  border: 1px solid var(--gray185) !important;
}

html body #user-details-table td,
html body #adv-details-table td,
html body #comp-details-table td,
html body #report-details-table td,
html body #agreement-details-table td {
  padding: 12px 15px !important;
  border: 1px solid var(--gray185) !important;
  border-bottom: 1px solid var(--gray185) !important;
  vertical-align: top !important;
}

/* Ширина столбца "Поле" в детальных таблицах */
html body #user-details-table th:nth-child(1),
html body #user-details-table td:nth-child(1),
html body #adv-details-table th:nth-child(1),
html body #adv-details-table td:nth-child(1),
html body #comp-details-table th:nth-child(1),
html body #comp-details-table td:nth-child(1),
html body #report-details-table th:nth-child(1),
html body #report-details-table td:nth-child(1),
html body #agreement-details-table th:nth-child(1),
html body #agreement-details-table td:nth-child(1) {
  width: 250px !important;
  min-width: 250px !important;
  max-width: 250px !important;
}