/* ingressos.css
   Ingressos: Lotes e metas (meta de publico, previsao de receita, tabela de lotes por setor,
   selos de situacao e arrastar para reordenar). Vendas e Comissarios entram aqui nas partes 7B e 7C. */

/* ---------- Topo: meta e receita potencial ---------- */
.lotes-topo {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
  gap: var(--e4);
  margin-bottom: var(--e5);
}

.lotes-topo .cartao {
  margin: 0;
}

.lotes-meta-topo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--e3);
}

.lotes-meta-titulo {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 600;
  color: var(--texto-suave);
}

.lotes-meta-numeros {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: var(--e2);
  margin: var(--e3) 0 var(--e2);
}

.lotes-meta-valor {
  font-family: var(--fonte-titulo);
  font-size: 34px;
  line-height: 1.1;
}

.lotes-meta-de {
  color: var(--texto-suave);
}

.lotes-meta-barra {
  display: flex;
  align-items: center;
  gap: var(--e3);
  font-size: 13px;
  font-weight: 600;
  color: var(--texto-suave);
}

.lotes-meta-barra .barra {
  flex: 1;
  margin: 0;
}

.lotes-previsao {
  display: flex;
  align-items: flex-start;
  gap: var(--e2);
  margin: var(--e3) 0 0;
  font-size: 14px;
  font-weight: 500;
}

.lotes-previsao .icone {
  flex-shrink: 0;
  margin-top: 2px;
  color: var(--texto-suave);
}

.lotes-previsao-boa .icone { color: var(--verde); }
.lotes-previsao-alerta { color: #92400E; }
.lotes-previsao-alerta .icone { color: var(--ambar); }

.lotes-meta-rodape {
  margin: var(--e1) 0 0;
  font-size: 13px;
  color: var(--texto-suave);
}

.lotes-potencial {
  display: block;
  margin-top: var(--e3);
  font-family: var(--fonte-titulo);
  font-size: 28px;
  font-weight: 700;
}

.lotes-contas {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: var(--e2) var(--e3);
  margin: var(--e4) 0 0;
  padding-top: var(--e3);
  border-top: 1px solid var(--fundo-separacao);
  font-size: 14px;
}

.lotes-contas dt {
  color: var(--texto-suave);
}

.lotes-contas dd {
  margin: 0;
  font-weight: 600;
  text-align: right;
}

.lotes-resultado { color: var(--texto); }
.lotes-negativo { color: var(--vermelho); }

/* ---------- Lista de lotes ---------- */
.lotes-lista-cabeca {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--e3);
  margin-bottom: var(--e3);
}

.lotes-lista-cabeca h2 {
  margin: 0;
  font-size: 18px;
}

.lotes-setor {
  margin-bottom: var(--e5);
}

.lotes-setor-titulo {
  margin: 0 0 var(--e2);
  font-size: 15px;
}

.lotes-setor-titulo span {
  font-family: var(--fonte-texto);
  font-weight: 500;
  color: var(--texto-suave);
}

.lotes-tabela {
  background: var(--fundo);
  border: 1px solid var(--borda);
  border-radius: var(--raio);
  box-shadow: var(--sombra);
  overflow: hidden;
}

.lotes-cabecalho,
.lote {
  display: grid;
  grid-template-columns: minmax(0, 2.2fr) minmax(90px, 1fr) minmax(150px, 1.6fr) minmax(90px, 0.9fr) minmax(120px, 1fr);
  align-items: center;
  gap: var(--e3);
  padding: var(--e3) var(--e4);
}

.lotes-com-acoes.lotes-cabecalho,
.lotes-com-acoes .lote {
  grid-template-columns: 24px minmax(0, 2.2fr) minmax(90px, 1fr) minmax(150px, 1.6fr) minmax(90px, 0.9fr) minmax(120px, 1fr) auto;
}

.lotes-cabecalho {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--texto-suave);
  border-bottom: 1px solid var(--fundo-separacao);
}

.lotes-lista {
  margin: 0;
  padding: 0;
  list-style: none;
}

.lote {
  position: relative;
  border-bottom: 1px solid var(--fundo-separacao);
  background: var(--fundo);
  transition: background var(--rapido);
}

.lote:last-child {
  border-bottom: 0;
}

.lotes-com-acoes .lote {
  cursor: pointer;
}

.lotes-com-acoes .lote:hover {
  background: var(--fundo-bloco);
}

/* Lote atual com borda laranja */
.lote-ativo {
  box-shadow: inset 0 0 0 2px var(--laranja);
  border-radius: var(--raio-pequeno);
}

.lote-esgotado,
.lote-encerrado {
  color: var(--texto-suave);
}

.lote-esgotado .lote-titulo strong,
.lote-encerrado .lote-titulo strong {
  color: var(--texto-suave);
}

.lote-alca {
  display: inline-flex;
  color: var(--texto-fraco);
  cursor: grab;
}

.lote-arrastando {
  opacity: 0.5;
}

.lote-alvo {
  box-shadow: inset 0 -3px 0 var(--laranja);
}

.lote-titulo {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.lote-titulo strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lote-regra {
  font-size: 12px;
  color: var(--texto-suave);
}

.lote-valor {
  font-weight: 600;
}

.lote-vendidos {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 13px;
  color: var(--texto-suave);
}

.lote-vendidos .barra {
  margin: 0;
}

.barra-cinza .barra-enchimento {
  background: var(--texto-fraco);
}

.lote-acoes {
  display: flex;
  align-items: center;
  gap: 2px;
}

.lote-acoes .botao-icone {
  width: 36px;
  height: 36px;
}

.lotes-dica {
  font-size: 13px;
  color: var(--texto-suave);
}

/* Selos de situacao do lote */
.selo-lote-ativo {
  background: var(--laranja-suave);
  color: var(--laranja-escuro);
}

.selo-lote-programado {
  background: var(--fundo-bloco);
  color: var(--texto-suave);
  border: 1px solid var(--borda);
}

.selo-lote-esgotado,
.selo-lote-encerrado {
  background: #4B4B52;
  color: #FFFFFF;
}

.ponto-pulsante {
  position: relative;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--laranja);
}

.ponto-pulsante::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: var(--laranja);
  animation: pulsar 1.6s ease-out infinite;
}

@keyframes pulsar {
  0% { transform: scale(1); opacity: 0.7; }
  100% { transform: scale(2.6); opacity: 0; }
}

/* ---------- Formulario do lote ---------- */
.lote-chave {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--e3);
  padding: var(--e3);
  margin-bottom: var(--e3);
  border: 1px solid var(--borda);
  border-radius: var(--raio-pequeno);
}

.lote-chave-textos {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.lote-chave-textos span {
  font-size: 13px;
  color: var(--texto-suave);
}

.form-acoes {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--e3);
  margin-top: var(--e3);
}

.form-acoes .botao-principal {
  flex: 1;
}

/* ---------- Vendas ---------- */
.resumos-vendas {
  margin-bottom: var(--e4);
}

.resumo-detalhe {
  display: block;
  margin-top: 4px;
  font-size: 13px;
  color: var(--texto-suave);
}

.resumos-vendas strong.cartao-valor {
  display: block;
  font-family: var(--fonte-titulo);
}

.vendas-grade {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 380px;
  gap: var(--e4);
  align-items: start;
}

.vendas-esquerda {
  display: flex;
  flex-direction: column;
  gap: var(--e4);
  min-width: 0;
}

.vendas-ritmo {
  margin: 0;
}

.vendas-ritmo-titulo,
.vendas-form-titulo,
.vendas-lista-topo h2 {
  margin: 0;
  font-size: 18px;
}

.vendas-ritmo-texto {
  margin: var(--e1) 0 var(--e3);
  font-size: 13px;
  color: var(--texto-suave);
}

.vendas-ritmo .grafico-caixa {
  height: 220px;
}

.vendas-lista-cartao {
  background: var(--fundo);
  border: 1px solid var(--borda);
  border-radius: var(--raio);
  box-shadow: var(--sombra);
  overflow: hidden;
}

.vendas-lista-topo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--e3);
  padding: var(--e4);
}

.vendas-lista-topo .fin-fichas {
  margin: 0;
}

.venda-cabecalho,
.venda-conteudo {
  display: grid;
  grid-template-columns: 52px minmax(0, 1.6fr) 44px minmax(90px, 1fr) minmax(110px, 1fr) minmax(100px, 1fr);
  align-items: center;
  gap: var(--e3);
  padding: var(--e3) var(--e4);
}

.venda-cabecalho {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--texto-suave);
  border-top: 1px solid var(--fundo-separacao);
  border-bottom: 1px solid var(--fundo-separacao);
}

.vendas-lista {
  margin: 0;
  padding: 0;
  list-style: none;
}

.venda {
  border-bottom: 1px solid var(--fundo-separacao);
}

.venda:last-child {
  border-bottom: 0;
}

.venda-conteudo {
  position: relative;
  width: 100%;
  border: 0;
  background: var(--fundo);
  font: inherit;
  color: inherit;
  text-align: left;
  cursor: pointer;
  transition: background var(--rapido);
}

.venda-conteudo:hover {
  background: var(--fundo-bloco);
}

.venda-data {
  font-size: 13px;
  color: var(--texto-suave);
}

.venda-lote,
.venda-valor,
.venda-pagamento {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.venda-lote strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.venda-extra,
.venda-taxa {
  font-size: 12px;
  color: var(--texto-suave);
}

.venda-valor {
  font-weight: 600;
}

.venda-taxa {
  font-weight: 400;
}

.venda-qtd-texto {
  font-weight: 600;
}

.selo-tipo-venda {
  font-size: 12px;
  padding: 3px 8px;
}

.venda-enviando {
  position: absolute;
  right: var(--e3);
  top: 4px;
  font-size: 11px;
  padding: 1px 6px;
}

.vendas-mais {
  margin: var(--e3) var(--e4) var(--e4);
}

.vendas-form-cartao {
  position: sticky;
  top: 88px;
  margin: 0;
}

.vendas-form-titulo {
  margin-bottom: var(--e3);
}

/* Formulario de venda */
.form-venda {
  display: flex;
  flex-direction: column;
  gap: var(--e1);
}

.form-venda select.campo {
  width: 100%;
}

.venda-segmentos {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.venda-segmentos .seletor-fase-item {
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.venda-cartao {
  margin-top: var(--e2);
}

.venda-aviso-lote {
  margin: var(--e2) 0 0;
  padding: var(--e2) var(--e3);
  border-radius: var(--raio-pequeno);
  background: var(--ambar-suave);
  color: #92400E;
  font-size: 13px;
}

.venda-quantidade {
  display: flex;
  align-items: center;
  gap: var(--e2);
}

.venda-qtd {
  width: 90px;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
}

.venda-qtd-botao {
  border: 1px solid var(--borda);
  width: 44px;
  height: 44px;
}

.venda-comissao {
  margin: var(--e2) 0 0;
  font-size: 13px;
  font-weight: 600;
  color: var(--texto);
}

.venda-total {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: baseline;
  gap: 2px var(--e3);
  margin: var(--e2) 0 var(--e3);
  padding: var(--e3) var(--e4);
  border-radius: var(--raio-pequeno);
  background: var(--fundo-bloco);
}

.venda-total-rotulo {
  font-weight: 600;
  color: var(--texto-suave);
}

.venda-total-valor {
  font-family: var(--fonte-titulo);
  font-size: 24px;
}

.venda-total-detalhe {
  grid-column: 1 / -1;
  font-size: 13px;
  color: var(--texto-suave);
}

.venda-detalhe {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--e2) var(--e4);
  margin: 0 0 var(--e3);
}

.venda-detalhe dt {
  color: var(--texto-suave);
}

.venda-detalhe dd {
  margin: 0;
  font-weight: 600;
}

.venda-detalhe-nota {
  font-size: 13px;
}

/* ---------- Comissarios ---------- */
.comissao-como {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: var(--e2);
  font-size: 14px;
}

.resumos-comissarios {
  margin-bottom: var(--e4);
}

.resumos-comissarios .cartao-rotulo .selo {
  margin-left: auto;
  font-size: 11px;
  padding: 2px 8px;
}

.resumo-comissao-apagar .cartao-valor {
  color: var(--texto);
}

.comissarios-tabela {
  background: var(--fundo);
  border: 1px solid var(--borda);
  border-radius: var(--raio);
  box-shadow: var(--sombra);
  overflow: hidden;
}

.comissario-cabecalho,
.comissario-conteudo {
  display: grid;
  grid-template-columns: 36px minmax(0, 2.4fr) minmax(110px, 1.1fr) minmax(90px, 0.9fr) minmax(90px, 0.9fr) minmax(90px, 0.9fr) minmax(110px, 1fr) 176px;
  align-items: center;
  gap: var(--e3);
  padding: var(--e3) var(--e4);
}

.comissario-cabecalho {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--texto-suave);
  border-bottom: 1px solid var(--fundo-separacao);
}

.comissarios-lista {
  margin: 0;
  padding: 0;
  list-style: none;
}

.comissario {
  border-bottom: 1px solid var(--fundo-separacao);
}

.comissario:last-child {
  border-bottom: 0;
}

.comissario-conteudo {
  cursor: pointer;
  transition: background var(--rapido);
}

.comissario-conteudo:hover {
  background: var(--fundo-bloco);
}

.comissario-posicao {
  font-weight: 700;
  color: var(--texto-suave);
}

.comissario-quem {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.comissario-nome {
  display: flex;
  align-items: center;
  gap: var(--e2);
  min-width: 0;
}

.comissario-nome .avatar {
  width: 32px;
  height: 32px;
  font-size: 12px;
  flex-shrink: 0;
}

.comissario-nome strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.comissario-estrela {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

.comissario-selos {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.selo-modelo {
  background: var(--fundo-separacao);
  color: var(--texto-suave);
  font-size: 12px;
  padding: 2px 8px;
}

.comissario-ingressos {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.comissario-ingressos .barra {
  margin: 0;
}

.comissario-meta {
  font-size: 12px;
  color: var(--texto-suave);
}

.comissario-comissao,
.comissario-apagar {
  font-weight: 600;
  color: var(--texto);
}

.comissario-apagar {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

.comissario-apagar .selo {
  font-size: 11px;
  padding: 2px 8px;
}

.comissario-acao {
  display: flex;
  justify-content: flex-end;
}

.comissario-acao .botao {
  white-space: nowrap;
}

.comissario-detalhe-topo {
  display: flex;
  align-items: center;
  gap: var(--e3);
  margin-bottom: var(--e3);
}

.comissario-modelo-texto {
  margin: 0 0 6px;
  font-size: 14px;
}

.comissario-grafico {
  height: 180px;
  margin-bottom: var(--e3);
}

.comissario-vendas {
  margin: 0 0 var(--e3);
  padding: 0;
  list-style: none;
  font-size: 13px;
}

.comissario-vendas li {
  display: grid;
  grid-template-columns: 48px 1fr auto auto;
  gap: var(--e3);
  padding: 6px 0;
  border-bottom: 1px solid var(--fundo-separacao);
}

.comissario-pessoa {
  display: flex;
  align-items: center;
  gap: var(--e2);
}

.modelo-bloco {
  border: 1px solid var(--borda);
  border-radius: var(--raio-pequeno);
  margin-top: var(--e2);
}

.modelo-ligado {
  border-color: var(--laranja);
  background: var(--laranja-suave);
}

.modelo-topo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--e3);
  width: 100%;
  padding: var(--e3);
  border: 0;
  background: none;
  font: inherit;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.modelo-textos {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.modelo-textos span {
  font-size: 13px;
  color: var(--texto-suave);
}

.modelo-campos {
  padding: 0 var(--e3) var(--e3);
}

.comissao-exemplo {
  margin: var(--e2) 0;
  padding: var(--e3);
  border-radius: var(--raio-pequeno);
  background: var(--fundo-bloco);
  font-size: 14px;
  font-weight: 500;
}

.comissao-exemplos {
  margin: 0 0 var(--e3);
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--e3);
}

.comissao-exemplos li {
  display: flex;
  gap: var(--e3);
}

.comissao-exemplos p {
  margin: 2px 0 0;
  font-size: 13px;
  color: var(--texto-suave);
}

.escolha-pessoas {
  margin: var(--e3) 0;
  padding: 0;
  list-style: none;
  max-height: 50vh;
  overflow-y: auto;
}

.escolha-pessoa {
  display: flex;
  align-items: center;
  gap: var(--e3);
  width: 100%;
  padding: var(--e2) var(--e1);
  border: 0;
  border-bottom: 1px solid var(--fundo-separacao);
  background: none;
  font: inherit;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.escolha-pessoa:hover {
  background: var(--fundo-bloco);
}

.escolha-textos {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.escolha-historico {
  font-size: 12px;
  color: var(--texto-suave);
}

.escolha-vazia {
  padding: var(--e3);
  color: var(--texto-suave);
}

/* ---------- Sympla ---------- */
.bolinha-status {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--texto-fraco);
}

.bolinha-verde {
  background: var(--verde);
  box-shadow: 0 0 0 3px var(--verde-suave);
}

.botao-sincronizar.girando .icone {
  animation: girar 1s linear infinite;
}

@keyframes girar {
  to { transform: rotate(360deg); }
}

.botao-link-perigo {
  color: var(--vermelho);
}

.sympla-status {
  margin-bottom: var(--e4);
}

.sympla-status-erro {
  border-color: #F6D9A8;
  background: var(--ambar-suave);
}

.sympla-status-erro .sympla-status-titulo {
  color: #92400E;
}

.sympla-status-linha {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--e3);
}

.sympla-status-textos {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.sympla-status-titulo {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--e2);
  font-size: 16px;
}

.sympla-status-detalhe {
  font-size: 13px;
  color: var(--texto-suave);
}

.sympla-status-rodape {
  display: flex;
  gap: var(--e4);
  margin-top: var(--e3);
  padding-top: var(--e3);
  border-top: 1px solid var(--fundo-separacao);
}

.sympla-resumos {
  margin-bottom: var(--e4);
}

.sympla-checkins h2,
.sympla-valores h2,
.sympla-tipos h2,
.sympla-vincular h2 {
  margin: 0 0 var(--e2);
  font-size: 18px;
}

.sympla-checkins-numero {
  margin: 0 0 var(--e2);
  font-size: 22px;
  font-weight: 700;
}

.sympla-checkins .barra {
  margin: 0;
}

.sympla-liquido {
  color: #92400E;
}

.sympla-tipos-lista,
.sympla-eventos {
  margin: 0;
  padding: 0;
  list-style: none;
}

.sympla-tipos-lista li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(180px, 280px);
  align-items: center;
  gap: var(--e4);
  padding: var(--e3) 0;
  border-bottom: 1px solid var(--fundo-separacao);
}

.sympla-ligacao-texto {
  font-size: 14px;
  color: var(--texto-suave);
  justify-self: end;
}

.sympla-checkins-topo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--e3);
  margin-bottom: var(--e2);
}

.sympla-checkins-topo h2 {
  margin: 0;
}

.sympla-checkins,
.sympla-valores,
.sympla-tipos {
  margin-bottom: var(--e4);
}

.sympla-checkins-vivo {
  border-color: var(--laranja);
}

.sympla-checkins-vivo .sympla-checkins-numero {
  font-size: 34px;
  font-family: var(--fonte-titulo);
}

.sympla-pico {
  margin: var(--e3) 0 0;
  font-size: 14px;
  color: var(--texto-suave);
}

.sympla-subtitulo {
  margin: var(--e4) 0 var(--e2);
  font-size: 15px;
}

.sympla-repasses {
  margin: 0;
  padding: 0;
  list-style: none;
}

.sympla-repasses li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--e3);
  padding: var(--e2) 0;
  border-bottom: 1px solid var(--fundo-separacao);
}

.sympla-repasse-lado {
  display: flex;
  align-items: center;
  gap: 2px;
  font-weight: 600;
}

.sympla-repasse-lado .botao-icone {
  width: 36px;
  height: 36px;
}

.sympla-eventos li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--e3);
  padding: var(--e3) 0;
  border-bottom: 1px solid var(--fundo-separacao);
}

.sympla-evento-textos {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.sympla-evento-textos span {
  font-size: 13px;
  color: var(--texto-suave);
}

/* Perfil e configuracoes */
.perfil-abas {
  margin-bottom: var(--e4);
  max-width: 420px;
}

.integracao {
  max-width: 640px;
}

.integracao-topo {
  display: flex;
  gap: var(--e3);
  align-items: flex-start;
}

.integracao-textos h2 {
  margin: 0;
  font-size: 18px;
}

.integracao-textos p {
  margin: 4px 0 0;
  font-size: 14px;
  color: var(--texto-suave);
}

.integracao-status {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--e2);
  margin-top: var(--e4);
}

.integracao-detalhe {
  width: 100%;
  font-size: 13px;
  color: var(--texto-suave);
}

.integracao-acoes {
  display: flex;
  gap: var(--e3);
  margin-top: var(--e3);
}

.integracao-form {
  margin-top: var(--e4);
}

.integracao-passos {
  margin: 0 0 var(--e3);
  padding-left: 20px;
  font-size: 14px;
  color: var(--texto-suave);
}

.integracao-passos li {
  margin-bottom: 4px;
}

/* ---------- Celular ---------- */
@media (max-width: 767px) {
  .lotes-topo {
    grid-template-columns: 1fr;
    gap: var(--e3);
  }
  .lotes-meta-valor {
    font-size: 30px;
  }
  .lotes-potencial {
    font-size: 24px;
  }
  .lotes-cabecalho {
    display: none;
  }
  /* Cada lote vira um cartao */
  .lote,
  .lotes-com-acoes .lote {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      'nome situacao'
      'preco disponiveis'
      'vendidos vendidos'
      'acoes acoes';
    gap: var(--e2) var(--e3);
    padding: var(--e4);
  }
  .lote-alca { display: none; }
  .lote-titulo { grid-area: nome; }
  .lote-situacao { grid-area: situacao; justify-self: end; }
  .lote-valor { grid-area: preco; }
  .lote-disponiveis { grid-area: disponiveis; justify-self: end; font-size: 13px; color: var(--texto-suave); }
  .lote-disponiveis strong { color: var(--texto); }
  .lote-vendidos { grid-area: vendidos; }
  .lote-acoes { grid-area: acoes; justify-content: flex-end; }
  .vendas-grade {
    grid-template-columns: 1fr;
  }
  .vendas-esquerda {
    flex-direction: column-reverse;
  }
  .venda-cabecalho {
    display: none;
  }
  .venda-conteudo {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      'lote valor'
      'meta tipo';
    gap: 4px var(--e3);
  }
  .venda-lote { grid-area: lote; }
  .venda-valor { grid-area: valor; align-items: flex-end; }
  .venda-tipo { grid-area: tipo; justify-self: end; }
  .venda-data,
  .venda-qtd-texto,
  .venda-pagamento {
    display: none;
  }
  .venda-meta {
    grid-area: meta;
    font-size: 12px;
    color: var(--texto-suave);
  }
  .vendas-ritmo .grafico-caixa {
    height: 180px;
  }
  .comissario-cabecalho {
    display: none;
  }
  .comissario-conteudo {
    grid-template-columns: 28px minmax(0, 1fr) auto;
    grid-template-areas:
      'pos quem apagar'
      'pos ingressos comissao'
      'pos acao acao';
    gap: var(--e2) var(--e3);
    align-items: start;
  }
  .comissario-posicao { grid-area: pos; }
  .comissario-nome strong { white-space: normal; }
  .comissario-quem { grid-area: quem; }
  .comissario-ingressos { grid-area: ingressos; }
  .comissario-comissao { grid-area: comissao; justify-self: end; font-size: 13px; color: var(--texto-suave); }
  .comissario-comissao::before { content: 'Comissão '; }
  .comissario-apagar { grid-area: apagar; align-items: flex-end; }
  .comissario-vendido,
  .comissario-pago { display: none; }
  .comissario-acao { grid-area: acao; }
  .comissario-acao .botao { width: 100%; justify-content: center; }
  .sympla-tipos-lista li {
    grid-template-columns: 1fr;
    gap: var(--e2);
  }
  .sympla-ligacao-texto { justify-self: start; }
}

@media (prefers-reduced-motion: reduce) {
  .ponto-pulsante::after,
  .botao-sincronizar.girando .icone {
    animation: none;
  }
}

.sympla-valores .lotes-dica {
  margin-top: var(--e3);
}