/* styles/components/pill.css — extrait de styles.css L178-L193. .pill. */

/* ================================== MULTI SETUP =================== */
.pill{
  background:var(--panel-2);border:1px solid var(--border-strong);
  border-radius:var(--r-pill);
  padding:6px 16px;cursor:pointer;color:var(--fg-dim);
  font-family:var(--sans);font-size:14px;font-weight:500;letter-spacing:normal;
  text-transform:none;
  transition:all .15s ease;
}
.pill:hover{border-color:var(--accent-dim);color:var(--fg)}
.pill.active{
  background:var(--accent);color:#0a0a0a;border-color:var(--accent);
  box-shadow:var(--sh-glow);
  font-weight:600;
}