/* Boxenfunk — Ebene 7: Statistik (RaM + Driver Academy) und Bereichs-Uebersichten
   (Plan 2026-10-01, Schritt 6). Uebersichts-Kacheln (.portal), Rekordkaesten (.rec),
   Faktenkarten mit Balken/Saeulen (.fcard, .fbar, .fcol, .carbar), Telemetrie-Karte
   im Training (.tk), Platzhalter „in Arbeit" (.wip). Feste Farben aus css/ram.css bzw.
   landing.css/telemetrie.css werden nur hier im Boxenfunk-Scope ueberschrieben.
   Bereichsfarbe (--bereich) aus grund.css. Raster nur in eigenen @media-Bloecken. */

/* ---------- Schriftboden 13 px (Heute 8,5–12,5 px) ---------- */
html[data-design="boxenfunk"] :where(
  .rec__k, .rec__sub, .fcard__t, .fbar__sub, .fcol em, .fcols__legende, .fcard__fuss, .carbar__k, .carbar__v,
  .carbar__d, .carbar__rest, .fbar__v small, .tk__zeit-label
) { font-size: 13px; }

/* ---------- Uebersichts-Kacheln ---------- */
html[data-design="boxenfunk"] .portal {
  /* data-class ist an diesen Kacheln nur Schmuck (Rangliste/Monat/Training …) — es zaehlt der Bereich. */
  border: 0; border-radius: 0; box-shadow: inset 5px 0 0 var(--bereich, var(--rowc, var(--bf-knopf-hell)));
  background: var(--bx-flaeche);
}
html[data-design="boxenfunk"] .portal::after { display: none; }
html[data-design="boxenfunk"] .portal:hover { transform: none; background: var(--bx-flaeche); filter: brightness(1.15); }
html[data-design="boxenfunk"] :is(.portal:hover .portal__title, .portal:hover .portal__go) { color: #fff; }
html[data-design="boxenfunk"] .portal__icon { border: 0; border-radius: 0; background: var(--bf-knopf); }
html[data-design="boxenfunk"] .portal__title { font-family: var(--bf-display); font-weight: 800; font-style: italic; text-transform: uppercase; letter-spacing: .02em; }
html[data-design="boxenfunk"] .portal__desc { font-family: var(--bf-text); color: var(--bf-ink-dim); }
html[data-design="boxenfunk"] .portal__go { font-family: var(--bf-display); color: var(--bereich, var(--bf-ink-dim)); }

/* ---------- Rekorde ---------- */
html[data-design="boxenfunk"] .rec {
  border: 0; border-radius: 0; background: var(--bx-flaeche);
  box-shadow: inset 0 4px 0 var(--bereich, var(--bf-knopf-hell));
}
html[data-design="boxenfunk"] .rec__k { font-family: var(--bf-display); font-weight: 700; letter-spacing: .1em; color: var(--bf-ink-dim); }
html[data-design="boxenfunk"] .rec__big {
  font-family: var(--bf-display); font-weight: 800; font-style: italic; color: #fff; letter-spacing: .01em;
}
html[data-design="boxenfunk"] .rec__v { font-family: var(--bf-display); font-weight: 700; text-transform: uppercase; letter-spacing: .02em; }
html[data-design="boxenfunk"] .rec__sub { font-family: var(--bf-text); color: #8f9ab0; }
html[data-design="boxenfunk"] .section-head--major { border-top: 3px solid var(--bf-knopf); }

/* ---------- Faktenkarten: Balken als flache Streifen ---------- */
html[data-design="boxenfunk"] .fcard { border: 0; border-radius: 0; background: var(--bx-flaeche); }
html[data-design="boxenfunk"] .fcard__t {
  justify-self: start; font-family: var(--bf-display); font-weight: 800; font-style: italic; letter-spacing: .06em;
  color: var(--bf-dunkel); background: var(--bereich, var(--bf-gelb));
  padding: 2px 20px 1px 8px; clip-path: var(--bx-tab);
}
html[data-design="boxenfunk"] :is(.fbar__k, .carbar__k) { font-family: var(--bf-text); color: var(--bf-ink-dim); }
html[data-design="boxenfunk"] .fbar--top .fbar__k { color: #fff; }
html[data-design="boxenfunk"] :is(.fbar__track, .carbar__track) { border-radius: 0; background: var(--bf-knopf); }
html[data-design="boxenfunk"] :is(.fbar__fill, .carbar__fill) { border-radius: 0; background: var(--bereich, var(--bf-gelb)); }
html[data-design="boxenfunk"] .fbar--top .fbar__fill { background: var(--gold); }
html[data-design="boxenfunk"] :is(.fbar__v, .carbar__v) {
  font-family: var(--bf-display); font-weight: 700; font-style: italic; font-variant-numeric: tabular-nums; color: #fff;
}
html[data-design="boxenfunk"] :is(.fbar__sub, .carbar__d, .carbar__rest) { font-family: var(--bf-display); font-weight: 600; color: #8f9ab0; }
html[data-design="boxenfunk"] .carbar__rest b { color: var(--bf-ink-dim); }
html[data-design="boxenfunk"] .fcol i { border-radius: 0; background: var(--bereich, var(--bf-gelb)); }
html[data-design="boxenfunk"] :is(.fcol em, .fcols__legende) { font-family: var(--bf-display); font-weight: 700; color: #8f9ab0; }
html[data-design="boxenfunk"] .fcard__fuss { font-family: var(--bf-text); color: var(--bf-ink-dim); border-top: 2px solid var(--bf-knopf); }
/* Barlow ist schmaler als die Heute-Schrift — die Namensspalten bleiben wie gebaut. */

/* ---------- Telemetrie-Karte (RaM-/Academy-Training) ---------- */
html[data-design="boxenfunk"] .tk { border: 0; border-radius: 0; background: var(--bx-flaeche); box-shadow: inset 5px 0 0 var(--bereich, var(--bf-gelb)); }
html[data-design="boxenfunk"] .tk__titel { font-family: var(--bf-display); font-weight: 800; font-style: italic; letter-spacing: .06em; color: var(--bf-ink); }
html[data-design="boxenfunk"] .tk__zeit-label { font-family: var(--bf-display); font-weight: 700; letter-spacing: .1em; color: var(--bf-ink-dim); }
html[data-design="boxenfunk"] .tk__zeit-wert { font-family: var(--bf-display); font-weight: 800; font-style: italic; color: #fff; font-variant-numeric: tabular-nums; }
html[data-design="boxenfunk"] .tk__klein { font-family: var(--bf-display); font-weight: 600; color: var(--bf-ink-dim); }
html[data-design="boxenfunk"] .tk__hinweis { font-family: var(--bf-text); color: var(--bf-ink-dim); }
html[data-design="boxenfunk"] :is(.tk__hilfe, .tk__login) { color: var(--bf-gelb); }
html[data-design="boxenfunk"] .tk__btn {
  border-radius: 0; font-family: var(--bf-display); font-weight: 800; font-style: italic; text-transform: uppercase; letter-spacing: .04em;
  color: var(--bf-ink); background: var(--bf-knopf); clip-path: var(--bx-schraeg);
}
html[data-design="boxenfunk"] .tk__btn--primary { color: var(--bf-dunkel); background: var(--bf-gelb); box-shadow: none; }
html[data-design="boxenfunk"] .tk__btn--primary:hover { background: #fff; }

/* ---------- Platzhalter „in Arbeit" ---------- */
html[data-design="boxenfunk"] .wip__badge {
  font-family: var(--bf-display); font-weight: 800; font-style: italic; letter-spacing: .08em;
  border: 0; border-radius: 0; color: var(--bf-dunkel); background: var(--bereich, var(--bf-gelb)); clip-path: var(--bx-schraeg);
}
html[data-design="boxenfunk"] .wip__title {
  font-family: var(--bf-display); font-weight: 800; font-style: italic; text-transform: uppercase;
  background: none; -webkit-background-clip: border-box; background-clip: border-box; color: #fff;
}
html[data-design="boxenfunk"] .wip__sub { font-family: var(--bf-text); color: var(--bf-ink-dim); }