/* Deckungsgleich mit .seg/.seg button/.seg button.on in audi-dashboard-ios.css
   (immer geladen, siehe die Parität-Audit-Funde weiter oben in diesem
   Projekt): eine gefüllte Spur mit einer verschiebbaren Pille, keine
   einzeln umrandeten Knöpfe, kein Rot - .ads-seg__on war hier bislang der
   pre-iOS-Entscheidung-Stil (Großschreibung, rote Umrandung), derselbe
   Fehler wie bei .ads-eyebrow/.ads-quad__l/TabBar. */
.ads-seg {
  display: flex;
  gap: 0;
  padding: 2px;
  background: var(--ios-fill);
  border-radius: 9px;
}

.ads-seg button {
  flex: 1;
  border: 0;
  background: none;
  color: var(--fg2);
  font-family: inherit;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: normal;
  text-transform: none;
  padding: 7px 8px;
  border-radius: 7px;
  cursor: pointer;
}

.ads-seg button.ads-seg__on {
  background: var(--tile-2);
  color: var(--fg);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}