.conciliacao-bancaria-filters,
.conciliacao-bancaria-rows,
.conciliacao-bancaria-panel,
.conciliacao-bancaria-counters,
.conciliacao-bancaria-subtitulo,
.conciliacao-bancaria-busca-dica,
.conciliacao-bancaria-resultados,
.conciliacao-bancaria-header-extra,
.conciliacao-bancaria-muted,
.conciliacao-bancaria-small {
    font-family: Segoi-ui;
    color: #414041;
}

:where(.conciliacao-bancaria-filters, .conciliacao-bancaria-rows, .conciliacao-bancaria-panel, .conciliacao-bancaria-counters, .conciliacao-bancaria-subtitulo, .conciliacao-bancaria-busca-dica, .conciliacao-bancaria-resultados, .conciliacao-bancaria-header-extra, .conciliacao-bancaria-muted, .conciliacao-bancaria-small) * {
    font-family: inherit;
    color: inherit;
}

/* ---------- textos ---------- */
.conciliacao-bancaria-muted {
    color: #999999;
}

.conciliacao-bancaria-small {
    font-size: 12px;
}

.conciliacao-bancaria-link {
    color: #4285F4;
    font-size: 12px;
    cursor: pointer;
    text-decoration: none;
}

    .conciliacao-bancaria-link:hover {
        color: #0B4EBA;
        text-decoration: underline;
    }

.conciliacao-bancaria-label {
    display: block;
    margin: 0 0 4px 0;
    font: 12px Segoi-ui;
    color: #757575;
}

.conciliacao-bancaria-header-extra {
    display: flex;
    align-items: center;
    gap: 12px;
    float: right;
    height: 30px;
    margin-right: 16px;
}

.conciliacao-bancaria-val-D {
    color: #F53D47;
}

.conciliacao-bancaria-val-C {
    color: #64C74C;
}

/* ---------- barra de filtros da fila ---------- */
.conciliacao-bancaria-filters {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 15px 0;
}

    .conciliacao-bancaria-filters .conciliacao-bancaria-filter-select {
        position: relative;
        flex: 0 0 230px;
    }

    .conciliacao-bancaria-filters label {
        display: flex;
        align-items: center;
        gap: 6px;
        margin: 0;
        cursor: pointer;
        white-space: nowrap;
    }

    .conciliacao-bancaria-filters .conciliacao-bancaria-filters-right {
        margin-left: auto;
    }

/* ---------- linhas da fila ---------- */
.conciliacao-bancaria-rows {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-height: 260px;
    font-size: 14px;
}

.conciliacao-bancaria-row {
    border: 1px solid #E6E7E8;
    border-radius: 2px;
    background: #fff;
}

    .conciliacao-bancaria-row:not(.expandida):not(.concluida),
    .conciliacao-bancaria-row.expandida .conciliacao-bancaria-row-top {
        cursor: pointer;
    }

    .conciliacao-bancaria-row:hover {
        background-color: #F9FBFC;
    }

    .conciliacao-bancaria-row.expandida {
        border-left: 3px solid #4285F4;
        background: #fff;
    }

    .conciliacao-bancaria-row.concluida {
        background-color: #F9FBFC;
    }

.conciliacao-bancaria-row-top {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 20px 0 15px;
}

    .conciliacao-bancaria-row.concluida .conciliacao-bancaria-row-top {
        padding-bottom: 10px;
    }

    .conciliacao-bancaria-row-top .conciliacao-bancaria-chevron {
        border: 0;
        background: transparent;
        color: #4285F4;
        font-size: 11px;
        line-height: 1;
        padding: 0 4px;
        cursor: pointer;
        width: 18px;
        outline: none;
    }

    .conciliacao-bancaria-row-top .conciliacao-bancaria-date {
        color: #999999;
        white-space: nowrap;
    }

    .conciliacao-bancaria-row-top .conciliacao-bancaria-desc {
        font-family: Segoi-ui-semibold;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 46%;
    }

    .conciliacao-bancaria-row.concluida .conciliacao-bancaria-row-top .conciliacao-bancaria-desc {
        font-family: Segoi-ui;
        color: #757575;
        max-width: none;
    }

    .conciliacao-bancaria-row-top .conciliacao-bancaria-edit {
        color: #4285F4;
        cursor: pointer;
        line-height: 1;
    }

        .conciliacao-bancaria-row-top .conciliacao-bancaria-edit i {
            font-size: 13px;
        }

    .conciliacao-bancaria-row-top .conciliacao-bancaria-value {
        margin-left: auto;
        font-family: Segoi-ui-semibold;
        white-space: nowrap;
    }

        .conciliacao-bancaria-row-top .conciliacao-bancaria-value b {
            margin-left: 6px;
            color: #414041;
        }

.conciliacao-bancaria-row-body {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 8px 20px 12px 43px;
}

    .conciliacao-bancaria-row-body .conciliacao-bancaria-sug {
        flex: 0 0 58%;
        min-width: 0;
    }

.conciliacao-bancaria-sug-linha {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    min-width: 0;
}

    .conciliacao-bancaria-sug-linha .conciliacao-bancaria-sug-badges {
        flex: 0 0 auto;
        white-space: nowrap;
    }

    .conciliacao-bancaria-sug-linha .conciliacao-bancaria-sug-texto {
        flex: 1 1 auto;
        min-width: 0;
    }

    .conciliacao-bancaria-sug-linha .conciliacao-bancaria-sug-main {
        font-family: Segoi-ui-semibold;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .conciliacao-bancaria-sug-sub {
        font-size: 12px;
        color: #999999;
        margin-top: 2px;
    }

    .conciliacao-bancaria-row-body .conciliacao-bancaria-actions-center {
        flex: 1 1 auto;
        text-align: left;
    }

        .conciliacao-bancaria-row-body .conciliacao-bancaria-actions-center .btn {
            margin-left: 0;
        }

    .conciliacao-bancaria-row-body .conciliacao-bancaria-actions-right {
        flex: 0 0 auto;
    }

.conciliacao-bancaria-sem-sugestao {
    font-size: 13px;
    color: #757575;
}

.conciliacao-bancaria-strip {
    font-size: 12px;
    color: #999999;
    padding: 0 20px 8px 43px;
}

    .conciliacao-bancaria-strip.erro {
        color: #F53D47;
    }

    .conciliacao-bancaria-strip:empty {
        display: none;
    }

.conciliacao-bancaria-menu .dropdown-toggle::after {
    margin-left: 8px;
    vertical-align: 2px;
}

#btnConciliacaoBancariaExatas {
    background-color: #fff;
    border: 1px solid #64C74C;
    color: #64C74C;
}

    #btnConciliacaoBancariaExatas:hover,
    #btnConciliacaoBancariaExatas:focus {
        background-color: #EDF4FF;
        border: 1px solid #64C74C;
        color: #64C74C;
    }

#btnConciliacaoBancariaExatas i {
    color: inherit;
    margin-right: 6px;
    font-size: 11px;
}

.conciliacao-bancaria-collapse i {
    font-size: 9px;
    margin-left: 4px;
}
.conciliacao-bancaria-menu .dropdown-menu {
    min-width: 170px;
    border: 1px solid #E6E7E8;
    border-radius: 2px;
    box-shadow: 0 1px 6px #e6e7e8;
    padding: 6px 0;
}

.conciliacao-bancaria-menu .dropdown-item {
    font: 14px Segoi-ui;
    padding: 7px 14px;
    color: #414041;
}

    .conciliacao-bancaria-menu .dropdown-item:hover {
        background-color: #EDF4FF;
    }

/* ---------- linha expandida (5b) ---------- */
.conciliacao-bancaria-expanded {
    display: flex;
    gap: 30px;
    padding: 8px 20px 8px 43px;
}

    .conciliacao-bancaria-expanded .conciliacao-bancaria-col-banco {
        flex: 0 0 42%;
    }

    .conciliacao-bancaria-expanded .conciliacao-bancaria-col-sug {
        flex: 1 1 auto;
        min-width: 0;
    }

.conciliacao-bancaria-field {
    margin-bottom: 10px;
}

.conciliacao-bancaria-fields-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 12px;
}

@media (min-width: 1600px) {
    .conciliacao-bancaria-fields-grid {
        grid-template-columns: 1fr 1fr 1.7fr 1.3fr;
    }
}

.conciliacao-bancaria-importado {
    font-size: 12px;
    color: #999999;
    margin: 0 0 12px 0;
}

.conciliacao-bancaria-sug-card {
    display: flex;
    align-items: center;
    gap: 12px;
    border: 1px solid #E6E7E8;
    border-radius: 2px;
    padding: 8px 12px;
    margin-bottom: 8px;
    cursor: pointer;
    background: #fff;
    font-weight: normal;
}

    .conciliacao-bancaria-sug-card:hover {
        background-color: #EDF4FF;
    }

    .conciliacao-bancaria-sug-card.selecionada {
        border-color: #4285F4;
        background-color: #F9FBFC;
    }

    .conciliacao-bancaria-sug-card.busca {
        border-style: dashed;
    }

    .conciliacao-bancaria-sug-card input {
        margin: 0;
        flex: 0 0 auto;
    }

    .conciliacao-bancaria-sug-card .conciliacao-bancaria-sug-linha {
        flex: 1 1 auto;
    }

    .conciliacao-bancaria-sug-card:not(.selecionada) .conciliacao-bancaria-sug-main {
        font-family: Segoi-ui;
    }

.conciliacao-bancaria-sum {
    font-family: Segoi-ui-semibold;
    font-size: 12px;
    margin-top: 10px;
    color: #64C74C;
}

    .conciliacao-bancaria-sum.erro {
        color: #F53D47;
    }

    .conciliacao-bancaria-sum.diferenca {
        color: #FF4400;
    }

.conciliacao-bancaria-expanded-footer {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 20px 15px 43px;
}

    .conciliacao-bancaria-expanded-footer .conciliacao-bancaria-collapse {
        flex: 1 1 auto;
        font-size: 13px;
    }

/* ---------- estado vazio (6b) ---------- */
.conciliacao-bancaria-vazio {
    text-align: center;
    padding: 80px 20px 90px 20px;
    font: 14px Segoi-ui;
    color: #757575;
}

    .conciliacao-bancaria-vazio .conciliacao-bancaria-check {
        width: 72px;
        height: 72px;
        border-radius: 50%;
        background: #EDF4FF;
        color: #64C74C;
        font-size: 30px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 22px;
    }

    .conciliacao-bancaria-vazio h3 {
        font: 20px Segoi-ui-semibold;
        color: #414041;
        margin: 0 0 10px 0;
    }

    .conciliacao-bancaria-vazio p {
        margin: 0 0 6px 0;
    }

    .conciliacao-bancaria-vazio .conciliacao-bancaria-ultima {
        font-size: 12px;
        color: #999999;
    }

    .conciliacao-bancaria-vazio .conciliacao-bancaria-vazio-botoes {
        margin: 22px 0 18px 0;
        display: flex;
        justify-content: center;
        gap: 10px;
    }

/* ---------- modal Buscar (6) ---------- */
.conciliacao-bancaria-busca-filtros {
    margin-top: 12px;
}

    .conciliacao-bancaria-busca-filtros .conciliacao-bancaria-busca-col-texto { flex: 0 0 30%; max-width: 30%; }
    .conciliacao-bancaria-busca-filtros .conciliacao-bancaria-busca-col-data { flex: 0 0 19%; max-width: 19%; }
    .conciliacao-bancaria-busca-filtros .conciliacao-bancaria-busca-col-valor { flex: 0 0 16%; max-width: 16%; }

    .conciliacao-bancaria-busca-filtros .form-group {
        margin-bottom: 6px;
    }

/* ---------- modal de diferença ---------- */
.conciliacao-bancaria-diferenca-opcoes {
    margin-bottom: 12px;
}

    .conciliacao-bancaria-diferenca-opcoes .conciliacao-bancaria-sug-card .conciliacao-bancaria-sug-main {
        font-family: Segoi-ui-semibold;
    }

.conciliacao-bancaria-diferenca-nova-conta {
    margin-bottom: 6px;
}

.conciliacao-bancaria-busca-lista.conciliacao-bancaria-diferenca-previa .card-body {
    min-height: 0;
    max-height: 220px;
}

.conciliacao-bancaria-busca-transacao {
    margin: 0 0 6px 0;
    font-size: 13px;
}

    .conciliacao-bancaria-busca-transacao span:last-child {
        color: #414041;
    }

.conciliacao-bancaria-toast-link {
    color: #fff;
    text-decoration: underline;
    font-weight: bold;
}

.conciliacao-bancaria-data-extra {
    display: block;
    line-height: 1.2;
}

.conciliacao-bancaria-busca-dica {
    font-size: 12px;
    color: #999999;
    margin: 4px 0 10px 0;
}

.conciliacao-bancaria-busca-lista {
    margin-left: 0;
    margin-right: 0;
}

.conciliacao-bancaria-busca-lista .card-body {
    min-height: 220px;
    max-height: 300px;
    overflow-y: auto;
}

    .conciliacao-bancaria-busca-lista .card-body thead {
        position: sticky;
        top: 0;
        z-index: 2;
    }

.conciliacao-bancaria-busca-soma {
    margin-bottom: 0;
}

    .conciliacao-bancaria-busca-lista .card-body table tbody tr.selecionavel {
        cursor: pointer;
    }

        .conciliacao-bancaria-busca-lista .card-body table tbody tr.selecionavel.selecionada {
            background-color: #D9E8FF;
        }

.conciliacao-bancaria-delta.exata {
    color: #64C74C;
    font-family: Segoi-ui-semibold;
}

.conciliacao-bancaria-resultados {
    font-size: 12px;
    color: #999999;
    margin: 8px 0;
}

/* ---------- importação de arquivo e resumo (conciliação bancária) ---------- */
#formImportar #file-upload {
    flex-direction: column;
    gap: 6px;
}

.conciliacao-bancaria-panel {
    border: 1px solid #E6E7E8;
    border-radius: 2px;
    padding: 15px 20px 5px 20px;
    margin-top: 20px;
    background: #fff;
}

    .conciliacao-bancaria-panel .conciliacao-bancaria-panel-title {
        font: 14px Segoi-ui-semibold;
        margin: 0 0 8px 0;
    }

.conciliacao-bancaria-grid-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    margin-top: 15px;
}

.conciliacao-bancaria-conta-linha {
    display: flex;
    align-items: flex-end;
    gap: 16px;
    margin-top: 4px;
}

    .conciliacao-bancaria-conta-linha .form-group {
        position: relative;
        flex: 0 0 40%;
        margin-bottom: 15px;
    }

    .conciliacao-bancaria-conta-linha .conciliacao-bancaria-conta-msg {
        font-size: 13px;
        padding-bottom: 22px;
    }

        .conciliacao-bancaria-conta-linha .conciliacao-bancaria-conta-msg.ok {
            color: #64C74C;
        }

        .conciliacao-bancaria-conta-linha .conciliacao-bancaria-conta-msg.alerta {
            color: #FF4400;
        }

.conciliacao-bancaria-subtitulo {
    font-size: 14px;
    color: #757575;
    margin: 0 0 15px 0;
}

.conciliacao-bancaria-counters {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border: 1px solid #E6E7E8;
    border-radius: 2px;
    padding: 15px 20px;
    margin-bottom: 20px;
    background: #F9FBFC;
}

    .conciliacao-bancaria-counters .conciliacao-bancaria-counter-value {
        font: 24px Segoi-ui-semibold;
        line-height: 1.1;
    }

        .conciliacao-bancaria-counters .conciliacao-bancaria-counter-value.green {
            color: #64C74C;
        }

        .conciliacao-bancaria-counters .conciliacao-bancaria-counter-value.gray {
            color: #999999;
        }

        .conciliacao-bancaria-counters .conciliacao-bancaria-counter-value.orange {
            color: #FF4400;
        }

/* ---------- movimento da conta: botão de conciliar e colunas ---------- */
#btnMovimentoConciliar {
    position: relative;
    overflow: visible;
}

    #btnMovimentoConciliar .conciliacao-bancaria-badge-count {
        position: absolute;
        top: -7px;
        right: -7px;
        min-width: 18px;
        height: 18px;
        border-radius: 9px;
        background: #FF4400;
        color: #fff;
        font-size: 10px;
        font-family: Arial;
        font-weight: bold;
        line-height: 18px;
        text-align: center;
        padding: 0 4px;
    }

#ContaMovimentoTable .movimento-col-data { flex: 0 0 14%; max-width: 14%; }
#ContaMovimentoTable .movimento-col-descricao { flex: 0 0 42%; max-width: 42%; }
#ContaMovimentoTable .movimento-col-valor { flex: 0 0 15%; max-width: 15%; }
#ContaMovimentoTable .movimento-col-mov { flex: 0 0 8%; max-width: 8%; }
#ContaMovimentoTable .movimento-col-saldo { flex: 0 0 16%; max-width: 16%; }
#ContaMovimentoTable .movimento-col-cd { flex: 0 0 5%; max-width: 5%; }