/* ---------------------------------------------------------------------------
   Vencidos (aba Coobrigar) no tema novo — handoff `handoff_vencidos`.

   Veste a barra de filtros (`_filtros_vencidos`) e o cartao de resumo
   (`_resumo_vencidos`) de `layouts/layout_contestacoes2.py`; as linhas do resumo vem do
   `render_resumo_vencidos`, em `callbacks/callbacks_contestacoes2.py`. A tabela de
   coobrigacao por cedente, logo abaixo, fica como estava.

   O segmentado e o da aba Status (`segmentado_status_v2`, em
   `tema_status_operacoes_v2.css`). Tokens: os `--v-*` de `tema_conteudo_v2.css`; ficam
   literais o `#93A6A0` do texto apagado, o `#C4553F` do negativo, o `#F7FAF9` do painel,
   o `#FAFCFB` do hover do cabecalho e o `#25765D` do hover do botao, que o tema nao tem.
   --------------------------------------------------------------------------- */

.rotulo_vencidos_v2 {
    font: 700 12px Manrope, sans-serif;
    color: var(--v-verde-escuro);
    letter-spacing: .6px;
}

/* o rotulo de secao fica acima da barra; o do RESUMO fica dentro do cabecalho */
.titulo_secao_vencidos_v2 {
    margin-bottom: 14px;
}

/* --- barra de filtros --------------------------------------------------- */
.barra_filtros_vencidos_v2 {
    font-family: Manrope, sans-serif;
    background: #F7FAF9;
    border: 1px solid var(--v-tab-divisoria);
    border-radius: 10px;
    padding: 16px 22px;
    display: flex;
    align-items: flex-end;
    gap: 14px;
    flex-wrap: wrap;
    margin-bottom: 14px;
}

.rotulo_campo_vencidos_v2 {
    font: 700 12px Manrope, sans-serif;
    color: var(--v-verde-escuro);
    letter-spacing: .6px;
    text-transform: uppercase;
    margin-bottom: 7px;
}

.campo_cedente_vencidos_v2 {
    flex: 1;
    min-width: 220px;
    max-width: 340px;
}

.data_vencidos_v2 .mantine-DatePickerInput-input {
    min-height: 42px;
    border: 1px solid var(--v-borda-input);
    border-radius: 10px;
    background: #fff;
    color: var(--v-tab-texto);
    font: 600 13px Manrope, sans-serif;
}

.data_vencidos_v2 .mantine-DatePickerInput-input {
    width: 160px;
    height: 42px;
    display: flex;
    align-items: center;
}

.data_vencidos_v2 .mantine-DatePickerInput-input:focus {
    border-color: var(--v-verde-escuro);
}

/* Seletor de cedentes: o `filtro_og_disp_v2` (tema_simulador_v2.css) na altura dos outros
   campos da barra e na largura do campo. O wrapper do `dmc.Popover` vem com
   `width: fit-content` inline; como item flex, o `flex: 1` ignora esse width. */
.filtro_cedente_vencidos_v2 > div {
    flex: 1;
    min-width: 0;
}

.filtro_cedente_vencidos_v2 .alvo_filtro_og_v2 {
    width: 100%;
    height: 42px;
    border-color: var(--v-borda-input);
}

.data_vencidos_v2 .mantine-Input-section {
    color: var(--v-tab-texto-sub);
}

/* --- chip "incluir vencimentos do dia corrente" -------------------------- */
.chip_hoje_vencidos_v2 .mantine-Chip-label {
    height: 42px;
    padding: 0 12px;
    border: 1px solid var(--v-borda-input);
    border-radius: 10px;
    background: #fff;
    color: var(--v-texto-inativo);
    font: 700 12.5px Manrope, sans-serif;
    gap: 6px;
}

.chip_hoje_vencidos_v2 .mantine-Chip-label:hover {
    border-color: var(--v-verde-escuro);
}

.chip_hoje_vencidos_v2 .mantine-Chip-label[data-checked] {
    padding: 0 12px;
    border-color: var(--v-borda-tint);
    background: var(--v-tint);
    color: var(--v-verde-escuro);
}

.chip_hoje_vencidos_v2 .mantine-Chip-iconWrapper {
    width: 11px;
    max-width: 11px;
    margin: 0;
    color: var(--v-verde-escuro);
}

.chip_hoje_vencidos_v2 .mantine-Chip-checkIcon {
    width: 11px;
    height: 11px;
}

/* --- botao atualizar ---------------------------------------------------- */
.btn_atualizar_vencidos_v2 {
    height: 42px;
    padding: 0 18px;
    margin-left: auto;
    border-radius: 10px;
    background: var(--v-verde-escuro);
    font: 800 13.5px Manrope, sans-serif;
}

.btn_atualizar_vencidos_v2:hover:not(:disabled) {
    background: #25765D;
}

/* --- cartao de resumo --------------------------------------------------- */
.cartao_resumo_vencidos_v2 {
    font-family: Manrope, sans-serif;
    border: 1px solid var(--v-borda-clara);
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
    margin-bottom: 14px;
}

.cabecalho_resumo_vencidos_v2 {
    padding: 16px 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    cursor: pointer;
}

.cabecalho_resumo_vencidos_v2:hover {
    background: #FAFCFB;
}

.titulo_resumo_vencidos_v2 {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.chevron_resumo_vencidos_v2 {
    display: flex;
    color: var(--v-verde-escuro);
    transition: transform .15s;
}

.chevron_resumo_vencidos_v2.fechado_vencidos_v2 {
    transform: rotate(-90deg);
}

.sub_resumo_vencidos_v2 {
    font: 500 12px Manrope, sans-serif;
    color: #93A6A0;
}

.metricas_resumo_vencidos_v2 {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 0;
}

.metrica_vencidos_v2 {
    padding: 0 22px 0 0;
    min-width: 150px;
}

.metrica_divisoria_vencidos_v2 {
    padding: 0 0 0 22px;
    border-left: 1px solid var(--v-tab-divisoria);
    min-width: 170px;
}

.rotulo_metrica_vencidos_v2 {
    font: 600 12px Manrope, sans-serif;
    color: var(--v-tab-texto-sub);
}

.valor_metrica_vencidos_v2 {
    font: 800 18px Manrope, sans-serif;
    color: var(--v-tab-texto);
    margin-top: 3px;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.negativo_vencidos_v2,
.valor_metrica_vencidos_v2.negativo_vencidos_v2 {
    color: #C4553F;
}

/* --- tabela do resumo --------------------------------------------------- */
.rolagem_resumo_vencidos_v2 {
    overflow-x: auto;
}

.tabela_resumo_vencidos_v2 {
    min-width: 640px;
}

.linha_resumo_vencidos_v2 {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr 1.4fr;
    gap: 12px;
    padding: 12px 22px;
    border-top: 1px solid var(--v-tab-divisoria);
    align-items: center;
}

.cabecalho_resumo_tabela_vencidos_v2 {
    background: var(--v-tab-cabecalho);
}

.th_resumo_vencidos_v2 {
    font: 800 13px Manrope, sans-serif;
    color: var(--v-verde-escuro);
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    user-select: none;
}

.th_resumo_vencidos_v2.esq_vencidos_v2 { justify-content: flex-start; }
.th_resumo_vencidos_v2.centro_vencidos_v2 { justify-content: center; }
.th_resumo_vencidos_v2.dir_vencidos_v2 { justify-content: flex-end; }

.seta_resumo_vencidos_v2 {
    display: flex;
}

/* so a coluna ativa mostra seta; sem isto o `display:flex` acima vence o `.hidden` */
.seta_resumo_vencidos_v2.hidden {
    display: none;
}

.seta_resumo_vencidos_v2.desc_vencidos_v2 {
    transform: rotate(180deg);
}

.corpo_resumo_vencidos_v2 {
    font: 600 13px Manrope, sans-serif;
    color: var(--v-tab-texto);
    font-variant-numeric: tabular-nums;
}

.corpo_resumo_vencidos_v2:hover {
    background: var(--v-tab-hover);
}

.esq_vencidos_v2 { text-align: left; }
.centro_vencidos_v2 { text-align: center; }
.dir_vencidos_v2 { text-align: right; }

.venc_resumo_vencidos_v2 {
    font-weight: 700;
}

.face_resumo_vencidos_v2 {
    font-weight: 800;
}

/* --- rodape: download + contagem, paginacao ----------------------------- */
.rodape_resumo_vencidos_v2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 22px;
    border-top: 1px solid var(--v-tab-divisoria);
    flex-wrap: wrap;
}

.esq_rodape_vencidos_v2 {
    display: flex;
    align-items: center;
    gap: 14px;
}

.btn_download_vencidos_v2 {
    height: 34px;
    padding: 0 12px;
    border: 1px solid var(--v-borda-tint);
    border-radius: 10px;
    background: #fff;
    color: var(--v-verde-escuro);
    font: 800 12.5px Manrope, sans-serif;
}

.btn_download_vencidos_v2:hover {
    background: var(--v-tint);
}

.pag_resumo_vencidos_v2.pagination {
    margin: 0;
    gap: 4px;
}

.pag_resumo_vencidos_v2 .page-link {
    min-width: 32px;
    height: 32px;
    padding: 0 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--v-borda-input);
    border-radius: 8px !important;
    background: #fff;
    color: var(--v-texto-inativo);
    font: 700 12.5px Manrope, sans-serif;
    box-shadow: none;
}

.pag_resumo_vencidos_v2 .page-item.active .page-link {
    background: var(--v-verde-escuro);
    border-color: var(--v-verde-escuro);
    color: #fff;
}

/* --- mobile ------------------------------------------------------------- */
@media (max-width: 768px) {
    .barra_filtros_vencidos_v2 {
        padding: 14px 16px;
    }

    .barra_filtros_vencidos_v2 > div,
    .campo_cedente_vencidos_v2,
    .data_vencidos_v2 .mantine-DatePickerInput-input,
    .btn_atualizar_vencidos_v2 {
        width: 100%;
        max-width: none;
    }

    .barra_filtros_vencidos_v2 .segmentado_status_v2.mantine-SegmentedControl-root {
        width: 100%;
    }

    .btn_atualizar_vencidos_v2 {
        margin-left: 0;
    }

    .cabecalho_resumo_vencidos_v2,
    .rodape_resumo_vencidos_v2 {
        padding: 14px 16px;
    }
}