/* telas/dashboard-vendas (#980) — tudo sob .dash-vendas; cor só por token. */
.dash-vendas .dv-cabeca h1 { margin: 0 0 4px; }
.dash-vendas .dv-filtros { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin: 12px 0; }
.dash-vendas .dv-filtros label { display: flex; gap: 6px; align-items: center; min-width: 0; max-width: 100%; }
.dash-vendas .dv-filtros select { min-height: 44px; min-width: 0; max-width: 100%; text-overflow: ellipsis; }
.dash-vendas .dv-cliente { border: 1px solid var(--line); border-radius: 8px; padding: 16px; margin: 16px 0; }
.dash-vendas .dv-cliente-cabeca { display: flex; flex-wrap: wrap; gap: 8px 16px; align-items: baseline; margin-bottom: 12px; }
.dash-vendas .dv-cliente-cabeca h2 { margin: 0; font-size: 1.1rem; }
.dash-vendas .dv-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-bottom: 12px; }
.dash-vendas .dv-funil { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-top: 12px; }
.dash-vendas .dv-etapa { display: flex; flex-direction: column; gap: 2px; font-variant-numeric: tabular-nums; }
.dash-vendas .dv-sem { color: var(--muted); font-weight: 400; }
.dash-vendas .dv-aviso { margin: 8px 0 0; }
.dash-vendas .dv-erro { color: var(--ink-err); margin: 12px 0; }
@media (max-width: 1100px) {
  .dash-vendas .dv-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .dash-vendas .dv-kpis, .dash-vendas .dv-funil { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dash-vendas .dv-cliente { padding: 12px; }
}
@media (max-width: 1100px) {
  .dash-vendas .ld-tabela { font-size: 12px; }
  .dash-vendas .ld-tabela td, .dash-vendas .ld-tabela th button { padding-left: 4px; padding-right: 4px; }
  .dash-vendas .ld-tabela td.larga { max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}