/* O DISPARO 1 A 1 — Campanhas e Modelos do WhatsApp (acabamento dos itens 25 a 29, 23/10/2026).
 *
 * Só o que estas duas listas precisam além do catálogo do `launivo.css`. Cores e letras vêm da
 * régua (`--texto-*`, `--muted`, `--line`): nada de cor própria aqui. */

/* TEXTO LONGO CORTA COM RETICÊNCIAS, e o inteiro fica no `title`. Sem o `min-width: 0` a célula
 * da grade cresce até caber o texto, e um identificador comprido empurrava as outras colunas
 * para fora do cabeçalho. */
.lista-do-disparo .tabela .linha > span { min-width: 0; }
.lista-do-disparo .corta {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* NO CELULAR, CADA LINHA VIRA UM CARTÃO — o padrão aprovado das listas do Financeiro (Henrique,
 * 21/10/2026, opção A): rolando para o lado, a situação e os botões ficavam escondidos. A
 * primeira célula é o título do cartão; as outras levam o nome da coluna (`data-rotulo`) em
 * cima; a dos botões ocupa a largura inteira. No computador nada muda. */
@media (max-width: 650px) {
  .lista-do-disparo .tabela .linha.cabecalho { display: none; }
  .lista-do-disparo .tabela .linha:not(.cabecalho) {
    min-width: 0;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--f2) var(--f3);
    align-items: start;
    margin: 0 0 var(--f2);
    padding: var(--f3);
    border: 1px solid var(--line);
    border-radius: 12px;
  }
  .lista-do-disparo .tabela .linha:not(.cabecalho) > span:first-child {
    grid-column: 1 / -1;
    font-size: var(--texto-p);
    font-weight: 700;
  }
  .lista-do-disparo .tabela .linha:not(.cabecalho) > span.dir { text-align: left; }
  .lista-do-disparo .tabela .linha:not(.cabecalho) > span:not(:first-child)[data-rotulo]::before {
    content: attr(data-rotulo);
    display: block;
    margin-bottom: 2px;
    color: var(--muted);
    font-size: var(--texto-selo);
    font-weight: 600;
  }
  .lista-do-disparo .tabela .linha:not(.cabecalho) > span:not(:first-child):not([data-rotulo]) {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
  }
  /* A PRÉVIA DO MODELO OCUPA A LINHA INTEIRA no cartão: cortada em meia largura, não se lia. */
  .lista-do-disparo .corta { white-space: normal; overflow-wrap: anywhere; }
}