/* Werte 1:1 aus der iOS-Auflage des Panels (`.aktion` in
   audi-dashboard-ios.css): gefüllte Fläche ohne Rahmen, 16px normale Schrift,
   keine Großschreibung, 14px Radius. Hier stand noch die Optik von vor der
   iOS-Entscheidung vom 2026-08-13 — 11px, gesperrt, GROSSGESCHRIEBEN, nur
   Umriss, roter Rahmen beim Überfahren. Das betraf jeden Knopf der App
   ("SPEICHERN", "+ POSITION HINZUFÜGEN", ...). */
.ads-action {
  display: block;
  width: 100%;
  font-family: inherit;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  color: var(--fg);
  background: var(--ios-fill);
  border: 0;
  border-radius: 14px;
  padding: 15px;
  min-height: 48px;
  margin-top: 18px;
  cursor: pointer;
  transition: background .15s, filter .15s, transform .1s, opacity .15s;
}

/* `.aktion + .aktion` im Panel: zwei Knöpfe untereinander rücken enger. */
.ads-action + .ads-action {
  margin-top: 10px;
}

.ads-action:hover:not(:disabled) {
  background: var(--tile-2);
}

.ads-action:active:not(:disabled) {
  transform: scale(.985);
}

.ads-action:disabled {
  opacity: .4;
  cursor: default;
}

/* Hauptaktion: graue Fläche, kein Rot — Rot bleibt destruktiven Aktionen
   vorbehalten (Nutzerentscheidung 2026-08-16). */
.ads-action--primary {
  background: var(--fg);
  color: var(--canvas);
}

.ads-action--primary:hover:not(:disabled) {
  background: var(--fg);
  filter: brightness(1.08);
}

.ads-action--destructive {
  background: var(--ios-fill);
  color: var(--bad);
}

.ads-action--destructive:hover:not(:disabled) {
  background: var(--bad-flaeche, var(--bad));
  color: #fff;
  filter: none;
}