/**
 * KVOX - Customizações para DataTables
 *
 * Apenas apresentação: a configuração de colunas, ordenação, exportação e
 * idioma continua em assets/app/js/datatables.js.
 */

/* Barra de controles (registros por página, busca e exportação) */
.dataTables_wrapper .row:first-child {
    align-items: center;
    row-gap: .5rem;
    margin-bottom: .85rem;
}

.dataTables_length label,
.dataTables_filter label {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: 0;
    color: var(--kvox-muted);
    font-size: var(--kvox-font-sm);
    font-weight: 500;
}

.dataTables_length select,
.dataTables_filter input {
    min-height: var(--kvox-control-height);
    font-size: .875rem;
}

.dataTables_filter input {
    min-width: 220px;
}

div.dt-buttons {
    display: flex;
    float: right;
    gap: .4rem;
}

/* Cabeçalho e corpo */
table.dataTable thead th {
    outline: 0;
}

table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > th.sorting_asc,
table.dataTable thead > tr > th.sorting_desc {
    cursor: pointer;
}

table.dataTable thead > tr > th.sorting_asc,
table.dataTable thead > tr > th.sorting_desc {
    color: var(--kvox-primary);
}

/* Realce de linha e de célula com a cor da marca, no lugar dos amarelos
   e azuis nomeados que destoavam do restante do sistema. */
.table-hover tbody tr:hover td {
    background-color: var(--kvox-primary-soft) !important;
}

td.highlight {
    background-color: var(--kvox-primary-soft) !important;
}

.table td.fit,
.table th.fit {
    width: 1%;
    text-align: center;
}

tr.group,
tr.group:hover {
    color: var(--kvox-heading);
    font-weight: 600;
    background-color: var(--kvox-surface-muted) !important;
    border-top: 1px solid var(--kvox-border-strong);
}

/* Rodapé: contagem e paginação */
.dataTables_info {
    padding-top: 1rem !important;
    color: var(--kvox-muted);
    font-size: var(--kvox-font-sm);
}

.dataTables_paginate {
    padding-top: .75rem !important;
}

/* Estado vazio gerado pelo próprio DataTables */
td.dataTables_empty {
    padding: 2.5rem 1rem !important;
    color: var(--kvox-muted-soft);
    text-align: center;
}