/* =========================================================
   CSI Analises Avancadas - Estilos Customizados & Responsividade
   ========================================================= */

/* Garante visibilidade do container pai em modo embed */
.dashboard-card.d-none {
    display: block !important;
}

/* Container KPI e comportamento interno */
.csi-kpi-container {
    width: 100% !important;
    height: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

/* =========================================================
   Opção 1: Padronização Automática de KPI em Mobile (< 768px)
   ========================================================= */
@media (max-width: 768px) {
    /* Força altura mínima harmoniosa nos itens de KPI em mobile */
    .grid-stack-item:has(.csi-kpi-container),
    .grid-stack-item-content:has(.csi-kpi-container) {
        min-height: 110px !important;
        height: auto !important;
    }

    .csi-kpi-container {
        min-height: 110px !important;
        padding: 10px 12px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
    }

    .csi-kpi-number {
        font-size: clamp(1.6rem, 6vw, 2.4rem) !important;
        line-height: 1.1 !important;
        margin-top: 2px !important;
        margin-bottom: 2px !important;
    }

    .csi-kpi-label {
        font-size: clamp(0.7rem, 2.8vw, 0.8rem) !important;
        line-height: 1.2 !important;
        margin-bottom: 4px !important;
        text-align: center !important;
    }
}