/**
 * Componente: Tabela de Dados Padrão (Estilo Minimalista "Clean")
 * 
 * Requisitos atendidos nesta versão:
 * - Cabeçalho mantido como estava (não força cor branca; usa o que já existe no tema).
 * - SEM efeito zebrado (linhas pares/ímpares) no corpo da tabela, totalmente removido.
 * - Fundo branco no corpo (tbody) em todas as linhas.
 * - Linhas internas verticais **e horizontais** pontilhadas em cinza claro.
 * - Layout responsivo com cards no mobile preservado.
 * - Traçado das linhas internas em cinza claro.
 *
 * @version 6.2.0
 */

/* ========================================================================
   1. WRAPPER E ESTRUTURA DA TABELA (Desktop)
   ======================================================================== */

.locamais-table-responsive-wrapper {
    overflow-x: auto;
    width: 100%;
    border: 1px solid var(--lm-border, #E5E7EB);
    border-radius: var(--lm-border-radius-table, 10px);
    box-shadow: var(--lm-shadow, 0 1px 2px 0 rgba(0, 0, 0, 0.05));
    overflow: hidden;
    background-color: #FFFFFF; /* Fundo branco para o container */
}

.locamais-data-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

/* ========================================================================
   2. CABEÇALHO E CÉLULAS (Linhas internas pontilhadas)
   ======================================================================== */

.locamais-data-table th,
.locamais-data-table td {
    padding: 1rem 1.25rem; /* Espaçamento interno generoso */
    text-align: left;
    vertical-align: middle;
    font-size: 0.875rem; /* 14px */

    /* ✅ Linhas verticais e horizontais pontilhadas em cinza claro */
    border-right: 1px dotted #D1D5DB;
    border-bottom: 1px dotted #D1D5DB;
    border-top: none;
    border-left: none;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Remove a linha pontilhada da última coluna */
.locamais-data-table th:last-child,
.locamais-data-table td:last-child {
    border-right: none;
}

/* Cabeçalho */
.locamais-data-table thead tr {
    border-bottom: 1px solid var(--lm-border, #E5E7EB);
}

.locamais-data-table th {
    background-color: var(--lm-table-header-bg, revert);
    color: var(--lm-table-header-text, #233A67);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 0.75rem;
    position: sticky;
    top: 0;
    z-index: 10;
}

/* ========================================================================
   3. CORPO DA TABELA (sem zebrado, fundo branco uniforme)
   ======================================================================== */

.locamais-table-responsive-wrapper .locamais-data-table tbody tr {
    background-color: #FFFFFF !important;
    background: #FFFFFF !important;
    transition: background-color 0.15s ease-in-out;
}

.locamais-table-responsive-wrapper .locamais-data-table tbody tr:hover {
    background-color: #F8FAFC !important;
    background: #F8FAFC !important;
}

/* ========================================================================
   4. FUNCIONALIDADE DE ORDENAÇÃO (Sorting)
   ======================================================================== */

.locamais-sortable-header { cursor: pointer; }
.locamais-sortable-header .locamais-sortable-header-content { display: flex; align-items: center; gap: 5px; }
.locamais-sortable-header .locamais-sort-icons { display: inline-flex; width: 1em; justify-content: center; position: relative; height: 1em; font-size: 0.9em; }
.locamais-sortable-header .locamais-sort-icons .fa-solid { position: absolute; top: 0; left: 0; color: var(--lm-text-muted); transition: color 0.2s ease; }
.locamais-sortable-header .fa-sort-up, .locamais-sortable-header .fa-sort-down, .locamais-sortable-header .fa-sort { display: none; }
.locamais-sortable-header:not(.sort-asc):not(.sort-desc) .fa-sort { display: inline-block; }
.locamais-sortable-header.sort-asc .fa-sort-up { display: inline-block; color: var(--lm-primary); }
.locamais-sortable-header.sort-desc .fa-sort-down { display: inline-block; color: var(--lm-primary); }
.locamais-sortable-header:hover .locamais-sort-icons .fa-solid { color: var(--lm-dark); }

/* ========================================================================
   5. RESPONSIVIDADE (Layout de Card)
   ======================================================================== */

@media screen and (max-width: 992px) {
    .locamais-table-responsive-wrapper {
        border: none;
        box-shadow: none;
        background-color: transparent;
        overflow-x: visible;
    }
    .locamais-data-table {
        border-collapse: separate;
        border-spacing: 0 1rem;
    }
    .locamais-data-table thead { display: none; }
    .locamais-data-table tbody, .locamais-data-table tr, .locamais-data-table td {
        display: block;
        width: 100% !important;
    }
    .locamais-data-table tr {
        background-color: #FFFFFF !important;
        border: 1px solid var(--lm-border);
        border-radius: var(--lm-border-radius-lg);
        padding: 1.25rem 1rem;
        box-shadow: var(--lm-shadow-md);
    }
    .locamais-data-table td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-align: right;
        padding: 0.75rem 0.5rem;
        border-bottom: 1px solid var(--lm-border-light);
        white-space: normal;
        border-right: none !important;
    }
    .locamais-data-table td:last-child {
        border-bottom: none;
    }
    .locamais-data-table td::before {
        content: attr(data-label);
        font-weight: 600;
        text-align: left;
        color: var(--lm-text-muted);
        padding-right: 1rem;
    }
}

/* ========================================================================
   6. REGRAS ANTI-ZEBRADO GLOBAIS (Máxima Especificidade)
   ======================================================================== */

.locamais-table-responsive-wrapper .locamais-data-table tbody tr,
.locamais-table-responsive-wrapper .locamais-data-table tbody tr > td,
.locamais-table-responsive-wrapper .locamais-data-table tbody tr > th {
    background-color: #FFFFFF !important;
    background-image: none !important;
    background: #FFFFFF !important;
}

.locamais-table-responsive-wrapper .locamais-data-table.table-striped tbody > tr:nth-of-type(odd) > *,
.locamais-table-responsive-wrapper .table-striped tbody > tr:nth-of-type(odd) > * {
    background-color: #FFFFFF !important;
    background-image: none !important;
    background: #FFFFFF !important;
}

/* Agora também mantém linhas horizontais pontilhadas */
.locamais-table-responsive-wrapper .locamais-data-table tbody td,
.locamais-table-responsive-wrapper .locamais-data-table tbody th {
    border-bottom: 1px dotted #D1D5DB !important;
}

.locamais-table-responsive-wrapper .locamais-data-table tbody td::before,
.locamais-table-responsive-wrapper .locamais-data-table tbody td::after,
.locamais-table-responsive-wrapper .locamais-data-table tbody tr::before,
.locamais-table-responsive-wrapper .locamais-data-table tbody tr::after {
    background: none !important;
    content: none !important;
}

.locamais-table-responsive-wrapper .locamais-data-table tbody tr:hover > td,
.locamais-table-responsive-wrapper .locamais-data-table tbody tr:hover > th {
    background-color: #F8FAFC !important;
}