/* Стили для таблиц с прокруткой */
.table-container {
  flex-grow: 1;
  max-height: 95%;
  height: calc(100% - 1px);
  overflow-y: auto;
  border: 1px solid var(--border-color);
}

/* Стили для контейнера таблицы */
.table-scroll {
  flex-grow: 1;
  overflow: hidden;
  display: flex;
  position: relative;
}

.table-wrapper {
  width: 100%;
}

/* Стили для дополнительного скролла */
.table-scrollbar {
  width: 15px;
  margin-top: 8px;
  margin-bottom: 8px;
  margin-left: 1px;
  position: relative;
  cursor: default;
  background-color: var(--bg-secondary);
}

.table-scrollbar-thumb {
  width: 9px;
  background-color: var(--btn-primary);
  position: absolute;
  top: 0;
  height: 0;
  border-radius: 5px;
  left: 50%;
  transform: translateX(-50%);
}

.table-scrollbar, .table-scrollbar-thumb {
  user-select: none;
}

/* Стили для таблицы */
table {
  width: 100%;
  border-collapse: collapse;
}

table:focus {
  outline: none;
}

tr {
  height: min-content;
}

/* Стили для ячеек таблицы (заголовки и данные) */
th, td {
  border: 1px solid var(--border-color);
  padding: 10px;
  text-align: left;
  background-color: var(--bg-secondary);
  color: var(--text-primary);
}

/* Стили для заголовков таблицы */
th {
  background-color: var(--header-bg);
  color: var(--header-text);
  position: sticky;
  top: 0;
  z-index: 1;
}

/* Стили для четных строк таблицы */
tr:nth-child(even) {
  background-color: var(--bg-primary);
}

/* Стили для строк при наведении */
tr:hover {
  background-color: var(--btn-secondary);
}

tr:hover td {
  background-color: var(--btn-secondary);
  color: var(--btn-secondary-text);
}

/* Стили для выделенной строки */
tr.selected {
  background-color: var(--table-tr-select-bg);
  color: var(--btn-info-text);
}

tr.selected td {
  background-color: var(--table-tr-select-bg);
  color: var(--btn-info-text);
}

.table-container-1 {
  flex-grow: 1;
  max-height: 95%;
  overflow-y: auto;
  border: 1px solid var(--border-color);
}

/* Стили для контейнера таблицы */
.table-scroll-1 {
  flex-grow: 1;
  display: flex;
  position: relative;
  overflow: hidden;
  max-height: 100%;
  max-width: 100%;
}