/* emails-vivo.css: E-mail ao vivo da agência (11/10/2026, emails-vivo.js). Cor só da marca TexLead (app.css):
   marinho --verde #0c1322, âmbar --dourado #f59e0b, tinta --dourado-tinta #b45309. Tabela vira cartão abaixo
   de 900 px com o rótulo de cada célula (data-r); número sem quebra; alvo de 44 px no toque. */
/* A troca de tabela por cartão segue a largura da TELA DE DENTRO (container), não a da janela: com a barra
   lateral aberta, 1024 px de janela dão menos de 800 px de conteúdo. Sem suporte a container, a tabela rola
   dentro da própria caixa (overflow-x), nunca corta nem empurra a página. */
.ev{container:ev / inline-size;min-width:0;max-width:100%}
.ev-barra{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;margin:0 0 10px}
.ev-seg{display:flex;flex-wrap:wrap;gap:6px;min-width:0}
.ev-seg-b{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:6px 12px;border-radius:999px;cursor:pointer;
  border:1px solid var(--linha,rgba(12,19,34,.17));background:var(--branco,#fff);color:var(--tinta2,#334155);
  font:inherit;font-size:.84rem;font-weight:600;white-space:nowrap}
.ev-seg-b.on{background:var(--verde-tint,#fef3c7);border-color:var(--dourado-tinta,#b45309);color:var(--verde,#0c1322)}
.ev-seg-b:focus-visible{outline:2px solid var(--dourado-d,#d97706);outline-offset:2px}
.ev-seg-n{min-width:1.6em;padding:1px 7px;border-radius:999px;background:rgba(12,19,34,.07);font-size:.78rem;text-align:center;font-variant-numeric:tabular-nums}
.ev-seg-b.on .ev-seg-n{background:var(--verde,#0c1322);color:#fff}
.ev-lado{display:flex;align-items:center;gap:8px;margin-left:auto;min-width:0}
.ev-estado{font-size:.8125rem;color:var(--suave,#5a6779)}
.ev-lado .dica-q{margin-left:-6px}
.ev-atualizar{gap:6px}
.ev-atualizar svg,.ev-acion svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.ev-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.ev-chips:empty{display:none}
.ev-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:rgba(12,19,34,.05);
  font-size:.8125rem;color:var(--tinta2,#334155);white-space:nowrap}
.ev-chip b{color:var(--verde,#0c1322);font-variant-numeric:tabular-nums}
.ev-chip--vivo{background:var(--dourado,#f59e0b);color:var(--verde,#0c1322);font-weight:700}
.ev-pulso{width:8px;height:8px;border-radius:50%;background:var(--verde,#0c1322);animation:ev-pulso 1.6s ease-in-out infinite}
@keyframes ev-pulso{50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){.ev-pulso{animation:none}}
.ev-aviso{margin:0 0 10px;padding:8px 12px;border-radius:10px;font-size:.84rem;
  border:1px solid var(--atencao-borda,rgba(180,83,9,.3));background:var(--atencao-veu,#faf3ee);color:var(--atencao-texto,#78350f)}
.ev-oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.ev-tab-wrap{background:var(--branco,#fff);border:1px solid var(--linha,rgba(12,19,34,.17));border-radius:13px;overflow-x:auto}
.ev-tab{width:100%;border-collapse:collapse;font-size:.86rem}
.ev-tab th{padding:8px 9px;text-align:left;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;
  color:var(--tinta2,#334155);background:rgba(12,19,34,.035);border-bottom:1px solid var(--linha,rgba(12,19,34,.17))}
.ev-tab td{padding:9px;vertical-align:middle;border-bottom:1px solid var(--linha-s,rgba(12,19,34,.1))}
.ev-tab tbody tr:last-child td{border-bottom:0}
.ev-lin--vivo td:first-child{box-shadow:inset 3px 0 0 var(--dourado,#f59e0b)}
.ev-tab th.ev-num,.ev-tab td.ev-num{text-align:right}
.ev-num b{display:block;font-weight:700;color:var(--verde,#0c1322);font-variant-numeric:tabular-nums;white-space:nowrap}
.ev-num small{display:block;font-size:.75rem;color:var(--suave,#5a6779);white-space:nowrap;font-variant-numeric:tabular-nums}
.ev-num--alerta b{color:var(--erro,#b91c1c)}
.ev-camp{min-width:140px}
.ev-cli{display:block;font-size:.75rem;font-weight:600;color:var(--suave,#5a6779)}
.ev-nome{display:block;font-weight:700;color:var(--verde,#0c1322);overflow-wrap:anywhere}
.ev-etapa{min-width:150px}
.ev-sit{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.75rem;font-weight:700;white-space:nowrap}
.ev-sit--vivo{background:var(--dourado,#f59e0b);color:var(--verde,#0c1322)}
.ev-sit--pausa{background:var(--verde-tint,#fef3c7);color:var(--dourado-tinta-forte,#92400e)}
.ev-sit--ok{background:rgba(12,19,34,.07);color:var(--verde,#0c1322)}
.ev-sit--fim{background:rgba(12,19,34,.05);color:var(--suave,#5a6779)}
.ev-sit--erro{background:var(--erro-veu,#faefef);color:var(--erro-texto,#7f1d1d)}
.ev-etapa-r{display:block;margin-top:4px;font-size:.8125rem;color:var(--tinta2,#334155)}
.ev-prog-l{display:flex;align-items:center;gap:8px;margin-top:5px}
.ev-prog{flex:1 1 auto;min-width:60px;height:8px;border-radius:999px;background:rgba(12,19,34,.1);overflow:hidden}
.ev-prog i{display:block;height:100%;border-radius:inherit;background:var(--dourado,#f59e0b)}
.ev-etapa-v{font-size:.75rem;color:var(--suave,#5a6779);white-space:nowrap;font-variant-numeric:tabular-nums}
.ev-prox{font-size:.8125rem;color:var(--verde,#0c1322)}
.ev-prox b{white-space:nowrap}
.ev-apoio{color:var(--suave,#5a6779)}
.ev-num .ev-apoio{white-space:normal;font-weight:500}
.ev-acoes{text-align:right;white-space:nowrap}
.ev-acion{gap:6px}

@media (any-pointer:coarse){.ev-seg-b{min-height:44px}}

/* Conteúdo abaixo de 980 px (sempre que a janela tem menos de 900 px) vira cartão: campanha, etapa e próxima
   etapa na largura toda; números em grade, com o rótulo de cada um. */
@container ev (max-width:979.98px){
  .ev-tab-wrap{background:none;border:0;border-radius:0;overflow:visible}
  .ev-tab,.ev-tab tbody,.ev-tab td{display:block;width:auto}
  .ev-tab thead{display:none}
  .ev-tab tr.ev-lin{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px;margin:0 0 10px;padding:12px;
    background:var(--branco,#fff);border:1px solid var(--linha,rgba(12,19,34,.17));border-radius:13px}
  .ev-lin--vivo{box-shadow:inset 3px 0 0 var(--dourado,#f59e0b)}
  .ev-lin--vivo td:first-child{box-shadow:none}
  .ev-tab td{padding:0;border:0;min-width:0}
  .ev-tab td.ev-camp,.ev-tab td.ev-etapa,.ev-tab td.ev-prox,.ev-tab td.ev-acoes{grid-column:1/-1}
  .ev-tab td[data-r]:not(.ev-camp)::before{content:attr(data-r) ":";display:block;margin-bottom:2px;font-size:.72rem;font-weight:700;
    letter-spacing:.04em;text-transform:uppercase;color:var(--suave,#5a6779)}
  .ev-tab td.ev-num{text-align:left}
  .ev-camp,.ev-etapa{min-width:0}
  .ev-acoes{text-align:left}
  .ev-acion{width:100%}
}
@container ev (max-width:459.98px){
  .ev-tab tr.ev-lin{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ev-lado{width:100%}
  .ev-estado{flex:1 1 auto}
}