/*
 * Nome: eletron_client.css
 * Data: 07/02/2026
 * Versão: 2.2.0 (Fix: Seletores Nativos do Perfex para Kanban)
 * Descrição: Estilos CSS para layout fluído e ajustes visuais.
 */

/* ==========================================================================
   1. AJUSTES GERAIS E BOTÕES
   ========================================================================== */
.action-button {
    margin-bottom: 10px;
    margin-left: 10px;
}

/* Ajustes para a Lista de Materiais */
.tc-content {
    font-size: 14px;
    line-height: 1.6;
    color: #4b5563;
}

hr {
    border-top: 1px solid #e5e7eb;
    margin-top: 20px;
    margin-bottom: 20px;
}

/* ==========================================================================
   2. LAYOUT FULL WIDTH (PREENCHER A TELA)
   ========================================================================== */
/* Garante que o container principal use quase toda a largura disponível */
@media (min-width: 992px) {
    #wrapper .container {
        width: 98% !important;
        max-width: 100% !important;
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .panel_s .panel-body {
        padding: 20px;
    }
}

/* ==========================================================================
   3. KANBAN AUTOMÁTICO (FLEXBOX INTELIGENTE)
   ========================================================================== */
/* ATENÇÃO: Aqui aplicamos a regra não só para .kanban-row, 
   mas também para a estrutura nativa do Perfex na área do cliente (#kanban-params e seus filhos)
*/
.kanban-row,
#kanban-params .row,
.tasks-kanban .row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    margin: 0 !important;
    gap: 15px;
    overflow-x: auto !important;
    padding-bottom: 15px;
}

/* Remove hacks antigos de clearfix do Bootstrap que atrapalham o Flex */
.kanban-row::before,
.kanban-row::after,
#kanban-params .row::before,
#kanban-params .row::after {
    display: none !important;
}

/* Configuração das Colunas (Alvo: qualquer col-md-* dentro do kanban) */
.kanban-col,
#kanban-params [class*="col-md-"],
.tasks-kanban [class*="col-md-"] {
    float: none !important; 
    /* flex: grow(1) shrink(0) basis(300px) */
    flex: 1 0 300px !important; 
    max-width: none !important;
    width: auto !important;
    margin-right: 0 !important;
}

/* Ajuste visual para os títulos dos cards dentro do Kanban */
.kanban-col .panel-heading,
#kanban-params .panel-heading {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Garante que a altura acompanhe o conteúdo */
.kanban-col .panel-body,
#kanban-params .panel-body {
    height: auto !important;
    min-height: 100px;
}

/* ==========================================================================
   4. SEÇÃO DE NOTAS E TEMPLATES
   ========================================================================== */
.eletron-note-templates button {
    margin-right: 5px;
    opacity: 0.9;
    transition: opacity 0.2s;
}

.eletron-note-templates button:hover {
    opacity: 1;
}