/* Telas do portal de custodia Daycoval (Extrato ADM e Carteira) — layout v2.
   O grosso vem das classes das telas de Estoque e do Simulador (cartao_v2,
   filtros_estoque_v2, cartao_indicador_v2, pill_*_estoque_v2); aqui so o que faltava. */

/* texto de apoio (descricao da secao, "consultado as", nota do grafico) */
.cinza_v2 {
    color: var(--v-tab-texto-sub);
}

/* botoes no canto do cabecalho da secao */
.acoes_secao_custodia {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

/* linha de detalhe embaixo do valor no cartao de indicador */
.detalhe_indicador_custodia {
    font: 600 11.5px Manrope, sans-serif;
    color: var(--v-tab-texto-sub);
    margin-top: 2px;
}

/* pills da boleta ao lado do numero */
.linha_boleta_custodia {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

/* ---- Extrato ADM > Hoje: faixa do resgate total ----
   Tres colunas alinhadas pelo meio: titulo (largura fixa, para o status comecar sempre
   no mesmo x), status da boleta e as acoes na ponta direita. */
.faixa_resgate_custodia {
    padding: 16px 22px;
    margin-bottom: 20px;
}

.linha_resgate_custodia {
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px 28px;
}

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

.info_resgate_custodia {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.acoes_resgate_custodia {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

/* confirmacao e mensagens abrem embaixo, separadas da linha por uma divisoria */
.extra_resgate_custodia,
.faixa_resgate_custodia > div:last-child:not(:empty) {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid var(--v-tab-divisoria);
}

.extra_resgate_custodia {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* ---- Extrato ADM > Hoje: cabecalho da conta corrente ---- */
/* tambem no Extrato completo; o wrap joga as acoes para a linha de baixo quando o
   titulo e os botoes nao cabem lado a lado (no mobile, com dois botoes) */
.cabecalho_hoje_custodia {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 12px;
}

.acoes_cabecalho_custodia {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.titulo_hoje_custodia {
    display: flex;
    align-items: baseline;
    gap: 12px;
    flex-wrap: wrap;
}

/* os botoes nao encolhem: no mobile o titulo quebra em duas linhas e o flex espremia o
   "Atualizar" ate cortar o texto */
.cabecalho_hoje_custodia > .btn_acoes_v2,
.acoes_cabecalho_custodia .btn_acoes_v2,
.acoes_resgate_custodia .btn_acoes_v2 {
    flex: none;
}

@media (max-width: 991px) {
    .linha_resgate_custodia {
        grid-template-columns: minmax(0, 1fr);
    }

    .acoes_resgate_custodia {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}