/* Vendas, comissões e acordos (T048). Mobile-first, base 360 px. Sem style inline (CSP). Dinheiro em colunas alinhadas. */

.dinheiro { font-variant-numeric: tabular-nums; white-space: nowrap; }

/* Filtros por período e assessor */
.filtros-comissao { margin: 0 0 var(--mm-e4); }
.filtros-grade { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0 var(--mm-e3); }
.filtros-comissao .campo input[type="date"], .filtros-comissao .campo select { min-width: 0; }
.filtros-comissao .acoes { margin-top: 0; }

/* Relatório: venda, recebimento e comissão em blocos separados (empilham no celular, três colunas a partir de tablet) */
.tres-colunas { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--mm-e3); }
.coluna-rel { min-width: 0; overflow-wrap: anywhere; padding: var(--mm-e3); border: 1px solid var(--mm-borda-leve); border-radius: var(--mm-raio-md); background: var(--mm-fundo); }
.coluna-rel h3 { margin: 0 0 var(--mm-e2); font-size: var(--mm-t-md); }
.coluna-rel .dados-crm { gap: var(--mm-e1); }
.coluna-rel .dado-crm dt { min-width: 0; }
.linha-rel { overflow-wrap: anywhere; }
.resumo-comissao .total-proposta { margin: 0 0 var(--mm-e1); }

.interno > .cartao.linha-rel { max-width: none; }

@media (min-width: 768px) {
  .filtros-grade { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .tres-colunas { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}