/* Module-scoped styles. Prefix every class with the module id. */

.siri__sections {
  margin-bottom: calc(var(--s-1) * -1);
}

/* AI label pills: reuse the brand accents (badge tones have no violet). */
.badge.siri-label--kazi {
  background: var(--accent-1-soft);
  color: var(--accent-1);
}

.badge.siri-label--mahusiano {
  background: var(--accent-2-soft);
  color: var(--accent-2);
}

.badge.siri-label--fedha {
  background: var(--brand-soft);
  color: var(--brand-hover);
}

.siri__sections .tabs,
.siri__filters .tabs {
  overflow-x: auto;
}