/*
 * Web3-Design, privates FRF – Paket 2: TEAM ▸ PP, Bot Testing, D-Bot (16.10.2026).
 *
 * Nur das Aussehen der Teile, die es in der Web3-Fassung nicht gibt:
 * TEAM ▸ PP (V3, Pointbots, Signal Hedge, Copy Bot, Livecall; RST-Bündel),
 * TEAM ▸ Bot Testing (#botTestingView o. ä.), TEAM ▸ D-Bot.
 *
 * Regeln wie web3-design.css: jede Regel beginnt mit
 * html[data-frf-design="web3"] (Schalter Nutzer ▸ Seiten, sonst wirkungslos),
 * Farben nur über die --w3-*-Tokens aus web3-design.css (keine festen Werte),
 * Schrift nie unter 12 px, am Handy (≤ 640 px) geprüft. Lädt nach
 * web3-design*.css (src/services/web3Shell.ts, DESIGN_LINKS).
 *
 * Nur Tokens, keine Annahme „dunkel“ (eine helle Fassung legt nur die
 * --w3-*-Tokens um): Text --w3-text/-text-2/-text-3, Flächen --w3-karte/
 * -flaeche/-popover/-hover/-fuellung*, Ränder --w3-rand*; --w3-akzent-text
 * nur auf Akzentflächen.
 *
 * Abgrenzung: PP (#rstPpView) und D-Bot (#dBotView) gibt es im Web3-Modus
 * nicht – ihre Regeln hängen nur an der Reiter-ID. Bot Testing gibt es dort
 * schon (abgenommen, web3-design-team.css): die Ergänzungen hier gelten nur
 * im privaten FRF (:not([data-frf-modus="web3"])). Das RST-Bündel lädt sein
 * Stylesheet erst beim Öffnen nach dieser Datei – darum Merkmal + Reiter-ID.
 */

/* ── TEAM ▸ PP (RST-Bündel, Ansicht #rstPpView) ─────────────────────────
   Wie TEAM ▸ Pools (web3-design.css Bausteine + web3-design-team.css):
   --rst-akzent → Plattform-Akzent, Unterreiter/Darstellung als Segment-Spur,
   Felder white/5 ganz gerundet, Karten mit Glanz und Innenkante, Knöpfe
   sekundär, Tabellenkopf wie die Admin-Tabellen. Dazu, was nur PP hat:
   Signal-Hedge-/Copy-Bot-Kopf (Statuszeile, „Seit …“, Positionstabellen,
   Leaderboard), Kacheln und das Detail der Pointbots. Gewinne/Verluste
   bleiben grün/rot, Warnungen in der Warnfarbe. */
html[data-frf-design="web3"] #rstPpView .frf-rst {
  --rst-akzent: var(--w3-akzent);
  --rst-kopf-grund: var(--w3-flaeche);
  --rst-zeile-kind: var(--w3-zeile-hover);
}

/* Karte: Ergebnis-Karte und große Kennzahlen. */
html[data-frf-design="web3"] #rstPpView :is(.rst-karte, .rst-kachelgross) {
  background: var(--w3-glanz), var(--w3-karte);
  border-color: transparent;
  border-radius: var(--w3-radius-karte);
  box-shadow: var(--w3-kante);
}

/* Segment-Spur: Unterreiter (V3 Bot … Livecall), Darstellung (Tabelle/Kacheln, Bots/Wallets). */
html[data-frf-design="web3"] #rstPpView :is(.rst-unterreiter, .rst-pillgrp, .rst-segs) {
  background: var(--w3-fuellung);
  border-color: transparent;
  border-radius: var(--w3-radius-feld);
  box-shadow: var(--w3-kante-feld);
}
html[data-frf-design="web3"] #rstPpView :is(.rst-subtab, .rst-pill, .rst-seg) {
  border-radius: var(--w3-radius-feld);
  color: var(--w3-text-2);
}
html[data-frf-design="web3"] #rstPpView :is(.rst-subtab, .rst-pill, .rst-seg):hover {
  background: var(--w3-fuellung-mittel);
  color: var(--w3-text);
}
html[data-frf-design="web3"] #rstPpView :is(.rst-subtab.on, .rst-pill.on, .rst-seg.on) {
  background: var(--w3-fuellung-stark);
  box-shadow: var(--w3-kante);
  color: var(--w3-text);
  font-weight: 500;
}
/* Zahl im Segment (Wallets 1): leise Pille statt Orange. */
html[data-frf-design="web3"] #rstPpView .rst-seg .zahl {
  background: var(--w3-fuellung-stark);
  color: var(--w3-text-2);
}
html[data-frf-design="web3"] #rstPpView .rst-seg.on .zahl { background: var(--w3-fuellung-mittel); color: var(--w3-text); }

/* Felder: Suche, Auswahl (Börsen, Spalten, + Mail / Bot-ID, Bots auswählen). */
html[data-frf-design="web3"] #rstPpView :is(.rst-dd, input[type="text"], input[type="search"], .rst-eingabe, .rst-tkartefeld) {
  background: var(--w3-fuellung);
  border-color: transparent;
  border-radius: var(--w3-radius-feld);
  box-shadow: var(--w3-kante-feld);
}
html[data-frf-design="web3"] #rstPpView :is(input[type="text"], input[type="search"]) { padding: 0 14px; }
html[data-frf-design="web3"] #rstPpView .rst-dd:hover { background: var(--w3-fuellung-mittel); border-color: transparent; }
html[data-frf-design="web3"] #rstPpView :is(.rst-dd.offen, .rst-dd:focus-visible, input:focus) {
  border-color: transparent;
  box-shadow: var(--w3-kante-feld), var(--w3-ring);
}
html[data-frf-design="web3"] #rstPpView :is(.rst-dd.gesetzt, input.gesetzt) { border-color: var(--w3-akzent-rand); }
html[data-frf-design="web3"] #rstPpView input.ungueltig { border-color: var(--w3-negativ); }
html[data-frf-design="web3"] #rstPpView .rst-dd .zahl { color: var(--w3-text-3); }

/* Schalter-Pille „Gruppieren“: aus white/5, an white/10; Spur an = Akzent. */
html[data-frf-design="web3"] #rstPpView .rst-schalter {
  background: var(--w3-fuellung);
  border-color: transparent;
  box-shadow: var(--w3-kante-feld);
}
html[data-frf-design="web3"] #rstPpView .rst-schalter:hover { background: var(--w3-fuellung-mittel); border-color: transparent; }
html[data-frf-design="web3"] #rstPpView .rst-schalter.an { background: var(--w3-fuellung-stark); border-color: transparent; box-shadow: var(--w3-kante); }
html[data-frf-design="web3"] #rstPpView .rst-sw { background: var(--w3-fuellung-stark); }
html[data-frf-design="web3"] #rstPpView .an .rst-sw { background: var(--w3-akzent); }
html[data-frf-design="web3"] #rstPpView .an .rst-sw i { background: var(--w3-akzent-text); }

/* Knöpfe: Sekundärknopf der Plattform (Neu laden, erneut versuchen, Blättern). */
html[data-frf-design="web3"] #rstPpView :is(.rst-btn, .rst-btn.grau) {
  background: var(--w3-fuellung);
  border-color: transparent;
  border-radius: var(--w3-radius-feld);
  box-shadow: var(--w3-kante-feld);
  font-weight: 500;
}
html[data-frf-design="web3"] #rstPpView :is(.rst-btn, .rst-btn.grau):hover:not([disabled]) {
  background: var(--w3-fuellung-stark);
  border-color: transparent;
}
html[data-frf-design="web3"] #rstPpView .rst-btn.leise { background: transparent; box-shadow: none; }
html[data-frf-design="web3"] #rstPpView .rst-btn[disabled] { background: transparent; box-shadow: none; }
html[data-frf-design="web3"] #rstPpView .rst-btn.orange {
  background: var(--w3-akzent);
  border-color: var(--w3-akzent);
  box-shadow: none;
  color: var(--w3-akzent-text);
}
html[data-frf-design="web3"] #rstPpView .rst-btn.orange:hover:not([disabled]) {
  background: color-mix(in srgb, var(--w3-akzent) 80%, transparent);
  border-color: transparent;
}
html[data-frf-design="web3"] #rstPpView .rst-btn.wirklich { border-color: var(--w3-negativ); color: var(--w3-negativ-text); }

/* Menüs (Börsen, Spalten, Livecall-Liste und -Presets): deckende Plattform-Fläche. */
html[data-frf-design="web3"] #rstPpView .rst-pop {
  background: var(--w3-flaeche);
  border-color: var(--w3-rand);
  border-radius: var(--w3-radius-karte);
  box-shadow: var(--w3-schatten);
}
html[data-frf-design="web3"] #rstPpView .rst-eintrag.an button.rst-haken {
  background: var(--w3-fuellung-stark);
  border-color: transparent;
}

/* Tabelle (Grid): Kopf #11141d mit white/45, sortierte Spalte weiß; Linien white/6, Hover white/3. */
html[data-frf-design="web3"] #rstPpView .rst-kopf { color: var(--w3-text-3); font-weight: 500; }
html[data-frf-design="web3"] #rstPpView button.rst-kopf:hover,
html[data-frf-design="web3"] #rstPpView .rst-kopf.sort { color: var(--w3-text); }
html[data-frf-design="web3"] #rstPpView :is(.rst-zeile, .rst-kindinfo, .rst-kopfzeile) { border-bottom-color: var(--w3-rand-leise); }
html[data-frf-design="web3"] #rstPpView :is(.rst-zeile:hover, .rst-zeile.offen) { background: var(--w3-zeile-hover); }
html[data-frf-design="web3"] #rstPpView .rst-ausklapp { background: var(--w3-zeile-hover); border-bottom-color: var(--w3-rand-leise); }
html[data-frf-design="web3"] #rstPpView .rst-fee { border-color: var(--w3-rand); }
html[data-frf-design="web3"] #rstPpView :is(.rst-rbar, .rst-skel) { background: var(--w3-fuellung-stark); }
html[data-frf-design="web3"] #rstPpView .rst-pplink:hover { background: var(--w3-fuellung-stark); }

/* Detail und Kacheln: Kennzahl-Kachel = Karte in der Karte. */
html[data-frf-design="web3"] #rstPpView :is(.rst-kachel, .rst-rechner, .rst-bk, .rst-ppd-block) {
  background: var(--w3-glanz), var(--w3-kopf);
  border-color: transparent;
  border-radius: var(--w3-radius-karte);
  box-shadow: var(--w3-kante);
}
html[data-frf-design="web3"] #rstPpView .rst-bk:hover { background: var(--w3-glanz), var(--w3-fuellung-mittel); border-color: transparent; }
html[data-frf-design="web3"] #rstPpView .rst-bk.offen { border-color: var(--w3-akzent-rand); }
html[data-frf-design="web3"] #rstPpView .rst-bk.aus { border-color: color-mix(in srgb, var(--w3-negativ) 45%, transparent); }
html[data-frf-design="web3"] #rstPpView .rst-ausklapp.rst-bkdetail { border-color: var(--w3-akzent-rand); border-radius: var(--w3-radius-karte); }
html[data-frf-design="web3"] #rstPpView :is(.rst-bk-wert .k, .rst-kachelgross .k) { color: var(--w3-text-3); font-weight: 500; }
html[data-frf-design="web3"] #rstPpView .rst-bk-details { color: var(--w3-akzent); }
html[data-frf-design="web3"] #rstPpView .rst-ppd-titel { color: var(--w3-text-3); font-weight: 500; }

/* Signal Hedge und Copy Bot: Kopf über der Liste. */
html[data-frf-design="web3"] #rstPpView .rst-sh-positionen { border-top-color: var(--w3-rand-leise); }
html[data-frf-design="web3"] #rstPpView .rst-sh-kopf h3 { font-weight: 500; }
html[data-frf-design="web3"] #rstPpView .rst-sh-status b { font-weight: 500; }
html[data-frf-design="web3"] #rstPpView .rst-sh-status b.r { color: var(--w3-negativ-text); }
/* „Seit …“ und „Gestoppte Bots“: Kennzahl-Kachel. */
html[data-frf-design="web3"] #rstPpView :is(.rst-sh-seit, .rst-sh-gestoppt) {
  background: var(--w3-glanz), var(--w3-kopf);
  border-color: transparent;
  border-radius: var(--w3-radius-karte);
  box-shadow: var(--w3-kante);
}
html[data-frf-design="web3"] #rstPpView .rst-sh-seit-titel { font-weight: 500; }
html[data-frf-design="web3"] #rstPpView .rst-sh-seit-wert { border-left-color: var(--w3-rand-leise); }
html[data-frf-design="web3"] #rstPpView .rst-sh-seit-label { color: var(--w3-text-3); font-weight: 500; }
html[data-frf-design="web3"] #rstPpView .rst-sh-seit-wert b { font-weight: 500; }
html[data-frf-design="web3"] #rstPpView .rst-sh-gestoppt-kopf { font-weight: 500; }
/* Positions- und Leaderboard-Tabellen: Hülle als Karte in der Karte, Kopf wie Admin-Tabellen. */
html[data-frf-design="web3"] #rstPpView .rst-sh-scroll {
  background: var(--w3-karte);
  border-color: transparent;
  border-radius: var(--w3-radius-karte);
  box-shadow: var(--w3-kante);
  scrollbar-color: var(--w3-scroll) transparent;
}
html[data-frf-design="web3"] #rstPpView .rst-sh-scroll::-webkit-scrollbar-track { background: transparent; }
html[data-frf-design="web3"] #rstPpView .rst-sh-scroll::-webkit-scrollbar-thumb { background: var(--w3-scroll); }
html[data-frf-design="web3"] #rstPpView .rst-sh-tabelle caption {
  background: var(--w3-kopf);
  font-weight: 500;
}
html[data-frf-design="web3"] #rstPpView .rst-sh-tabelle :is(th, td) { border-top-color: var(--w3-rand-leise); }
html[data-frf-design="web3"] #rstPpView .rst-sh-tabelle thead th {
  background: var(--w3-flaeche);
  color: var(--w3-text-3);
  font-weight: 500;
}
html[data-frf-design="web3"] #rstPpView .rst-sh-tabelle thead th[aria-sort="ascending"],
html[data-frf-design="web3"] #rstPpView .rst-sh-tabelle thead th[aria-sort="descending"],
html[data-frf-design="web3"] #rstPpView .rst-sh-sortknopf:is(:hover, .sort) { color: var(--w3-text); }
html[data-frf-design="web3"] #rstPpView .rst-sh-tabelle tbody tr:not(.rst-sh-summe):hover > :is(th, td) { background-color: var(--w3-zeile-hover); }
html[data-frf-design="web3"] #rstPpView .rst-sh-tabelle :is(.rst-sh-summe, .rst-sh-summe th, td.rst-sh-gruppe-ende > span) { font-weight: 500; }
html[data-frf-design="web3"] #rstPpView .rst-sh-tabelle small { color: var(--w3-text-3); }
/* Teilabdeckung, alte Positionen, „Bestand unbestätigt“: Hinweis in der Warnfarbe. */
html[data-frf-design="web3"] #rstPpView small.o { color: var(--w3-warnung); }
html[data-frf-design="web3"] #rstPpView .rst-sh-tabelle :is(.rst-sh-gruppe-anfang, .rst-sh-gruppe-ende) { border-left-color: var(--w3-rand-leise); border-right-color: var(--w3-rand-leise); }
/* Aufklapp-Zähler „▸ 2“: Sekundärknopf. */
html[data-frf-design="web3"] #rstPpView .rst-sh-klapp {
  background: var(--w3-fuellung);
  border-color: transparent;
  box-shadow: var(--w3-kante-feld);
}
html[data-frf-design="web3"] #rstPpView .rst-sh-klapp:hover { background: var(--w3-fuellung-stark); border-color: transparent; }
html[data-frf-design="web3"] #rstPpView .rst-sh-botslabel { border-top-color: var(--w3-rand-leise); color: var(--w3-text-3); font-weight: 500; }
/* Hinweise, die vorher das Orange mit dem Akzent teilten: Warnfarbe. */
html[data-frf-design="web3"] #rstPpView :is(.rst-sh-qualitaet.o, .rst-sh-mobilhint) { color: var(--w3-warnung); }
html[data-frf-design="web3"] #rstPpView .rst-sh-gestoppt .rst-sh-tabelle a { color: var(--w3-akzent); }
/* Positionen gestoppter Bots (17.10.2026): Pillen wie die Felder, „einseitig“ in der Warnfarbe. */
html[data-frf-design="web3"] #rstPpView .rst-stopp-abz { border-color: var(--w3-rand); background: var(--w3-fuellung); color: var(--w3-text-2); border-radius: var(--w3-radius-feld); font-weight: 500; font-size: 12px; }
html[data-frf-design="web3"] #rstPpView .rst-stopp-abz.offen { border-color: var(--w3-negativ); color: var(--w3-negativ-text); }
html[data-frf-design="web3"] #rstPpView .rst-stopp-abz.warn { border-color: var(--w3-warnung); color: var(--w3-warnung); }
html[data-frf-design="web3"] #rstPpView .rst-sh-seit-zaehler { color: var(--w3-text-2); }
/* Pointbots ▸ Gesamt seit Start + Verlauf je Tag (17.10.2026): Titel sekundär,
   Aufklapper wie „▸ 2“, laufender Tag und Abzeichen im Akzent, Lücken in der Warnfarbe. */
html[data-frf-design="web3"] #rstPpView .rst-pbg-titel { color: var(--w3-text-3); font-weight: 500; }
html[data-frf-design="web3"] #rstPpView .rst-pbv-klapp {
  background: var(--w3-fuellung);
  border-color: transparent;
  border-radius: var(--w3-radius-feld);
  box-shadow: var(--w3-kante-feld);
  font-weight: 500;
}
html[data-frf-design="web3"] #rstPpView .rst-pbv-klapp:hover { background: var(--w3-fuellung-stark); border-color: transparent; }
html[data-frf-design="web3"] #rstPpView tr.rst-pbv-laeuft { background: color-mix(in srgb, var(--w3-akzent) 7%, transparent); }
html[data-frf-design="web3"] #rstPpView .rst-pbv-badge.laeuft { background: color-mix(in srgb, var(--w3-akzent) 16%, transparent); color: var(--w3-akzent); font-weight: 500; }
html[data-frf-design="web3"] #rstPpView .rst-pbv-badge.warn { background: color-mix(in srgb, var(--w3-warnung) 12%, transparent); border-color: transparent; color: var(--w3-warnung); font-weight: 500; }
html[data-frf-design="web3"] #rstPpView .rst-pbv-badge.leise { background: var(--w3-fuellung); color: var(--w3-text-3); font-weight: 500; }
html[data-frf-design="web3"] #rstPpView .rst-pbv-balken rect.g { fill: var(--w3-positiv); }
html[data-frf-design="web3"] #rstPpView .rst-pbv-balken rect.r { fill: var(--w3-negativ); }
/* TP/SL je Asset (16.10.2026): Richtungsmarke L/S, Positionszeilen eines aufgeklappten Markts. */
html[data-frf-design="web3"] #rstPpView .rst-sh-ziel-richtung { background: var(--w3-fuellung); color: var(--w3-text-3); font-weight: 500; border-radius: var(--w3-radius-feld); }
html[data-frf-design="web3"] #rstPpView .rst-sh-pos > :is(th, td) { background: var(--w3-flaeche); }
html[data-frf-design="web3"] #rstPpView .rst-sh-pos a { color: var(--w3-akzent); }

/* Livecall: Bot im Blick („Fokus“-Pille) und gemerkte Bots. */
html[data-frf-design="web3"] #rstPpView .rst-fokus { border-radius: var(--w3-radius-feld); }
html[data-frf-design="web3"] #rstPpView .rst-fokusweg:hover { background: var(--w3-fuellung-stark); }

/* Leer, Laden, Fehler: Fehler in der Signalfarbe Rot (Schrift), Laden im Akzent. */
html[data-frf-design="web3"] #rstPpView .rst-leer { color: var(--w3-text-2); }
html[data-frf-design="web3"] #rstPpView .rst-leer.fehler { color: var(--w3-negativ-text); }

/* Tooltip-Karte wie der Plattform-Hint. */
html[data-frf-design="web3"] #rstPpView .rst-tipkarte {
  background: var(--w3-tip);
  border-color: var(--w3-rand);
  border-radius: var(--w3-radius-tip);
  box-shadow: var(--w3-schatten);
  color: var(--w3-text-tip);
}
html[data-frf-design="web3"] #rstPpView .rst-tipformel { background: var(--w3-fuellung); border-color: transparent; border-left-color: var(--w3-akzent); }

/* Warnungen in der Warnfarbe, nicht im Akzent. */
html[data-frf-design="web3"] #rstPpView :is(.rst-hinweis.warn, .rst-presetmeldung.warn, .rst-tkarte.warn, .w, .rst-logzeile.w) { color: var(--w3-warnung); }
html[data-frf-design="web3"] #rstPpView :is(.rst-punkt.warn, .rst-neupunkt) { background: var(--w3-warnung); }
html[data-frf-design="web3"] #rstPpView .rst-warnzeile {
  background: var(--warning-soft);
  border-color: color-mix(in srgb, var(--w3-warnung) 45%, transparent);
  border-radius: var(--w3-radius-karte);
}
html[data-frf-design="web3"] #rstPpView .rst-warnzeile.fehler {
  background: color-mix(in srgb, var(--w3-negativ) 14%, transparent);
  border-color: var(--w3-negativ);
}

/* PP ▸ Bot prüfen (16.10.2026, rst/src/botPruefen*.ts): Kopf, Antwort und
   Blöcke als Plattform-Karten, Ampel in den Signalfarben (grün/Warnung/rot),
   Tabellen und Logzeilen mit leisen Linien, Ausfälle im Diagramm rot. */
html[data-frf-design="web3"] #rstPpView .rst-bp-block {
  background: var(--w3-glanz), var(--w3-karte);
  border-color: transparent;
  border-radius: var(--w3-radius-karte);
  box-shadow: var(--w3-kante);
}
html[data-frf-design="web3"] #rstPpView .rst-bp-block[data-bp="antwort"] { box-shadow: var(--w3-kante), inset 0 0 0 1px var(--w3-akzent-rand); }
html[data-frf-design="web3"] #rstPpView .rst-bp-eingabe { color: var(--w3-text); }
html[data-frf-design="web3"] #rstPpView .rst-bp-leeren { color: var(--w3-text-3); }
html[data-frf-design="web3"] #rstPpView .rst-bp-leeren:hover { color: var(--w3-text); background: var(--w3-fuellung-mittel); }
html[data-frf-design="web3"] #rstPpView :is(.rst-bp-logzeile .felder) { color: var(--w3-text-2); }
html[data-frf-design="web3"] #rstPpView .rst-bp-unter { color: var(--w3-text-3); font-weight: 500; }
html[data-frf-design="web3"] #rstPpView :is(.rst-bp-bot > :is(.rst-bp-gruppe, .rst-bp-paar) + :is(.rst-bp-gruppe, .rst-bp-paar), .rst-bp-paar > .rst-bp-gruppe + .rst-bp-gruppe) { border-top-color: var(--w3-rand-leise); }
html[data-frf-design="web3"] #rstPpView .rst-bp-titel { color: var(--w3-text-2); font-weight: 500; }
html[data-frf-design="web3"] #rstPpView :is(.rst-bp-meta .k, .rst-bp-wert .k, .rst-bp-tabelle th, .rst-bp-achse, .rst-bp-logzeile .zeit, .rst-bp-logzeile .level) { color: var(--w3-text-3); }
html[data-frf-design="web3"] #rstPpView .rst-bp-ampel {
  background: var(--w3-fuellung);
  border-color: transparent;
  border-radius: var(--w3-radius-feld);
  box-shadow: var(--w3-kante-feld);
  font-weight: 600;
}
html[data-frf-design="web3"] #rstPpView .rst-bp-ampel.gruen { background: color-mix(in srgb, var(--w3-positiv) 12%, transparent); }
html[data-frf-design="web3"] #rstPpView .rst-bp-ampel.gelb { background: var(--warning-soft); }
html[data-frf-design="web3"] #rstPpView .rst-bp-ampel.rot { background: color-mix(in srgb, var(--w3-negativ) 14%, transparent); }
html[data-frf-design="web3"] #rstPpView .rst-bp-punkt { background: var(--w3-text-3); }
html[data-frf-design="web3"] #rstPpView .rst-bp-punkt.gruen { background: var(--w3-positiv); }
html[data-frf-design="web3"] #rstPpView .rst-bp-punkt.gelb { background: var(--w3-warnung); }
html[data-frf-design="web3"] #rstPpView .rst-bp-punkt.rot { background: var(--w3-negativ); }
html[data-frf-design="web3"] #rstPpView .rst-bp-pruefung.grau { color: var(--w3-text-2); }
html[data-frf-design="web3"] #rstPpView :is(.rst-bp-pruefung, .rst-bp-tabelle td, .rst-bp-logzeile) { border-color: var(--w3-rand-leise); }
html[data-frf-design="web3"] #rstPpView .rst-bp-tabelle th { border-bottom-color: var(--w3-rand); font-weight: 500; }
html[data-frf-design="web3"] #rstPpView .rst-bp-meldung:hover > td { background: var(--w3-zeile-hover); }
html[data-frf-design="web3"] #rstPpView .rst-bp-beispiel pre { background: var(--w3-fuellung); }
html[data-frf-design="web3"] #rstPpView :is(.rst-bp-level.error, .rst-bp-logzeile.error .level, .rst-bp-legende .ausfall) { color: var(--w3-negativ-text); }
html[data-frf-design="web3"] #rstPpView :is(.rst-bp-level.warn, .rst-bp-logzeile.warn .level) { color: var(--w3-warnung); }
html[data-frf-design="web3"] #rstPpView .rst-bp-legende .equity { color: var(--w3-akzent); }
html[data-frf-design="web3"] #rstPpView .rst-bp-diagramm .grund { fill: var(--w3-fuellung); }
html[data-frf-design="web3"] #rstPpView .rst-bp-diagramm .ausfall { fill: color-mix(in srgb, var(--w3-negativ) 18%, transparent); }
html[data-frf-design="web3"] #rstPpView .rst-bp-diagramm .linie.equity { stroke: var(--w3-akzent); }
html[data-frf-design="web3"] #rstPpView .rst-bp-diagramm .linie.kurs { stroke: var(--w3-text-3); }
html[data-frf-design="web3"] #rstPpView .rst-bp-hover {
  background: var(--w3-tip);
  border-color: var(--w3-rand);
  border-radius: var(--w3-radius-tip);
  box-shadow: var(--w3-schatten);
  color: var(--w3-text-tip);
}
@media (max-width: 640px) {
  html[data-frf-design="web3"] #rstPpView .rst-bp-tabelle tr { border-bottom-color: var(--w3-rand-leise); }
}
/* Bot prüfen (18.10.2026): Spalten-Karten, Ladebalken, Antwortfeld und Meldungen mit Aktion. */
html[data-frf-design="web3"] #rstPpView .rst-bp-antwortfeld { box-shadow: var(--w3-kante), inset 0 0 0 1px var(--w3-akzent-rand); }
html[data-frf-design="web3"] #rstPpView .rst-bp-spaltentitel { color: var(--w3-text); font-weight: 500; }
html[data-frf-design="web3"] #rstPpView .rst-bp-z .k { color: var(--w3-text-2); }
html[data-frf-design="web3"] #rstPpView .rst-bp-z .v { color: var(--w3-text); }
html[data-frf-design="web3"] #rstPpView .rst-bp-posblock + .rst-bp-posblock { border-top-color: var(--w3-rand-leise); }
html[data-frf-design="web3"] #rstPpView .rst-bp-fs-text { color: var(--w3-text-2); }
html[data-frf-design="web3"] #rstPpView .rst-bp-fs-teil { background: var(--w3-fuellung-mittel); }
html[data-frf-design="web3"] #rstPpView .rst-bp-fs-teil i { background: var(--w3-akzent); }
html[data-frf-design="web3"] #rstPpView .rst-bp-fs-teil.ki i { background: var(--w3-warnung); }
html[data-frf-design="web3"] #rstPpView .rst-bp-fortschritt[data-zustand="fehler"] .rst-bp-fs-teil i { background: var(--w3-negativ); }
html[data-frf-design="web3"] #rstPpView .rst-bp-aktion, html[data-frf-design="web3"] #rstPpView .rst-bp-fs-text .rst-warnzeile { color: var(--w3-negativ-text); }
html[data-frf-design="web3"] #rstPpView .rst-bp-nichts td { color: var(--w3-text-2); }

/* ── TEAM ▸ Bot Testing (nur privat) ───────────────────────────────────
   Im Web3-Modus abgenommen (Akzent, Segment-Spur, Knöpfe, Suche – siehe
   web3-design-team.css). Hier zusätzlich und nur im privaten FRF: Einträge
   und Formular als Karte mit Glanz, Stufen-Wahl als Feld, Felder gerundet,
   Leer-Kasten in der Kartenrundung, Titel medium. Dringlich (rot) und Nötig
   (Warnfarbe) behalten ihre Kante bzw. ihren Rahmen. */
html[data-frf-design="web3"]:not([data-frf-modus="web3"]) #botTestingView .bugs-titel h2 { font-weight: 500; }
html[data-frf-design="web3"]:not([data-frf-modus="web3"]) #botTestingView :is(.bugs-karte, .bugs-formular) {
  background: var(--w3-glanz), var(--w3-karte);
  border-color: transparent;
  border-radius: var(--w3-radius-karte);
  box-shadow: var(--w3-kante);
}
html[data-frf-design="web3"]:not([data-frf-modus="web3"]) #botTestingView .bugs-formular { border-color: var(--w3-akzent-rand); }
html[data-frf-design="web3"]:not([data-frf-modus="web3"]) #botTestingView .bugs-formular--bearbeiten { border-color: var(--w3-rand); }
html[data-frf-design="web3"]:not([data-frf-modus="web3"]) #botTestingView .bugs-formular.is-ziel { border-color: var(--w3-akzent); background: var(--w3-glanz), var(--w3-akzent-hauch); }
html[data-frf-design="web3"]:not([data-frf-modus="web3"]) #botTestingView .bugs-karte.is-dringlich:not(.is-erledigt) { border-left-color: var(--w3-negativ); }
html[data-frf-design="web3"]:not([data-frf-modus="web3"]) #botTestingView .bugs-karte.is-noetig:not(.is-erledigt) { border-left-color: color-mix(in srgb, var(--w3-warnung) 70%, transparent); }
html[data-frf-design="web3"]:not([data-frf-modus="web3"]) #botTestingView .bugs-karte.is-frisch { border-color: var(--w3-akzent-rand); }
html[data-frf-design="web3"]:not([data-frf-modus="web3"]) #botTestingView .bugs-karte.is-klappbar:hover { background: var(--w3-glanz), var(--w3-zeile-hover); }
html[data-frf-design="web3"]:not([data-frf-modus="web3"]) #botTestingView .bugs-karte.is-erledigt {
  background: transparent;
  border-color: var(--w3-rand-leise);
  box-shadow: none;
}
html[data-frf-design="web3"]:not([data-frf-modus="web3"]) #botTestingView .bugs-name { font-weight: 500; }
html[data-frf-design="web3"]:not([data-frf-modus="web3"]) #botTestingView .bugs-beschreibung { color: var(--w3-text-2); }
html[data-frf-design="web3"]:not([data-frf-modus="web3"]) #botTestingView .bugs-art-chip { border-radius: var(--w3-radius-feld); }
/* Stufen-Wahl (Dringlich / Nötig / Nice to have) als Feld; gewählt behält die Signalfarbe. */
html[data-frf-design="web3"]:not([data-frf-modus="web3"]) #botTestingView .bugs-stufe {
  background: var(--w3-fuellung);
  border-color: transparent;
  border-radius: var(--w3-radius-karte);
  box-shadow: var(--w3-kante-feld);
}
html[data-frf-design="web3"]:not([data-frf-modus="web3"]) #botTestingView .bugs-stufe:hover { background: var(--w3-fuellung-mittel); }
html[data-frf-design="web3"]:not([data-frf-modus="web3"]) #botTestingView .bugs-stufe.is-gewaehlt.is-dringlich { border-color: var(--w3-negativ); background: color-mix(in srgb, var(--w3-negativ) 10%, transparent); }
html[data-frf-design="web3"]:not([data-frf-modus="web3"]) #botTestingView .bugs-stufe.is-gewaehlt.is-noetig { border-color: var(--w3-warnung); background: color-mix(in srgb, var(--w3-warnung) 10%, transparent); }
html[data-frf-design="web3"]:not([data-frf-modus="web3"]) #botTestingView .bugs-stufe.is-gewaehlt.is-nice { border-color: var(--w3-rand); background: var(--w3-fuellung-stark); }
/* Felder: Zeilen ganz gerundet, Textfelder in der Kartenrundung; Fokus im Ring. */
html[data-frf-design="web3"]:not([data-frf-modus="web3"]) #botTestingView :is(input[type="text"], input[type="search"], input:not([type]), select) { border-radius: var(--w3-radius-feld); }
html[data-frf-design="web3"]:not([data-frf-modus="web3"]) #botTestingView textarea { border-radius: var(--w3-radius-karte); }
html[data-frf-design="web3"]:not([data-frf-modus="web3"]) #botTestingView :is(.dbot-suche, .dbot-feld, input, textarea, select):focus {
  border-color: transparent;
  box-shadow: var(--w3-kante-feld), var(--w3-ring);
}
html[data-frf-design="web3"]:not([data-frf-modus="web3"]) #botTestingView .bugs-leer {
  border-color: var(--w3-rand);
  border-radius: var(--w3-radius-karte);
  color: var(--w3-text-3);
}
html[data-frf-design="web3"]:not([data-frf-modus="web3"]) #botTestingView :is(.bugs-treffer, .bugs-pruefung) { border-radius: var(--w3-radius-karte); }
html[data-frf-design="web3"]:not([data-frf-modus="web3"]) #botTestingView :is(.bugs-anhang__bild, .bugs-anhang__plus, .bugs-vorschau__bild) { border-radius: var(--w3-radius-tip); }
html[data-frf-design="web3"]:not([data-frf-modus="web3"]) #botTestingView .dbot-zahl { background: var(--w3-fuellung-stark); color: var(--w3-text-2); }
html[data-frf-design="web3"]:not([data-frf-modus="web3"]) #botTestingView .dbot-reiter.is-aktiv .dbot-zahl { color: var(--w3-text); }
html[data-frf-design="web3"]:not([data-frf-modus="web3"]) #botTestingView .bugs-zahl.is-offen { background: var(--w3-akzent-flaeche); color: var(--w3-akzent); }
html[data-frf-design="web3"]:not([data-frf-modus="web3"]) #botTestingView .bugs-zahl.is-dringlich { background: color-mix(in srgb, var(--w3-negativ) 22%, transparent); color: var(--w3-negativ-text); }
html[data-frf-design="web3"]:not([data-frf-modus="web3"]) #botTestingView .dbot-trenner { font-weight: 500; }

/* ── TEAM ▸ D-Bot (#dBotView) ──────────────────────────────────────────
   Gold → Plattform-Akzent: was vom Bot kommt (Antwortkarten, Team-Rolle,
   Überschriften der Anleitung), bleibt im Akzent gerahmt. Seitenleiste und
   Chat als Karte mit Glanz, Fragen | Fakten und die Filter als Segment-Spur
   (gewählt white/10 + Innenkante), Knöpfe sekundär, Bestätigen primär,
   Suche/Felder gerundet. „Vermutlich veraltet“ (rot), Sperren (Warnfarbe)
   und „bestätigt“ (grün) bleiben Signalfarben. */
html[data-frf-design="web3"] #dBotView {
  --gold: var(--w3-akzent);
  --gold-rand: var(--w3-akzent-rand);
  --gold-flaeche: var(--w3-akzent-flaeche);
  --gold-hauch: var(--w3-akzent-hauch);
}
/* Karten: Seitenleiste, Chat, Einträge der FAQ, Fakten und Fachbegriffe. */
html[data-frf-design="web3"] #dBotView :is(.dbot-seite, .dbot-chat, .dbot-karte) {
  background: var(--w3-glanz), var(--w3-karte);
  border-color: transparent;
  border-radius: var(--w3-radius-karte);
  box-shadow: var(--w3-kante);
}
html[data-frf-design="web3"] #dBotView .dbot-karte.is-veraltet { border-color: var(--w3-negativ); }
html[data-frf-design="web3"] #dBotView .dbot-begriff-neu { border-color: var(--w3-akzent-rand); }
html[data-frf-design="web3"] #dBotView .dbot-karte.is-aussortiert { background: var(--w3-karte); }
html[data-frf-design="web3"] #dBotView .dbot-karte__koerper { border-top-color: var(--w3-rand-leise); }
html[data-frf-design="web3"] #dBotView :is(.dbot-warnung, .dbot-grund, .dbot-verweis, .dbot-sperre) { border-top-color: var(--w3-rand-leise); }
html[data-frf-design="web3"] #dBotView .dbot-warnung { color: var(--w3-negativ-text); }
html[data-frf-design="web3"] #dBotView .dbot-sperre { color: var(--w3-warnung); }
html[data-frf-design="web3"] #dBotView .dbot-sperre.is-eigen { color: var(--w3-akzent); }

/* Seitenleiste: Titel wie Tabellenköpfe, Knöpfe ganz gerundet, gewählt wie das Segment. */
html[data-frf-design="web3"] #dBotView .dbot-seite__titel { color: var(--w3-text-3); font-weight: 500; }
html[data-frf-design="web3"] #dBotView :is(.dbot-seite__knopf, .dbot-seite__kanal) {
  border-color: transparent;
  border-radius: var(--w3-radius-feld);
  color: var(--w3-text-2);
}
html[data-frf-design="web3"] #dBotView :is(.dbot-seite__knopf, .dbot-seite__kanal):hover { background: var(--w3-fuellung-mittel); color: var(--w3-text); }
html[data-frf-design="web3"] #dBotView :is(.dbot-seite__knopf.is-aktiv, .dbot-seite__kanal.is-aktiv) {
  background: var(--w3-fuellung-stark);
  border-color: transparent;
  box-shadow: var(--w3-kante);
  color: var(--w3-text);
  font-weight: 500;
}
html[data-frf-design="web3"] #dBotView .dbot-seite__kanaele { border-left-color: var(--w3-rand-leise); }
html[data-frf-design="web3"] #dBotView .dbot-zahl {
  background: var(--w3-fuellung-stark);
  color: var(--w3-text-2);
}
html[data-frf-design="web3"] #dBotView :is(.is-aktiv, [aria-selected="true"]) > .dbot-zahl { color: var(--w3-text); }

/* Segment-Spur: Fragen | Fakten und die Filter (Alle, Bestätigt, Prüfen, Aussortiert). */
html[data-frf-design="web3"] #dBotView :is(.dbot-sichten, .dbot-reiter-leiste) {
  padding: 3px;
  background: var(--w3-fuellung);
  border-color: transparent;
  border-radius: var(--w3-radius-feld);
  box-shadow: var(--w3-kante-feld);
}
html[data-frf-design="web3"] #dBotView .dbot-reiter-leiste { gap: 2px; }
html[data-frf-design="web3"] #dBotView :is(.dbot-sicht, .dbot-reiter) {
  background: transparent;
  border-color: transparent;
  border-radius: var(--w3-radius-feld);
  color: var(--w3-text-2);
}
html[data-frf-design="web3"] #dBotView :is(.dbot-sicht, .dbot-reiter):hover { background: var(--w3-fuellung-mittel); color: var(--w3-text); }
html[data-frf-design="web3"] #dBotView :is(.dbot-sicht.is-aktiv, .dbot-reiter.is-aktiv) {
  background: var(--w3-fuellung-stark);
  border-color: transparent;
  box-shadow: var(--w3-kante);
  color: var(--w3-text);
  font-weight: 500;
}

/* Knöpfe: Sekundärknopf; „Bestätigen“ / „+ Eintrag“ Primärknopf; zweiter
   Schritt von „Bestätigen“ (Senden ↗) sichtbar anders: Akzent-Rahmen. */
html[data-frf-design="web3"] #dBotView .dbot-knopf {
  background: var(--w3-fuellung);
  border-color: transparent;
  border-radius: var(--w3-radius-feld);
  box-shadow: var(--w3-kante-feld);
  color: var(--w3-text);
}
html[data-frf-design="web3"] #dBotView .dbot-knopf:hover:not([disabled]) {
  background: var(--w3-fuellung-stark);
  border-color: transparent;
}
html[data-frf-design="web3"] #dBotView .dbot-knopf--haupt {
  background: var(--w3-akzent);
  border-color: var(--w3-akzent);
  box-shadow: none;
  color: var(--w3-akzent-text);
  font-weight: 500;
}
html[data-frf-design="web3"] #dBotView .dbot-knopf--haupt:hover:not([disabled]) {
  background: color-mix(in srgb, var(--w3-akzent) 80%, transparent);
  border-color: transparent;
  box-shadow: none;
}
html[data-frf-design="web3"] #dBotView .dbot-knopf--haupt.is-armiert,
html[data-frf-design="web3"] #dBotView .dbot-knopf--haupt.is-armiert:hover:not([disabled]) {
  background: var(--w3-akzent-flaeche);
  border-color: var(--w3-akzent);
  color: var(--w3-akzent);
}
html[data-frf-design="web3"] #dBotView .dbot-knopf--gefahr { color: var(--w3-negativ-text); }
html[data-frf-design="web3"] #dBotView .dbot-chip {
  background: var(--w3-fuellung);
  border-color: transparent;
  box-shadow: var(--w3-kante-feld);
  color: var(--w3-text-2);
}
html[data-frf-design="web3"] #dBotView .dbot-chip:hover { background: var(--w3-fuellung-mittel); border-color: transparent; color: var(--w3-text); }
html[data-frf-design="web3"] #dBotView .dbot-chip.is-aktiv {
  background: var(--w3-fuellung-stark);
  border-color: transparent;
  box-shadow: var(--w3-kante);
  color: var(--w3-text);
}

/* Felder: Suche und Zeilenfelder ganz gerundet, Textfelder in der Kartenrundung. */
html[data-frf-design="web3"] #dBotView :is(.dbot-suche, .dbot-feld) {
  background: var(--w3-fuellung);
  border-color: transparent;
  box-shadow: var(--w3-kante-feld);
}
html[data-frf-design="web3"] #dBotView :is(.dbot-suche, input.dbot-feld) { border-radius: var(--w3-radius-feld); padding-left: 14px; padding-right: 14px; }
html[data-frf-design="web3"] #dBotView textarea.dbot-feld { border-radius: var(--w3-radius-karte); }
html[data-frf-design="web3"] #dBotView :is(.dbot-suche, .dbot-feld):focus {
  border-color: transparent;
  box-shadow: var(--w3-kante-feld), var(--w3-ring);
}
html[data-frf-design="web3"] #dBotView .dbot-etikett { color: var(--w3-text-3); }

/* Abzeichen und Rollen als leise Pillen; „bestätigt“ grün, „veraltet“ rot. */
html[data-frf-design="web3"] #dBotView :is(.dbot-abzeichen, .dbot-abzeichen--thema, .dbot-rolle) {
  background: var(--w3-fuellung-stark);
  color: var(--w3-text-2);
}
html[data-frf-design="web3"] #dBotView .dbot-abzeichen--ok { background: var(--success-soft); color: var(--w3-positiv); }
html[data-frf-design="web3"] #dBotView .dbot-abzeichen--warn { background: var(--w3-fuellung-stark); color: var(--w3-negativ-text); }
html[data-frf-design="web3"] #dBotView :is(.dbot-abzeichen--gold, .dbot-rolle.is-team) { background: var(--w3-akzent-flaeche); color: var(--w3-akzent); }

/* Chat: Zeilen-Hover white/3, Avatar als Fläche, Datumslinie leise. */
html[data-frf-design="web3"] #dBotView .dbot-msg:hover { background: var(--w3-zeile-hover); }
html[data-frf-design="web3"] #dBotView .dbot-avatar { background: var(--w3-fuellung-stark); color: var(--w3-text-2); }
html[data-frf-design="web3"] #dBotView .dbot-tag::before,
html[data-frf-design="web3"] #dBotView .dbot-tag::after { background: var(--w3-rand-leise); }
html[data-frf-design="web3"] #dBotView .dbot-msg__wer { font-weight: 500; }
html[data-frf-design="web3"] #dBotView .dbot-kanal { font-weight: 500; }
html[data-frf-design="web3"] #dBotView :is(.dbot-bild img, .dbot-bild__weg, .dbot-anhang) { border-radius: var(--w3-radius-tip); }

/* Karte des Bots: im Akzent gerahmt (bestätigte Antwort), Karte in der Karte. */
html[data-frf-design="web3"] #dBotView .dbot-antwort {
  background: var(--w3-glanz), var(--w3-akzent-hauch);
  border-color: var(--w3-akzent-rand);
  border-radius: var(--w3-radius-karte);
}
html[data-frf-design="web3"] #dBotView .dbot-msg:hover .dbot-antwort:not(.is-leise):not(.is-vorschlag) { border-color: var(--w3-akzent); }
html[data-frf-design="web3"] #dBotView .dbot-antwort__kopf { color: var(--w3-akzent); font-weight: 500; }
html[data-frf-design="web3"] #dBotView .dbot-antwort.is-leise {
  background: var(--w3-fuellung);
  border-color: transparent;
  box-shadow: var(--w3-kante-feld);
}
html[data-frf-design="web3"] #dBotView .dbot-msg:hover .dbot-antwort.is-leise { border-color: var(--w3-rand); }
html[data-frf-design="web3"] #dBotView .dbot-antwort.is-leise .dbot-antwort__kopf { color: var(--w3-text-3); }
/* Vorschlag (noch nicht bestätigt): gestrichelt und ohne Akzent. */
html[data-frf-design="web3"] #dBotView .dbot-antwort.is-vorschlag {
  background: var(--w3-karte);
  border-color: var(--w3-rand);
}
html[data-frf-design="web3"] #dBotView .dbot-antwort.is-vorschlag .dbot-antwort__kopf { color: var(--w3-text-2); }
html[data-frf-design="web3"] #dBotView .dbot-msg:hover .dbot-antwort.is-vorschlag { border-color: var(--w3-text-3); }

/* Kästen im Eintrag („So stand es im Chat“, Aussortieren) und Hinweiszeilen. */
html[data-frf-design="web3"] #dBotView :is(.dbot-original, .dbot-aussortieren) {
  background: var(--w3-fuellung);
  border-color: transparent;
  border-radius: var(--w3-radius-karte);
  box-shadow: var(--w3-kante-feld);
}
html[data-frf-design="web3"] #dBotView .dbot-ausschnitt .dbot-msg.is-marke { background: var(--w3-zeile-hover); }
html[data-frf-design="web3"] #dBotView .dbot-hinweise__zeile {
  background: var(--w3-flaeche);
  border-color: var(--w3-rand);
  border-radius: var(--w3-radius-karte);
}
/* Laden/Fehler („D-Bot nicht erreichbar …“, „… lädt“): leiser Kasten wie ein Leer-Zustand. */
html[data-frf-design="web3"] #dBotView .dbot-hinweis {
  padding: 32px 16px;
  border: 1px dashed var(--w3-rand);
  border-radius: var(--w3-radius-karte);
  color: var(--w3-text-2);
  text-align: center;
}

/* How to: Überschriften im Akzent (über --gold), Bilder in der Kartenrundung. */
html[data-frf-design="web3"] #dBotView :is(.dbot-anleitung h2, .dbot-anleitung h3) { font-weight: 500; }
html[data-frf-design="web3"] #dBotView .dbot-anleitung__bild img {
  border-color: var(--w3-rand-leise);
  border-radius: var(--w3-radius-karte);
}

/* Handy: bricht die Filterleiste um, wird die Spur zur gerundeten Fläche statt Pille (wie Bot Testing). */
@media (max-width: 700px) {
  html[data-frf-design="web3"] #dBotView .dbot-reiter-leiste { border-radius: var(--w3-radius-karte); }
}
/* Handy: Kopf einer Karte (Fakten, Fachbegriffe) bricht um – Text eine eigene
   Zeile, Abzeichen und Knöpfe darunter. Vorher quetschten Abzeichen und Knöpfe
   den Text auf ein Wort je Zeile und ragten aus der Karte (auch ohne Design). */
@media (max-width: 640px) {
  html[data-frf-design="web3"] #dBotView .dbot-karte__kopf { flex-wrap: wrap; }
  html[data-frf-design="web3"] #dBotView .dbot-karte__frage { flex: 1 1 100%; }
  html[data-frf-design="web3"] #dBotView .dbot-karte__kopf > .dbot-schnell { flex-wrap: wrap; }
}

/* PP ▸ Funding Bot (17.10.2026): Gesamtkarte und Aufklappen; Kacheln und Tabellen erben die Signal-Hedge-Regeln oben. */
html[data-frf-design="web3"] #rstPpView .rst-fb-klapp {
  border-color: transparent;
  background: var(--w3-fuellung);
  color: var(--w3-text);
  font-weight: 500;
}
html[data-frf-design="web3"] #rstPpView .rst-fb-klapp:hover { background: var(--w3-fuellung-stark); }
html[data-frf-design="web3"] #rstPpView .rst-fb-kacheln:hover { box-shadow: var(--w3-kante), 0 0 0 1px var(--w3-rand-leise); }
html[data-frf-design="web3"] #rstPpView :is(.rst-fb-unter, .rst-fb-einst dt) { color: var(--w3-text-3); }
html[data-frf-design="web3"] #rstPpView :is(.rst-fb-pos.o, .rst-sub.o) { color: var(--w3-warnung); }
html[data-frf-design="web3"] #rstPpView .rst-fb-gestoppt { border-color: transparent; background: var(--w3-fuellung-stark); color: var(--w3-text); font-weight: 500; }
html[data-frf-design="web3"] #rstPpView .rst-fb-einseitig { background: var(--w3-fuellung); color: var(--w3-warnung); font-weight: 500; }