/* ===== Vendas (13/11) ============================================
   Só forma e posição. A cor vem de classes que o tema ValorIA já
   pinta (.panel, .pill, .field, .calc-note, .primary, .secondary,
   .seller-filter), para as telas nascerem no padrão sem tocar no
   valoria-tema.css.
   ================================================================= */
.vd-content{max-width:1100px}
.vd-vazio{padding:26px 22px;text-align:center;font-size:0.8125rem;line-height:1.6;margin-top:14px}
.vd-vazio p{margin:0}
.vd-vazio p+p{margin-top:6px;opacity:.75}

/* ---- lançar venda ---------------------------------------------- */
.vd-form{padding:18px 20px;margin-top:14px}
.vd-campos{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px 16px}
.vd-obs{grid-column:1/-1}

.vd-resumo{margin-top:16px;padding-top:14px;border-top:1px solid var(--va-line,currentColor)}
.vd-res-tit{margin:0 0 6px;font-size:0.6875rem;letter-spacing:.04em;text-transform:uppercase;opacity:.55}
.vd-res-l{margin:0;font-size:0.8125rem;line-height:1.6}
.vd-res-l.vazio{opacity:.55}

.vd-acoes{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.vd-acoes button{height:38px;border-radius:8px;padding:0 16px;font-size:0.8125rem;font-weight:650}
.vd-acoes button[disabled]{opacity:.45;cursor:not-allowed}

/* ---- tela do dono ---------------------------------------------- */
.vd-topo{padding:15px 20px;margin-top:14px;display:flex;align-items:flex-end;
  justify-content:space-between;gap:18px;flex-wrap:wrap}
.vd-kpis{display:flex;gap:26px;flex-wrap:wrap}
.vd-kpis>div{min-width:0}
.vd-kpis span{display:block;font-size:0.6875rem;letter-spacing:.04em;text-transform:uppercase;opacity:.55}
.vd-kpis b{font-size:1.0625rem;letter-spacing:-.015em;font-variant-numeric:tabular-nums}
.vd-filtro{flex:none}

.vd-lista{padding:4px 20px 16px;margin-top:12px}
.vd-item{padding:15px 0;border-bottom:1px solid var(--va-line,currentColor)}
.vd-item:last-child{border-bottom:0}
.vd-it-topo{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.vd-it-topo b{font-size:0.9375rem;letter-spacing:-.01em}
.vd-it-topo em{margin-left:auto;font-style:normal;font-size:0.6875rem;opacity:.55;
  font-variant-numeric:tabular-nums}
.vd-it-meta{margin:4px 0 0;font-size:0.75rem;opacity:.65}
.vd-it-num{display:flex;gap:18px;align-items:baseline;margin-top:9px;flex-wrap:wrap;
  font-size:0.8125rem;font-variant-numeric:tabular-nums}
.vd-it-num b{font-size:0.9375rem}
.vd-it-obs{margin:8px 0 0;font-size:0.75rem;line-height:1.5;opacity:.75}

@media(max-width:760px){
  .vd-content{padding-bottom:100px}
  .vd-form,.vd-topo{padding:14px 15px}
  .vd-lista{padding:4px 15px 14px}
  .vd-campos{grid-template-columns:1fr}
  .vd-kpis{gap:16px 22px}
  .vd-it-topo em{margin-left:0;width:100%}
}

/* ---- fila de autorização (14/11) ------------------------------- */
.vd-aut{padding:0 0 16px;margin-top:14px}
.vd-aut .panel-title{padding:16px 20px 0}
.vd-pend{padding:15px 20px 0}
.vd-pend+.vd-pend{margin-top:6px;padding-top:15px;border-top:1px solid var(--va-line,currentColor)}
.vd-pend-conta{margin:9px 0 0;font-size:0.75rem;line-height:1.6}
.vd-pend-acoes{display:flex;gap:9px;margin-top:12px}
.vd-pend-acoes button{height:36px;border-radius:8px;padding:0 18px;font-size:0.8125rem;font-weight:650}
.vd-desc{font-style:normal;font-size:0.6875rem;opacity:.65}
@media(max-width:760px){.vd-aut .panel-title{padding:14px 15px 0}.vd-pend{padding:14px 15px 0}}