/* ================================================================
   Monitoramento de Transmissão — estilos da subaba "O que mudou" (diff).
   Complementa .theme-table/.theme-tablewrap. Cores via tokens --theme-*
   (claro/escuro automático); acento verde Comerc.
   ================================================================ */

/* Célula de transição "antes → depois". */
.diff-antes { color: var(--theme-mut); }
.diff-seta  { color: var(--theme-dim, var(--theme-mut)); padding: 0 4px; }
.diff-depois { color: var(--theme-ink); font-weight: 700; }

/* Nome do empreendimento + subtítulo (nº · subsistema). */
.diff-emp-nome {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--theme-ink);
  font-size: 14.5px;
}
.diff-emp-sub {
  color: var(--theme-mut);
  font-size: 12px;
  margin-top: 2px;
}

/* Pílula "novo" (obra que só aparece no snapshot mais recente). */
.diff-badge {
  display: inline-block;
  font-size: 10.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .05em;
  padding: 1px 7px;
  border-radius: 999px;
  color: #16241b;
  background: var(--comerc-green, #94D600);
}
html[data-theme="dark"] .diff-badge { color: #0e1813; }

/* A tabela do diff é mais estreita que o Panorama — não força min-width. */
#trans-diff-tabela table { min-width: 520px; }

/* Panorama: fonte menor e linhas compactas p/ caber mais obras na altura. */
#trans-tabela table { font-size: 12.5px; }
#trans-tabela tbody td { padding: 5px 8px; line-height: 1.3; }
#trans-tabela thead th { padding: 8px 8px; font-size: 11px; }