/* Стили для таблиц с прокруткой */
.table-container {
    flex-grow: 1;
    max-height: 95%;
    overflow-y: auto;
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    box-shadow: var(--shadow);
    /* Контейнер берёт стили из темы */
    /* Важно: должен быть внутри [data-theme] */
}

/* Стили для таблицы */
table {
    width: 100%;
    border-collapse: collapse;
    background-color: var(--bg-secondary);
    color: var(--text-primary);
    border-radius: 8px;
    overflow: hidden;
}

table:focus {
    outline: none;
}

/* Ячейки таблицы */
th, td {
    padding: 12px 15px;
    text-align: left;
    border-bottom: 1px solid var(--border-color);
    color: var(--text-primary);
}

/* Заголовок таблицы */
th {
    background-color: var(--header-bg);
    color: var(--header-text);
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.9em;
    letter-spacing: 0.5px;
}

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

/* При наведении на строку */
tr:hover {
    background-color: var(--form-control-bg);
    cursor: pointer;
}

/* Адаптивность для малых экранов */
@media (max-width: 768px) {
    .table-container {
        overflow-x: auto;
    }
    th, td {
        white-space: nowrap;
    }
}