/* Gegenanflug – Funk-Status der Sticks (pi-radio.js): dunkles Instrumenten-Design auf Basis der Markenfarben
   (tokens.css: --brand, --brand-ink, dunkle Variante --brand-fg #93a8ec, --ok #4ade80, --warn #fbbf24). 800 × 428. */
.pi-radio { --funk-grund: #070b18; --funk-feld: #0f1630; --funk-linie: #22305a; --funk-akzent: #93a8ec; --funk-ok: #4ade80;
  --funk-warn: #fbbf24; --funk-text: #e6ebff; --funk-leise: #8d97b8;
  position: fixed; inset: 52px 0 0 0; z-index: 900; padding: 8px; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 36px;
  gap: 8px; background: var(--funk-grund); color: var(--funk-text);
  font: 14px/1.2 var(--f-body, "Inter", sans-serif); }
.pi-funk { display: grid; grid-template-rows: 24px 70px 40px 50px 1fr; gap: 6px; padding: 8px 10px; border-radius: 12px; min-width: 0;
  background: linear-gradient(180deg, #16234d, #0f1630 40%); border: 1px solid var(--funk-linie); }
.pi-funk canvas { display: block; }
.pi-funk__kopf { display: flex; align-items: center; gap: 8px; white-space: nowrap; overflow: hidden; }
.pi-funk__kopf b { font: 700 19px/1 var(--f-display, "Barlow Condensed", sans-serif); letter-spacing: .03em; }
.pi-funk__serie { font: 500 13px/1 var(--f-mono, ui-monospace, monospace); color: var(--funk-leise); padding: 3px 6px; border: 1px solid var(--funk-linie); border-radius: 6px; }
.pi-funk__zustand { margin-left: auto; font-size: 13px; color: var(--funk-leise); }
.pi-funk__lampe { width: 10px; height: 10px; border-radius: 50%; background: #5b6480; flex: none; }
.pi-funk__lampe--an { background: var(--funk-ok); box-shadow: 0 0 8px var(--funk-ok); } /* ohne Dauer-Animation (CPU) */
.pi-funk__fall { position: relative; border-radius: 8px; overflow: hidden; border: 1px solid var(--funk-linie); }
.pi-funk__fall canvas { width: 100%; height: 70px; }
.pi-funk__fallinfo { position: absolute; right: 6px; bottom: 4px; padding: 1px 6px; border-radius: 4px; background: rgba(7, 11, 24, .7);
  font-size: 11px; color: var(--funk-leise); }
.pi-funk__werte { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }
.pi-funk__wert { padding: 4px 6px; border-radius: 8px; background: var(--funk-feld); border: 1px solid var(--funk-linie); min-width: 0; }
.pi-funk__wert span { display: block; font-size: 11px; color: var(--funk-leise); text-transform: uppercase; letter-spacing: .06em; }
.pi-funk__wert b { font: 600 17px/1.1 var(--f-display, "Barlow Condensed", sans-serif); font-variant-numeric: tabular-nums; white-space: nowrap; }
.pi-funk__verlauf { display: flex; gap: 8px; align-items: center; }
.pi-funk__rate { flex: 1; text-align: right; }
.pi-funk__rate b { display: block; font: 700 34px/1 var(--f-display, "Barlow Condensed", sans-serif); font-variant-numeric: tabular-nums;
  color: var(--funk-akzent); }
.pi-funk__rate span { font-size: 11px; color: var(--funk-leise); text-transform: uppercase; letter-spacing: .06em; }
.pi-funk__unten { display: flex; gap: 8px; align-items: end; min-height: 0; }
.pi-radio__fuss { grid-column: 1 / -1; display: flex; align-items: center; gap: 16px; padding: 0 4px; font-size: 14px; }
.pi-radio__leise { color: var(--funk-leise); flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pi-radio__zurueck { min-height: 36px; padding: 0 16px; border-radius: 18px; border: 1px solid var(--funk-akzent); background: transparent;
  color: var(--funk-akzent); font: 600 15px/1 var(--f-body, "Inter", sans-serif); }