/*
===============================================================================
[Painel] | 05 COMPONENTS TABLES - v1.1 - /src/static/css/05-components/tables.css
===============================================================================
*/

/* =============================================================================
   TABLES - PAINEL
   =============================================================================
   Estilos de tabelas
   ============================================================================= */

.table-container {
    width: 100%;
    overflow-x: auto;
    border-radius: var(--border-radius-md);
    border: 1px solid var(--border-color);
}

.table {
    width: 100%;
    border-collapse: collapse;
}

.table th,
.table td {
    padding: var(--spacing-3) var(--spacing-4);
    text-align: left;
    border-bottom: 1px solid var(--border-color);
    white-space: nowrap;
}

.table th {
    font-weight: 600;
    color: var(--text-secondary);
    background-color: var(--color-gray-50);
    font-size: var(--font-size-sm);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* Zebra striping */
.table tbody tr:nth-child(even) {
    background-color: var(--color-gray-50);
}

.table tbody tr:hover {
    background-color: var(--color-gray-100);
    transition: background-color var(--transition-fast);
}

.table tr:last-child td {
    border-bottom: none;
}

/*
===============================================================================
[Painel] | 05 COMPONENTS TABLES - v1.1 - /src/static/css/05-components/tables.css
===============================================================================
*/