/* --------------------------------------------------------------------------
   Dashboard: valores totais (payload x NF) como estacoes, a mesma peca das estacoes de status:
   aba na cor da divisoria, numero monumental e, embaixo, a abertura por tipo (Pedidos / Remessas).
   Recebido da FTD fica em fio forte; Nota fiscal em amarelo NF. O valor da NF (o que vale) pesa mais que o
   de referencia (payload).
   -------------------------------------------------------------------------- */

.escopo-safra {
    color: var(--omie-ink);
    font-weight: 650;
}

.atualizacao-valores {
    align-self: flex-start;
    color: var(--muted);
    font-size: 0.8125rem;
}

/* Quatro estacoes de ponta a ponta; cada uma cabe o maior valor esperado (R$ 99.999.999,99) sem quebrar. */
.valores-strip {
    grid-auto-flow: row;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.station-valor {
    gap: 0.3rem;
}

.station-valor-figura {
    font-size: 2.25rem;
    letter-spacing: -0.03em;
    white-space: nowrap;
}

.station-valor--referencia .station-valor-figura {
    color: var(--ink-2);
}

/* O "R$" acompanha o numero sem disputar com ele. */
.moeda {
    margin-right: 0.35rem;
    color: var(--muted);
    font-size: 0.95rem;
    font-weight: 650;
    letter-spacing: 0;
}

.station-abertura {
    display: grid;
    gap: 0.25rem;
    margin: 0.6rem 0 0;
    padding-top: 0.6rem;
    border-top: 1px solid var(--rule);
}

.station-abertura div {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
}

.station-abertura dt {
    color: var(--muted);
    font-size: 0.8125rem;
    font-weight: 600;
}

.station-abertura dd {
    margin: 0;
    color: var(--ink-2);
    font-size: 0.875rem;
    font-weight: 600;
    text-align: right;
}

.valores-calculando {
    margin: 0;
    padding: 0.9rem 1rem;
    border: 1px dashed var(--rule-strong);
    border-radius: var(--radius-sm);
    background: var(--sheet-2);
    color: var(--ink-2);
    font-size: 0.875rem;
}

/* Telas medias: 2 x 2, cada estacao com folga para o numero. */
@media (max-width: 1500px) {
    .valores-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Celular: uma por linha; anula a versao empilhada (rotulo | numero) das estacoes de status, que nao comporta a abertura. */
@media (max-width: 1100px) {
    .valores-strip .station-valor {
        grid-template-columns: minmax(0, 1fr);
        align-items: start;
        padding: 0.8rem 1.1rem 0.9rem;
        border-top-width: 4px;
    }

    .valores-strip .station-valor .station-count {
        grid-row: auto;
        grid-column: auto;
        font-size: 2.25rem;
    }
}

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

/* Detalhe de pedido/remessa: so duas estacoes (payload e NF). Depois da regra de 4 colunas, para vencer a ordem. */
.valores-strip--registro {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* Sem valor ainda: o traco fica discreto e o motivo vai na abertura. */
.station-valor-vazio {
    color: var(--muted);
    font-weight: 400;
}

@media (max-width: 720px) {
    .valores-strip--registro {
        grid-template-columns: minmax(0, 1fr);
    }
}