/* Badge do provedor (P6/P7 de 30/10/2026): nome em 20px, logo na cor do texto, sem fundo próprio. */
.badge {
  display: inline-flex;
  flex: none;
  gap: 8px;
  align-items: center;
  justify-self: start;
  max-width: 100%;
  padding: 4px 12px;
  border: 1px solid var(--ia-code-borda);
  border-radius: 999px;
  background: var(--ia-code-badge);
  color: var(--ia-code-texto);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}

.badge[data-ia="codex"] {
  border-color: var(--ia-codex-borda);
  background: var(--ia-codex-badge);
  color: var(--ia-codex-texto);
}

.logo {
  width: 20px;
  height: 20px;
  flex: none;
  fill: currentColor;
}

/* Na tabela de sessões: 14px, tudo escalado por 14/20 (logo, espaço e respiro). */
.tabela {
  gap: 6px;
  padding: 3px 8px;
  font-size: 14px;
}

.tabela .logo {
  width: 14px;
  height: 14px;
}