/**
 * Estilos para o shortcode [locamais_gerenciar_unidades].
 * @version 2.2.0 - REATORAÇÃO: Adicionadas larguras de coluna para o layout da tabela.
 */

/* ========================================================================
 * 1. ESTILOS DA PÁGINA PRINCIPAL (TABELA E FILTROS)
 * ======================================================================== */
.locamais-portal-ui-wrapper[data-module="gerenciar-unidades"] .locamais-card-filters {
    padding-top: 1rem;
    margin-top: 1rem;
    border-top: 1px solid var(--lm-border-light);
    justify-content: flex-start;
}
.locamais-portal-ui-wrapper[data-module="gerenciar-unidades"] .locamais-card-filters .locamais-form-control-item {
    max-width: 250px;
}

/* ========================================================================
 * 1.1 TABS (UNIDADES / HIERARQUIA)
 * ======================================================================== */
.locamais-portal-ui-wrapper[data-module="gerenciar-unidades"] .locamais-tabs {
    display: flex;
    gap: 0.5rem;
    border-bottom: 1px solid var(--lm-border-light);
    margin: 1rem 0 1.5rem;
    padding-bottom: 0.25rem;
}
.locamais-portal-ui-wrapper[data-module="gerenciar-unidades"] .locamais-tab-button {
    background: transparent;
    border: none;
    padding: 0.5rem 0.75rem;
    font-weight: 600;
    color: var(--lm-text-muted, #64748b);
    border-bottom: 2px solid transparent;
    cursor: pointer;
    transition: color 0.15s ease, border-color 0.15s ease;
}
.locamais-portal-ui-wrapper[data-module="gerenciar-unidades"] .locamais-tab-button.is-active {
    color: var(--lm-text-primary, #0f172a);
    border-bottom-color: var(--lm-primary, #2563eb);
}
.locamais-portal-ui-wrapper[data-module="gerenciar-unidades"] .locamais-tab-button:focus-visible {
    outline: 2px solid var(--lm-primary, #2563eb);
    outline-offset: 2px;
}
.locamais-portal-ui-wrapper[data-module="gerenciar-unidades"] .locamais-tab-panel[hidden] {
    display: none !important;
}
.locamais-portal-ui-wrapper[data-module="gerenciar-unidades"].is-tab-hierarquia .locamais-portal-header-actions {
    display: none;
}

/* ✅ REATORADO: Larguras de coluna para a tabela */
.locamais-portal-ui-wrapper[data-module="gerenciar-unidades"] .locamais-data-table .col-nome { width: 30%; }
.locamais-portal-ui-wrapper[data-module="gerenciar-unidades"] .locamais-data-table .col-alias { width: 15%; }
.locamais-portal-ui-wrapper[data-module="gerenciar-unidades"] .locamais-data-table .col-cnpj { width: 25%; font-family: monospace; font-size: 0.8rem; color: var(--lm-text-muted); }
.locamais-portal-ui-wrapper[data-module="gerenciar-unidades"] .locamais-data-table .col-situacao { width: 15%; text-align: center; }
.locamais-portal-ui-wrapper[data-module="gerenciar-unidades"] .locamais-data-table .col-acoes { width: 15%; text-align: center; }

/* ========================================================================
 * 2. ESTILOS PARA O MODAL COMPACTO (Estrutura de Grid)
 * ======================================================================== */
#modal-manage-unit.locamais-modal { max-width: 720px !important; }
#modal-manage-unit .locamais-modal__body { padding: 1.25rem 1.75rem; }
#modal-manage-unit .locamais-form-grid--compact { display: grid; grid-template-columns: 2fr 1fr; gap: 1.5rem; align-items: start; }
#modal-manage-unit .form-subgrid { display: flex; flex-direction: column; gap: 1rem; }
#modal-manage-unit .locamais-form-group { margin-bottom: 0.75rem !important; }
#modal-manage-unit .locamais-input, #modal-manage-unit .locamais-select, #modal-manage-unit .ts-control { height: 38px !important; font-size: 0.875rem !important; padding: 0.4rem 0.75rem !important; }
#modal-manage-unit .locamais-form-group label { font-size: 0.8125rem !important; margin-bottom: 0.375rem !important; }
#modal-manage-unit .locamais-form-actions { margin-top: 1.25rem !important; }

/* ========================================================================
 * 3. ESTILOS PARA O TOMSELECT NO MODAL
 * ======================================================================== */
#modal-manage-unit .ts-control.focus { box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15) !important; }
#modal-manage-unit .ts-control > .item { padding: 0.25rem 0.75rem !important; font-size: 0.8rem !important; font-weight: 500 !important; }
#modal-manage-unit .ts-control > .item::before { content: ''; display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 0.5rem; background-color: currentColor; }
#modal-manage-unit .ts-control > .item[data-value="ativo"] { background-color: var(--lm-success-bg, #d1fae5) !important; color: var(--lm-success-text, #065f46) !important; border-color: var(--lm-success-border, #a7f3d0) !important; }
#modal-manage-unit .ts-control > .item[data-value="inativo"] { background-color: var(--lm-error-bg, #fee2e2) !important; color: var(--lm-error-text, #991b1b) !important; border-color: var(--lm-error-border, #fecaca) !important; }
#modal-manage-unit .ts-control > .ts-input { flex-grow: 1 !important; padding: 0 !important; margin: 0 !important; line-height: inherit !important; color: transparent !important; }

/* ========================================================================
 * 4. RESPONSIVIDADE
 * ======================================================================== */
@media (max-width: 768px) {
    #modal-manage-unit .locamais-form-grid--compact { grid-template-columns: 1fr; gap: 0; }
    #modal-manage-unit .form-subgrid { gap: 0.75rem; }
}