/* assets/css/style_clients_hotspot.css */

/* 1. Remove totalmente a barra lateral do fluxo do layout */
.lgpd-mode #sidebar,
.lgpd-mode .sidebar,
.lgpd-mode .sidebar-wrapper,
.lgpd-mode .mini-sidebar,
.lgpd-mode aside,
.lgpd-mode nav {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    max-width: 0 !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 2. Neutraliza o contêiner flex pai do ERP para não reservar espaço */
.lgpd-mode .wrapper,
.lgpd-mode .main-panel,
.lgpd-mode main,
.lgpd-mode #conteudo-principal {
    margin-left: 0 !important;
    padding-left: 0 !important;
    left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    /* Quebra o cálculo do flexbox administrativo */
}

/* 3. Garante respiro nas laterais internas da ficha de dados */
.lgpd-mode .container-fluid {
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
}

/* 4. Ajuste global no body */
.lgpd-mode body {
    padding-left: 0 !important;
    margin-left: 0 !important;
    width: 100% !important;
}



/* Garante que o topo (header) ocupe toda a largura sem deslocamento */
header.navbar {
    left: 0 !important;
    width: 100% !important;
}

/* ==========================================
   MODAL ESTILO BOTTOM SHEET (RODAPÉ)
   ========================================== */

/* Aplica o comportamento de rodapé apenas quando o modal está de fato aberto */
.modal-bottom.show {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center;
}

/* Ajusta o diálogo para colar perfeitamente no limite inferior da tela */
.modal-bottom .modal-dialog {
    margin: 0;
    width: 100%;
    max-width: 100% !important;
}

/* Arredonda apenas os cantos superiores, imitando o padrão da Teknisa */
.modal-bottom .modal-content {
    border-radius: 16px 16px 0 0 !important;
    border: none;
    box-shadow: 0 -5px 25px rgba(0, 0, 0, 0.15);
}

/* Remove pequenos travamentos de scroll no corpo da página */
body.modal-open {
    overflow: hidden;
}

th.sortable-column {
    cursor: pointer;
    user-select: none;
}

th.sortable-column:hover {
    background-color: rgba(0, 0, 0, 0.05);
}