/* V2 Hörer/User-Widget – ausschließlich Editor-/V2-Stage-Kontext. Reine Zahlen-Anzeige. */
/* Detail-Design: 8 CSS-Variablen mit Defaults (= bisherige feste Darstellung).
   Der Renderer überschreibt sie per Inline-Style aus fe_v2_settings
   (siehe plugins/hoerer_user/settings.php + admin/hoerer_user_detail.php). */
.hoerer-widget {
    --hoerer-online-color: #edf4f8;
    --hoerer-online-size: 11px;
    --hoerer-online-num-color: #edf4f8;
    --hoerer-online-num-size: 11px;
    --hoerer-total-color: #edf4f8;
    --hoerer-total-size: 11px;
    --hoerer-total-num-color: #62d394;
    --hoerer-total-num-size: 11px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: auto;
    min-height: 44px;
    padding: 4px 8px;
    box-sizing: border-box;
    gap: 4px;
}
.hoerer-widget-head { display: none; }
.hoerer-widget-row {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    font-weight: 700;
    color: #edf4f8;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 0 0 auto;
}
.hoerer-widget-dot { flex: 0 0 auto; }
/* ONLINE (Label) + ONLINE-ZAHL */
.hoerer-widget-row-online .hoerer-widget-label { color: var(--hoerer-online-color); font-size: var(--hoerer-online-size); }
.hoerer-widget-row-online .hoerer-widget-num { color: var(--hoerer-online-num-color); font-size: var(--hoerer-online-num-size); }
/* GESAMT (Label) + GESAMT-ZAHL (Default #62d394 = bisheriger fester Wert von [data-hoerer-total]) */
.hoerer-widget-row-total .hoerer-widget-label { color: var(--hoerer-total-color); font-size: var(--hoerer-total-size); }
.hoerer-widget-row-total .hoerer-widget-num { color: var(--hoerer-total-num-color); font-size: var(--hoerer-total-num-size); }