M15 -> "AT" (Auto Trader), Trail -> "TR", beide als runde Knoepfe neben CB (v=212)

User-Vorgabe. Balance-Feld jetzt: Wert - CB - AT - TR.

M15 heisst "AT" (Auto Trader), die ID wurde von `btn-m15` auf `btn-at`
mitgezogen; Endpoint (/api/autom15) und Backend-Zustand (`auto_m15`) bleiben
unveraendert - nur die Beschriftung und der Platz aendern sich.
Der Trail-Knopf heisst "TR".
⚠ Fuer TR war KEIN Name vorgegeben ("bennene den Trail Button" - der Satz
nennt kein Ziel). "TR" ist analog zu CB/AT gewaehlt, zwei Buchstaben,
Mono-Schrift. Umbenennen ist ein Einzeiler, falls etwas anderes gemeint war.

⚠ Beide VERSCHOBEN, nicht kopiert - zwei Elemente mit derselben ID waeren ein
stiller Fehler, weil getElementById nur das erste findet.

⚠⚠ ZWEI LESARTEN NEBENEINANDER, und das ist Absicht:
  CB  gruen = AUS   (inaktiv, nichts begrenzt)   <- ausdrueckliche User-Vorgabe
  AT  gruen = AN    (laeuft)
  TR  gruen = AN    (laeuft)
Drei Knoepfe nebeneinander mit zwei Farb-Bedeutungen sind eine Falle. Deshalb
steht die Begruendung im Markup, in der CSS UND im JS, und jeder Tooltip sagt
ausdruecklich, was SEIN Zustand bedeutet. Wer die CB-Logik spaeter "geradezieht",
soll vorher lesen, dass sie so gewollt ist.

Am ausgelieferten HTML geprueft: Reihenfolge balance -> btn-cb -> btn-at ->
btn-trail, Beschriftungen CB/AT/TR, 0 doppelte IDs, `btn-m15` nicht mehr
vorhanden.
Pipeline A-G gruen, 97 Tests, 14 render*-Funktionen, deployt.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

web/style.css

@@ -779,3 +779,11 @@ main{padding-bottom:4.1111rem}            /* Platz für die fixe Leiste */
 .px-cb .cb-dot{width:1.7222rem; height:1.7222rem; font-size:0.6111rem}
 .cb-dot.inaktiv{background:#0d2a16; border-color:#1a4731; color:#3fb950}
 .cb-dot.aktiv{background:#2d0d0d; border-color:#5c1a1a; color:#f85149}
+
+/* ⚠ AT (Auto Trader) und TR (Trailing) neben CB im Balance-Feld
+   (User 2026-08-21). Farb-Logik hier die UEBLICHE: gruen = AN, grau = aus.
+   ⚠⚠ Der Nachbar CB ist bewusst INVERS (gruen = AUS) — ausdrueckliche Vorgabe
+   des Nutzers. Drei Knoepfe nebeneinander mit zwei Lesarten sind eine Falle;
+   deshalb sagt jeder Tooltip, was sein Zustand bedeutet. */
+.cb-dot.an{background:#0d2a16; border-color:#1a4731; color:#3fb950}
+.cb-dot.aus{background:var(--surface-2); border-color:var(--border); color:var(--dim)}