/* Boxenfunk — Ebene 8: Diagramme + Fahrerprofil-Kopf (Plan 2026-10-01, Schritt 6).
   Fahrerprofil/Statistik: Karte (.dia-karte), Balken (.hgb-svg--*), Formkurve (.hg-kurve),
   km-Stufen, Zoom, Kurzinfo (.hg-tip); dazu der Profilkopf (.profile-*, .pcard).
   Die Telemetrie-Seite hat ihre eigene Fassung in design-boxenfunk.css und wird
   ausgespart (`:not(.tele-view *)` bzw. `body:not(:has(.tele-view))`).
   Farben der Balken stecken als var(--lime|--cyan|--magenta) in den SVG-Attributen
   (js/components/_dia_*.js) — hier nur innerhalb des SVG umgelenkt: km = Rot (Hauptfarbe),
   Aktivitaet/Form = Weiss. Flache TV-Balken: kein Leuchten, keine Woelbung. */

/* ---------- Schriftboden 13 px (Heute 11–12,5 px) ---------- */
html[data-design="boxenfunk"] :where(
  .dia-frage, .hg-zoom__stand, .km-stufe, .hg-tip__kopf, .hg-tip__gitter span, .profile-car__name
) { font-size: 13px; }

/* ---------- Karte ---------- */
html[data-design="boxenfunk"] .dia-karte:not(.tele-view *) {
  border: 0; border-radius: 0; box-shadow: none; backdrop-filter: none; background: var(--bx-flaeche);
}
html[data-design="boxenfunk"] .dia-karte:not(.tele-view *) h3 {
  display: inline-block; font-family: var(--bf-display); font-weight: 800; font-style: italic; letter-spacing: .04em;
  color: var(--bf-dunkel); background: var(--bereich, var(--bf-gelb)); padding: 2px 22px 1px 9px; clip-path: var(--bx-tab);
}
html[data-design="boxenfunk"] .dia-karte:not(.tele-view *) :is(.dia-frage, .dia-fuss) { font-family: var(--bf-text); color: var(--bf-ink-dim); }
html[data-design="boxenfunk"] .dia-karte:not(.tele-view *) .dia-fuss { border-top: 2px solid var(--bf-knopf); }
html[data-design="boxenfunk"] .dia-karte:not(.tele-view *) .dia-fuss b { color: #fff; }
html[data-design="boxenfunk"] .dia-karte:not(.tele-view *) .hg-bild { background: rgba(0, 0, 0, .22); }

/* ---------- Bedienung: Zoom + Zeitraum als Schraeg-Tasten ---------- */
html[data-design="boxenfunk"] :is(.hg-zoom button, .km-stufe):not(.tele-view *) {
  font-family: var(--bf-display); font-weight: 800; color: var(--bf-ink); border: 0; border-radius: 0;
  background: var(--bf-knopf); box-shadow: none;
}
html[data-design="boxenfunk"] .km-stufe:not(.tele-view *) { font-style: italic; text-transform: uppercase; letter-spacing: .04em; clip-path: var(--bx-schraeg); }
html[data-design="boxenfunk"] .hg-zoom button:hover:not(:disabled):not(.tele-view *),
html[data-design="boxenfunk"] .km-stufe:hover:not(.tele-view *) { color: #fff; background: var(--bf-knopf-hell); }
html[data-design="boxenfunk"] .km-stufe[aria-pressed="true"]:not(.tele-view *) { color: var(--bf-dunkel); background: var(--bf-gelb); box-shadow: none; }
html[data-design="boxenfunk"] :is(.hg-zoom button, .km-stufe):focus-visible:not(.tele-view *) { outline-color: var(--bf-gelb); }
html[data-design="boxenfunk"] .hg-zoom__stand:not(.tele-view *) { font-family: var(--bf-display); font-weight: 700; color: var(--bf-ink-dim); }
html[data-design="boxenfunk"] .dia-warn { color: var(--gold); }

/* ---------- Kurzinfo (nicht auf der Telemetrie-Seite) ---------- */
html[data-design="boxenfunk"] body:not(:has(.tele-view)) .hg-tip {
  border: 0; border-radius: 0; backdrop-filter: none; background: var(--bf-panel-2);
  box-shadow: 0 14px 40px rgba(0, 0, 0, .8);
}
html[data-design="boxenfunk"] body:not(:has(.tele-view)) .hg-tip__kopf { font-family: var(--bf-display); font-weight: 800; font-style: italic; letter-spacing: .04em; }
html[data-design="boxenfunk"] body:not(:has(.tele-view)) .hg-tip__gitter span { font-family: var(--bf-text); color: var(--bf-ink-dim); }
html[data-design="boxenfunk"] body:not(:has(.tele-view)) .hg-tip__gitter b { font-family: var(--bf-display); font-weight: 800; font-style: italic; color: #fff; }

/* ---------- Balken: flache TV-Saeulen ---------- */
html[data-design="boxenfunk"] :is(.hgb-svg, .hg-kurve):not(.tele-view *) {
  --lime: var(--bf-gelb); --cyan: var(--bf-ink); --magenta: var(--bf-ink);
}
html[data-design="boxenfunk"] .hgb-svg:not(.tele-view *) :is(.hgb__glanz, .hgb__deckel, .hgb__kante) { display: none; }
html[data-design="boxenfunk"] .hgb-svg:not(.tele-view *) .hgb__b { fill: var(--bf); rx: 0; ry: 0; filter: none; }
html[data-design="boxenfunk"] .hgb-svg:not(.tele-view *) .hgb:is(:hover, :focus-visible) .hgb__b { filter: brightness(1.2); }
html[data-design="boxenfunk"] .hgb-svg:not(.tele-view *) text { font-family: var(--bf-display); font-weight: 700; font-size: 13px; }
html[data-design="boxenfunk"] .hgb-svg:not(.tele-view *) :is(.hgb__o, .hgb__u) { fill: #8f9ab0; }

/* ---------- Formkurve: weisse Spur, kein Nachleuchten ---------- */
html[data-design="boxenfunk"] .hg-kurve:not(.tele-view *) text { font-family: var(--bf-display); font-weight: 700; font-size: 13px; }
html[data-design="boxenfunk"] .hg-kurve:not(.tele-view *) :is(.fk-pkt__p, polyline) { filter: none; }

/* ---------- Fahrerprofil: Kopf + Steckbrief ---------- */
html[data-design="boxenfunk"] .profile-id h1 { font-family: var(--bf-display); font-weight: 800; font-style: italic; letter-spacing: .01em; }
html[data-design="boxenfunk"] .profile-id p { font-family: var(--bf-text); color: var(--bf-ink-dim); }
html[data-design="boxenfunk"] .profile-car__media { border: 0; border-radius: 0; background: var(--bx-flaeche); }
html[data-design="boxenfunk"] .profile-car__name { font-family: var(--bf-display); font-weight: 700; color: var(--bf-ink-dim); }
html[data-design="boxenfunk"] .pcard__photo { border: 0; border-radius: 0; box-shadow: 0 12px 28px rgba(0, 0, 0, .6); }
html[data-design="boxenfunk"] .pcard__v { font-family: var(--bf-display); font-weight: 700; font-style: normal; text-transform: uppercase; letter-spacing: .02em; }
html[data-design="boxenfunk"] .pcard__quote {
  font-family: var(--bf-text); font-weight: 600; border: 0; border-radius: 0; background: var(--bf-panel-2);
  box-shadow: inset 4px 0 0 var(--bf-gelb);
}