/* ==========================================================================
   Gott och Blandat — Chips
   Pill-shaped status and label chips. Meaning always carried by the text
   or icon inside the chip, never by the colour alone.
   ========================================================================== */

.chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: var(--text-xs);
  font-weight: var(--weight-semibold);
  padding: 3px 10px;
  border-radius: var(--radius-pill);
  border: 1px solid transparent;
  white-space: nowrap;
}

/* Attendance states: solid fills so the answer is unmistakable.
   Icon and wording still carry the meaning, never colour alone. */
.chip--attending {
  background: var(--color-positive);
  color: var(--color-on-accent);
}

.chip--declined {
  background: var(--color-critical);
  color: var(--color-on-accent);
}

/* No answer yet: quiet, prompts rather than alarms */
.chip--none {
  background: var(--color-surface-raised);
  border-color: var(--color-line);
  color: var(--color-ink-tertiary);
}

/* Event type marker (concerts stand out in the calendar) */
.chip--concert {
  background: var(--color-caution-tint);
  color: var(--color-caution-ink);
}

/* Neutral label: voice part, file type */
.chip--plain {
  background: var(--color-surface-raised);
  border-color: var(--color-line);
  color: var(--color-ink-secondary);
  font-family: var(--font-mono);
  font-weight: var(--weight-medium);
}

.chip .gob-dot {
  width: 9px;
  height: 9px;
}