/* Streamwidget.de – RTIRL-Overlay (Darstellung im Stream + Vorschau) */
.rw {
  --rw-fg: #EDEEF0;
  --rw-muted: rgba(237, 238, 240, .62);
  --rw-accent: #43D9C0;
  --rw-line: rgba(255, 255, 255, .12);
  --rw-bg-a: .7;
  display: inline-flex;
  box-sizing: border-box;
  color: var(--rw-fg);
  background: rgba(29, 32, 37, var(--rw-bg-a));
  border-radius: 12px;
  font-family: "Manrope", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
  font-variant-numeric: tabular-nums;
  line-height: 1;
  overflow: hidden;
  /* bleibt auch bei transparentem Hintergrund lesbar */
  text-shadow: 0 1px 2px rgba(0, 0, 0, calc(.85 - var(--rw-bg-a) * .6));
}
.rw *, .rw *::before, .rw *::after { box-sizing: border-box; }

.rw-item { display: flex; align-items: center; gap: 10px; min-width: 0; }
.rw-icon { flex: none; width: 22px; height: 22px; color: var(--rw-accent); }
.rw-icon svg { width: 100%; height: 100%; display: block; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 1px 1px rgba(0,0,0,.35)); }
.rw-text { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.rw-label { font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--rw-muted); white-space: nowrap; }
.rw-value { font-size: 20px; font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rw-unit { font-size: .62em; font-weight: 600; color: var(--rw-muted); margin-left: 3px; }

/* Waagerecht: fest 60 px hoch, nie höher */
.rw--h { height: 60px; max-height: 60px; align-items: center; padding: 0 6px; }
.rw--h .rw-item { height: 60px; padding: 0 14px; }
.rw--h .rw-item + .rw-item { border-left: 1px solid var(--rw-line); }
.rw--h .rw-item[data-f="location"] .rw-value { max-width: 240px; }

/* Senkrecht */
.rw--v { flex-direction: column; padding: 6px 0; min-width: 210px; }
.rw--v .rw-item { padding: 10px 18px; }
.rw--v .rw-item + .rw-item { border-top: 1px solid var(--rw-line); }
.rw--v .rw-item[data-f="location"] .rw-value { max-width: 260px; }

.rw-empty { padding: 0 16px; font-size: 13px; color: var(--rw-muted); }
.rw--offline .rw-item[data-f="speed"] .rw-value { color: var(--rw-muted); }

/* Ohne Beschriftungen: kompakter (waagerecht 40 px statt 60 px hoch) */
.rw--nolabels .rw-icon { width: 18px; height: 18px; }
.rw--nolabels .rw-item { gap: 8px; }
.rw--h.rw--nolabels { height: 40px; max-height: 40px; padding: 0 4px; }
.rw--h.rw--nolabels .rw-item { height: 40px; padding: 0 12px; }
.rw--v.rw--nolabels { padding: 4px 0; min-width: 170px; }
.rw--v.rw--nolabels .rw-item { padding: 8px 16px; }