/* account — Ansichten me, points, mentor, settings (19.10.2026).
   Nur Tokens aus app.css (keine Hex-Farben), alle Klassen mit Präfix .acc-. */

/* Schmale Lesespalte für Listen und Formulare (T9: Zeilenlänge) */
.acc-narrow { max-width: 680px; }

/* .li__title und .li__sub sind in app.css Inline-Elemente; in diesen Ansichten stehen sie untereinander */
.acc-body .li__body > span, .acc-sheet .li__body > span { display: block; }
.acc-body .li__sub .demo, .acc-body .li__sub .money { vertical-align: baseline; }
.acc-body .li__sub .demo { vertical-align: middle; }

.acc-between { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--s1) var(--s3); }
.acc-note { margin-top: var(--s2); color: var(--ink-2); }
.acc-note:empty { display: none; }

/* me: Profilkopf */
.acc-profile { display: flex; align-items: center; gap: var(--s4); }
.acc-profile__text { min-width: 0; }

/* points: großer Stand */
.acc-big { font-size: calc(var(--fs-xl) * 1.9); line-height: 1; font-weight: 700; letter-spacing: -.035em; }
.acc-big .h-s { letter-spacing: -.017em; }

/* mentor: dunkle Karte */
.acc-hero { display: grid; gap: var(--s4); }
.acc-hero .h-m { max-width: 34ch; }
.acc-eyebrow { color: var(--dark-ink-2); }
.acc-cta { display: grid; gap: var(--s3); justify-items: start; }
.acc-cta:empty { display: none; }
.acc-cta .btn--block { justify-self: stretch; }
.acc-done { display: flex; align-items: flex-start; gap: var(--s3); }
.acc-done > div { min-width: 0; }
.acc-inc .li { min-height: 48px; }
.acc-inc .li + .li::before { left: 50px; }
.acc-inc .li__title { font-weight: 500; font-size: var(--fs-callout); }

.acc-way { display: flex; flex-direction: column; gap: var(--s3); }
.acc-way__price { font-size: var(--fs-m); font-weight: 650; letter-spacing: -.02em; line-height: 1.25; }
.acc-way__price .muted { font-size: var(--fs-sub); font-weight: 450; letter-spacing: 0; }
.acc-ticks { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--s2); }
.acc-ticks li { display: flex; align-items: flex-start; gap: var(--s2); font-size: var(--fs-sub); line-height: 1.4; }
.acc-ticks .ic { width: 18px; height: 18px; margin-top: 2px; color: var(--ok); stroke-width: 2.4; }

/* Dialoge */
.acc-sums { border-top: 1px solid var(--line); }
.acc-sum { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--s1) var(--s3); padding: var(--s3) 0; border-bottom: 1px solid var(--line); }
.acc-sum--total { border-bottom: 0; }
.acc-actions { display: grid; gap: var(--s3); }
.acc-fs { margin-inline: 0; padding: 0; border: 0; min-width: 0; }
.acc-fs legend { padding: 0; }

/* Kündigen und Löschen: auffindbar, nie hervorgehoben (kein Primärknopf, ruhige Schrift in der Fehlerfarbe) */
.btn.acc-cancel { color: var(--err); font-weight: 500; }
.acc-body .btn.acc-cancel { margin-left: calc(var(--s3) * -1); }   /* Text bündig mit dem Kartentext */
.acc-danger .li__title { color: var(--err); }

/* Sprache: gesperrte Option */
.acc-lang .seg__btn:disabled { opacity: .45; cursor: not-allowed; }

/* Schalter nach Apple-Maß: 51 × 31 px, Knopf 27 px, Trefferfläche ≥ 44 px (Zeile als Label plus Fläche um den Schalter) */
.acc-switch { -webkit-appearance: none; appearance: none; position: relative; flex: none; width: 51px; height: 31px; margin: 0; border: 0; border-radius: 999px; cursor: pointer;
  background: var(--ink-3); background: color-mix(in srgb, var(--ink-3) 80%, var(--bg));
  transition: background-color var(--dur-hover) var(--ease); }
.acc-switch::before { content: ""; position: absolute; top: 2px; left: 2px; width: 27px; height: 27px; border-radius: 50%; background: var(--bg); box-shadow: var(--shadow-1);
  transition: transform var(--dur-hover) var(--spring); }
.acc-switch::after { content: ""; position: absolute; inset: -7px -4px; }
.acc-switch:checked { background: var(--ok); }
.acc-switch:checked::before { transform: translateX(20px); }
.acc-switch:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; border-radius: 999px; }