/* ===== Tabelas Padrão - Layout Instagram Clean ===== */

table {
    width: 100%;
    border-collapse: collapse;
    background-color: var(--card-background);
    border: 1px solid var(--cor-borda);
    border-radius: var(--border-radius);
    overflow: hidden;
    font-size: var(--fonte-size-padrao);
}

/* Cabeçalho da tabela */
thead {
    background-color: var(--cor-secundaria);
}

thead th {
    font-weight: 600;
    text-align: left;
    padding: 12px;
    color: var(--cor-texto);
    border-bottom: 1px solid var(--cor-borda);
}

/* Corpo da tabela */
tbody tr {
    border-bottom: 1px solid var(--cor-borda);
    transition: background-color 0.2s ease;
}

tbody tr:hover {
    background-color: var(--cor-active);
}

tbody td {
    padding: 12px;
    color: var(--cor-texto);
}

/* Zebra stripes */
tbody tr:nth-child(even) {
    background-color: var(--cor-fundo);
}

/* Ajuste para tabelas responsivas */
.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* Botões dentro de tabelas */
table .btn {
    padding: 4px 10px;
    font-size: 13px;
    border-radius: 6px;
}

/* Texto centralizado opcional */
.text-center {
    text-align: center;
}