/* LL_Vendas — funil de colunas (esteira). Tema claro LL, paleta azul. */

/* Cabeçalho da página (sem isto o h2 fica branco-no-branco — o tema LL
   espera que cada página pinte o próprio topo). */
.header { background: linear-gradient(135deg, #0F2A6B, #1E40AF); border-radius: 12px 12px 0 0; }
.header h2 { color: #fff; }

.esteira {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    overflow-x: auto;
    padding-bottom: 14px;
}

.coluna {
    flex: 0 0 250px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 10px;
    min-height: 120px;
}

.coluna-titulo {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .5px;
    color: #334155;
    padding: 4px 6px 8px;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.coluna-titulo .qtd {
    background: #e2e8f0;
    color: #334155;
    border-radius: 10px;
    padding: 1px 8px;
    font-size: 11px;
}

.coluna.col-caiu { background: #fef2f2; border-color: #fecaca; }
.coluna.col-carne { background: #f0fdf4; border-color: #bbf7d0; }

.venda-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-left: 4px solid #1E40AF;
    border-radius: 10px;
    padding: 10px 12px;
    margin-bottom: 8px;
    font-size: 12px;
}

.venda-card.atrasada { border-left-color: #DC2626; }
.venda-card.ok { border-left-color: #16a34a; }
.venda-card.morta { border-left-color: #9ca3af; opacity: .8; }

.venda-lote { font-weight: 800; font-size: 13px; color: #0F2A6B; }
.venda-nome { color: #444; margin: 2px 0; }
.venda-meta { color: #888; font-size: 11px; margin-bottom: 8px; }
.venda-badge {
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    border-radius: 8px;
    padding: 1px 7px;
    margin-top: 3px;
}
.vb-verde { background: #dcfce7; color: #166534; }
.vb-amarelo { background: #fef9c3; color: #854d0e; }
.vb-vermelho { background: #fee2e2; color: #991b1b; }
.vb-cinza { background: #e5e7eb; color: #4b5563; }

/* Um botão primário por card — o próximo passo é ESTE. */
.venda-acao {
    display: block;
    text-align: center;
    background: #1E40AF;
    color: #fff;
    border-radius: 8px;
    padding: 7px 10px;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}
.venda-acao:hover { background: #1e3a8a; }
.venda-acao.secundaria { background: #e2e8f0; color: #334155; }
.venda-acao.urgente { background: #DC2626; }

.coluna .vazio { font-size: 11px; color: #94a3b8; text-align: center; padding: 12px 4px; }

.ultima-atualizacao { font-size: 11px; color: #94a3b8; margin-top: 8px; text-align: right; }