.table-container { flex-grow: 1; }

/* =========================================
   BASE LOGS TABLE
   ========================================= */
.logs-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}

.logs-table th {
    text-align: left;
    padding: 12px;
    background-color: var(--panel-bg);
    border-bottom: 2px solid var(--border-color);
    color: var(--text-muted);
    text-transform: uppercase;
    font-size: 0.75rem;
}

.logs-table td {
    padding: 12px;
    border-bottom: 1px solid var(--border-color);
}

.logs-table:not(.stats-table) tr:nth-child(even) { background-color: var(--row-even); }
.logs-table:not(.stats-table) tr:nth-child(odd) { background-color: var(--row-odd); }
.logs-table:not(.stats-table) tr:hover { background-color: var(--row-hover); }

.logs-table.stats-table tr {
    background-color: transparent;
}

.stats-table tbody.player-tbody {
    border-bottom: 1px solid var(--border-dark);
}

.stats-table tbody.player-tbody:nth-of-type(even) .main-player-row { background-color: var(--row-even); }
.stats-table tbody.player-tbody:nth-of-type(odd) .main-player-row { background-color: var(--row-odd); }
.stats-table tbody.player-tbody:hover .main-player-row { background-color: var(--row-hover); }

.log-title a { color: var(--link-color); text-decoration: none; font-weight: bold; }
.log-title a:hover { text-decoration: underline; }

.mission-type { color: var(--text-light); }
.biome-name { color: var(--text-muted); }

/* =========================================
   PAGINATION
   ========================================= */
.pagination-wrapper {
    padding: 20px 0;
    margin-top: auto;
    border-top: 1px solid var(--border-color);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pagination, .page-numbers {
    display: flex;
    gap: 5px;
    align-items: center;
}

.page-btn, .page-num {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    background: var(--row-odd);
    color: var(--text-light);
    text-decoration: none;
    height: 32px;
    min-width: 32px;
    padding: 0 10px;
    box-sizing: border-box;
    border-radius: 3px;
    font-size: 0.8rem;
    border: 1px solid var(--border-light);
    transition: background-color 0.2s, color 0.2s;
}

.page-num.active {
    background: var(--accent);
    color: white;
    font-weight: bold;
    border-color: var(--accent);
}

.page-btn:hover:not(.disabled), .page-num:hover:not(.active) {
    background: var(--border-light);
    color: var(--bg-main);
}

.page-btn.disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

.spacer { color: var(--text-muted); padding: 0 4px; }
.page-info { color: var(--text-muted); font-size: 0.8rem; }