/* ---------------------------------------------------------------------------
   Antecipacoes gerenciais (aba Geral) — topo da tela.

   Monta em `geral_layout` (`layouts/erp/antecipacoes_gerenciais.py`). O cartao e o
   `cartao_v2` e o rotulo e o `rotulo_secao_v2` (`tema_simulador_v2.css`); aqui fica so a
   arrumacao dos dois cartoes, o texto de apoio, os controles e o retorno do Salvar /
   Processar. Os controles seguem as regras da coluna de filtros das Solicitacoes
   (`tema_solicitacoes_v2.css`): 42px, radius 10, Manrope.

   O resumo e a tabela de baixo nao sao daqui: o resumo e o `cartao_resumo_grupos_v2`
   (`tema_historico_v2.css`) e a tabela e do `html_table`.

   Tokens: os `--v-*` de `tema_conteudo_v2.css`.
   --------------------------------------------------------------------------- */

.grade_topo_gerencial_v2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 22px;
}

.cartao_gerencial_v2 {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.cabecalho_cartao_gerencial_v2 {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.apoio_cartao_gerencial_v2 {
    font: 500 12.5px Manrope, sans-serif;
    color: var(--v-tab-texto-sub);
}

/* Mesma altura para o Switch (status) e o Checkbox (forcar): o Switch do Mantine e mais
   alto, e a diferenca virava folga em cima do "Processar" pelo `margin-top: auto` de
   baixo, desalinhando dele o "Salvar". */
.linha_controle_gerencial_v2 {
    display: flex;
    align-items: center;
    height: 24px;
}

/* Sem `margin-top: auto`: empurrar o botao para o pe do cartao fazia qualquer diferenca de
   altura entre os dois (Switch x Checkbox, retorno do Salvar) virar folga em cima de um
   botao so. O botao vem logo depois do controle, e o alinhamento entre os cartoes sai da
   `linha_controle_gerencial_v2`, que tem a mesma altura nos dois. */
.acoes_cartao_gerencial_v2 {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.grade_topo_gerencial_v2 .mantine-Button-root {
    height: 42px;
    padding: 0 20px;
    border-radius: 10px;
    font: 800 13.5px Manrope, sans-serif;
}

.grade_topo_gerencial_v2 .mantine-Checkbox-input {
    --checkbox-size: 17px;
    --checkbox-radius: 5px;
    border-width: 1.5px;
    border-color: var(--v-borda-controle);
}

.grade_topo_gerencial_v2 .mantine-Checkbox-label,
.grade_topo_gerencial_v2 .mantine-Switch-label {
    padding-left: 9px;
    font: 600 13px Manrope, sans-serif;
    color: var(--v-tab-texto);
}

.grade_topo_gerencial_v2 .mantine-Checkbox-root:has(.mantine-Checkbox-input:not(:checked)) .mantine-Checkbox-label,
.grade_topo_gerencial_v2 .mantine-Switch-root:has(.mantine-Switch-input:not(:checked)) .mantine-Switch-label {
    color: var(--v-texto-inativo);
}

/* Retorno do Salvar / Processar: pill do tom do resultado, ao lado do botao. */
.retorno_ok_gerencial_v2,
.retorno_erro_gerencial_v2 {
    padding: 6px 12px;
    border: 1px solid;
    border-radius: 10px;
    font: 600 12.5px Manrope, sans-serif;
    overflow-wrap: anywhere;
}

.retorno_ok_gerencial_v2 {
    border-color: var(--v-borda-tint);
    background: var(--v-tint);
    color: #25765D;
}

.retorno_erro_gerencial_v2 {
    border-color: var(--v-erro-borda);
    background: var(--v-erro-fundo);
    color: var(--v-erro-texto);
}

/* Titulo da lista, com o refresh ao lado — o `<hr>` que separava do topo saiu: os
   cartoes ja fecham o bloco de cima. */
.cabecalho_lista_gerencial_v2 {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
}

@media (max-width: 767.98px) {
    .grade_topo_gerencial_v2 {
        grid-template-columns: minmax(0, 1fr);
        margin-bottom: 18px;
    }

    .acoes_cartao_gerencial_v2 .mantine-Button-root {
        flex: 1;
    }
}