/* ==========================================================================
   LUCROSEGURO - CSS GLOBAL CUSTOMIZADO
   (O restante do layout é regido pelas classes utilitárias do Tailwind)
   ========================================================================== */

/* TIPOGRAFIA ESPECÍFICA */
.logo-text-bold { 
    font-family: 'Montserrat', sans-serif; 
    font-weight: 800; 
    letter-spacing: -1px; 
}
.logo-text-light { 
    font-family: 'Montserrat', sans-serif; 
    font-weight: 300; 
    letter-spacing: 0px; 
}

/* ESTILIZAÇÃO DA BARRA DE ROLAGEM (SCROLLBAR) */
::-webkit-scrollbar { 
    width: 6px; 
}
::-webkit-scrollbar-track { 
    background: transparent; 
}
::-webkit-scrollbar-thumb { 
    background: #cbd5e1; 
    border-radius: 10px; 
}
::-webkit-scrollbar-thumb:hover { 
    background: #94a3b8; 
}

/* ==========================================================================
   REGRAS DE IMPRESSÃO (GERAÇÃO DE RELATÓRIOS PDF DOS DASHBOARDS)
   ========================================================================== */
@media print {
    /* Oculta menus e elementos interativos na impressão */
    nav, header, footer, #client-tabs, #form-kpi, #form-quebras, 
    #form-recebimento, #form-validade, #form-auditoria-preco, 
    #form-caixa-central, #form-furtos, #form-inventario, 
    button, .btn-logout, #contato { 
        display: none !important; 
    }
    
    /* Força fundo branco e cores exatas */
    body { 
        background-color: white !important; 
        -webkit-print-color-adjust: exact; 
        print-color-adjust: exact; 
    }
    
    #view-client { 
        background-color: white !important; 
    }
    
    /* Remove sombras e coloca bordas sólidas para leitura em papel */
    .shadow-sm, .shadow-md, .shadow-xl { 
        box-shadow: none !important; 
        border: 1px solid #e2e8f0 !important; 
    }
    
    /* Limita o tamanho dos gráficos para não quebrarem a página */
    canvas { 
        max-height: 250px !important; 
    }
    
    .grid { 
        page-break-inside: avoid; 
    }
    
    #portal-cliente { 
        display: block !important; 
    }
}

/* ==========================================================================
   TRAVAS DE VISIBILIDADE DO PORTAL (ROTEAMENTO VIA JS)
   ========================================================================== */
.estado-hub #loading-data, 
.estado-hub #empty-state-client, 
.estado-hub #dashboard-content { 
    display: none !important; 
}

.estado-varejo #container-segmentos { display: none !important; }
.estado-varejo #btn-voltar-hub { display: flex !important; }

.estado-industria #container-segmentos { display: none !important; }
.estado-industria #btn-voltar-hub { display: flex !important; }