/* SegmentedControl — tel quel, densité A (hauteur 44 px, rayon 6 px). */
.segmented {
  display: inline-flex; padding: 3px; gap: 2px;
  border: 1px solid var(--border); border-radius: var(--radius-small);
  background: var(--surface-2);
}
.segmented button {
  min-height: 36px; padding: 6px 12px;
  border: 0; border-radius: 4px; background: transparent;
  color: var(--text-muted); font-size: var(--text-sm); font-weight: 600;
  transition: background var(--fast), color var(--fast);
}
.segmented button:hover { color: var(--text); }
.segmented button.active, .segmented button[aria-pressed="true"] {
  background: var(--surface); color: var(--accent);
  box-shadow: 0 1px 2px rgb(16 24 40 / 10%);
}