/*=====================================================
  INTELIGÊNCIA DE ASSEMBLEIAS — Fase 3, BETA (2026-09-20)

  Reaproveita os tokens de tema (css/tema.css) e os componentes
  compartilhados já usados no resto do app — só o que é genuinamente
  novo (cards de série, linhas de teste) ganha CSS próprio aqui.
=====================================================*/

.ia-carregando,
.ia-vazio{
    color:var(--gca-texto-secundario);
    padding:24px 0;
}

.ia-aviso{
    display:flex;
    align-items:flex-start;
    gap:10px;
    background:var(--gca-fundo-elevado);
    border:1px solid var(--gca-borda);
    border-left:3px solid #8B0000;
    border-radius:12px;
    padding:14px 16px;
    margin-bottom:16px;
}

.ia-aviso i{
    width:18px;
    height:18px;
    flex:0 0 auto;
    color:#8B0000;
    margin-top:1px;
}

.ia-aviso p{
    font-size:13px;
    line-height:1.5;
    color:var(--gca-texto-principal);
    margin:0;
}

.ia-resumo{
    font-size:12.5px;
    color:var(--gca-texto-terciario);
    margin-bottom:20px;
}

.ia-secao-mensal{
    margin-bottom:24px;
}

.ia-secao-mensal-cabecalho{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:16px;
    flex-wrap:wrap;
}

.ia-secao-mensal-cabecalho .panel-header{
    margin-bottom:4px;
}

.ia-secao-mensal-cabecalho .ia-resumo{
    margin-bottom:0;
}

/* Filtro de ano — reaproveita .tipo-toggle/.status-btn tal como já
   existem (css/comissoes.css), sem cor própria: o vermelho/bordô do
   estado ativo (#8B0000 claro, #E63950 dark-premium) já vem de lá. */
.ia-filtro-ano{
    flex:0 0 auto;
}

.ia-filtro-ano .status-btn{
    padding:6px 16px;
    font-size:13px;
}

.ia-graficos{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
    gap:16px;
    margin:16px 0;
}

.ia-grafico-card{
    background:var(--gca-fundo-card-solido);
    border:1px solid var(--gca-borda);
    border-radius:12px;
    padding:14px 16px;
}

.ia-grafico-card .panel-header{
    margin-bottom:8px;
}

.ia-grafico-card .panel-header i{
    width:14px;
    height:14px;
}

.ia-grafico-card .panel-header h4{
    font-size:12.5px;
    font-weight:700;
    color:var(--gca-titulo-painel);
    margin:0;
}

.ia-grafico-wrap{
    height:210px;
    position:relative;
}

.ia-cards{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));
    gap:16px;
}

.ia-card{
    background:var(--gca-fundo-card-solido);
    border:1px solid var(--gca-borda);
    border-radius:12px;
    padding:16px 18px;
}

.ia-card-cabecalho{
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    gap:8px;
    flex-wrap:wrap;
    margin-bottom:12px;
    padding-bottom:12px;
    border-bottom:1px solid var(--gca-borda-sutil, var(--gca-borda));
}

.ia-card-cabecalho h3{
    font-size:15px;
    font-weight:700;
    color:var(--gca-texto-principal);
    margin:0;
}

.ia-card-n{
    font-size:11px;
    color:var(--gca-texto-terciario);
}

.ia-secao{
    margin-bottom:14px;
}

.ia-secao:last-child{
    margin-bottom:0;
}

.ia-secao h4{
    font-size:11.5px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.03em;
    color:var(--gca-texto-terciario);
    margin:0 0 8px;
}

.ia-grid-descritiva{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:8px;
}

.ia-grid-descritiva > div{
    background:var(--gca-fundo-elevado);
    border-radius:8px;
    padding:8px 10px;
    display:flex;
    flex-direction:column;
    gap:2px;
}

.ia-grid-descritiva span{
    font-size:10.5px;
    color:var(--gca-texto-terciario);
}

.ia-grid-descritiva strong{
    font-size:14px;
    color:var(--gca-texto-principal);
}

.ia-grid-descritiva small{
    font-size:10px;
    color:var(--gca-texto-terciario);
}

.ia-nota{
    font-size:11.5px;
    color:var(--gca-texto-terciario);
    margin:8px 0 0;
}

.ia-teste-linha{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:7px 0;
    font-size:12px;
    color:var(--gca-texto-secundario);
    border-top:1px solid var(--gca-fundo-elevado);
}

.ia-teste-linha:first-of-type{
    border-top:none;
}

.ia-teste-linha > span:first-child{
    font-weight:700;
    color:var(--gca-texto-principal);
    flex:0 0 auto;
}

.ia-pvalor{
    font-variant-numeric:tabular-nums;
    font-weight:600;
    flex:0 0 auto;
}

.ia-pvalor--sig{
    color:#8B0000;
}

.ia-rodape{
    margin-top:18px;
    font-size:12px;
    color:var(--gca-texto-terciario);
    text-align:center;
}

@media (max-width:640px){

    .ia-cards,
    .ia-graficos{
        grid-template-columns:1fr;
    }

    .ia-filtro-ano{
        width:100%;
    }

    .ia-filtro-ano .status-btn{
        flex:1;
    }

    .ia-teste-linha{
        flex-direction:column;
        align-items:flex-start;
        gap:2px;
    }

}


/* ===========================
   DARK PREMIUM — acento vermelho único do tema (#E63950/#F2495C, ver
   css/tema.css) no lugar do #8B0000 do claro. Fundo/borda/texto já
   vêm das variáveis de --gca-* acima, então não precisam de nada
   aqui; só o que é cor literal (ícone, borda de destaque, p-valor).
=========================== */
[data-theme="dark-premium"] .ia-aviso{
    border-left-color:#F2495C;
}

[data-theme="dark-premium"] .ia-aviso i{
    color:#F2495C;
}

[data-theme="dark-premium"] .ia-pvalor--sig{
    color:#F2495C;
}