@import url("/analytics-blocos.css");
/* #984 Jornada dos clientes (agência) — cor só no semáforo (Badge) e no accent do DS. */
.jornada-agencia .sub { opacity: .75; font-size: 13px; }
.jornada-agencia .sub strong { opacity: 1; }
.ja-chips { display: flex; gap: 6px; flex-wrap: wrap; margin: 12px 0; }
.ja-chips button { min-height: 44px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--line); background: transparent; color: inherit; cursor: pointer; }
.ja-chips button.ativa { border-color: var(--ds-accent); background: color-mix(in srgb, var(--ds-accent) 18%, transparent); font-weight: 600; }
.ja-chips button:focus-visible { outline: 2px solid var(--ds-accent); outline-offset: 2px; }
.ja-sussurro { display: block; font-size: 11px; opacity: .6; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 220px; }
.ja-delta { font-size: 11px; margin-left: 4px; font-variant-numeric: tabular-nums; }
.ja-delta.bom { color: var(--ink-ok); }
.ja-delta.ruim { color: var(--ink-err); }
.ja-esqueleto .ds-skel { height: 320px; border-radius: 12px; }
.ja-vazio { text-align: center; padding: 32px; }
@media (max-width: 640px) { .ja-chips { flex-wrap: nowrap; overflow-x: auto; } }