/* ==========================================================================
   AnimeRadar V2.4.278 - Online-Zaehler in der Desktop-Navigation

   Der Zaehler sass bisher im Hero der Startseite. Er gehoert jetzt in die
   Navigationsgruppe "Mehr", direkt unter "Feature Wunsch".

   Sichtbar ist er ausschliesslich fuer Administratoren. Die Entscheidung
   faellt serverseitig; ohne Freigabe traegt das Element `is-hidden` und wird
   gar nicht erst befuellt. Diese Datei versteckt nichts und ersetzt keine
   Berechtigungspruefung.

   Optik aus der bestehenden Modalfamilie: dunkles Panel, duenner roter
   Rahmen, dezenter Schein, dieselben Rundungen.
   ========================================================================== */

.admin-nav-live-counter {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 10px 0 0;
  padding: 9px 11px;
  border: 1px solid color-mix(in srgb, var(--md-primary) 42%, transparent);
  border-radius: 12px;
  background: color-mix(in srgb, var(--md-primary) 9%, var(--md-surface, #140e0f));
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .18), 0 6px 18px color-mix(in srgb, var(--md-primary) 14%, transparent);
  font-size: 12px;
  line-height: 1.25;
}

.admin-nav-live-counter.is-hidden { display: none; }

/* Der Punkt zeigt an, dass die Zahl laufend erneuert wird. */
.admin-nav-live-counter .admin-live-counter-dot {
  flex: 0 0 auto;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--md-primary);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--md-primary) 22%, transparent);
}

.admin-nav-live-counter > div {
  min-width: 0;
}

.admin-nav-live-counter strong {
  display: block;
  color: var(--md-on-surface);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .01em;
}

.admin-nav-live-counter small {
  display: block;
  overflow: hidden;
  color: var(--md-dim);
  font-size: 10.5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-nav-live-counter > b {
  margin-left: auto;
  padding-left: 6px;
  color: var(--md-on-surface);
  font-size: 15px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

/* Bewegungsempfindliche Darstellung: der Schein bleibt, nur ohne Uebergang. */
@media (prefers-reduced-motion: reduce) {
  .admin-nav-live-counter { transition: none; }
}