/* PS5 Arena V25 — Bell visibility + light mode contrast + sub badge */

/* ── NOTIFICATION BELL — always visible in both themes ─────────── */
.notif-btn { color: var(--tx1) !important; }
.notif-btn span:first-child { font-size: 1.15rem; filter: none !important; }

/* Force bell visible on light backgrounds */
[data-theme="light"] .notif-btn span:first-child,
:root:not([data-theme="dark"]) .notif-btn span:first-child {
  filter: drop-shadow(0 0 1px rgba(0,0,0,0.4)) !important;
}

/* ── USERNAME / HEADER TEXT — light mode fix ─────────────────────── */
.hdr-uname {
  color: var(--tx1) !important;
  font-size: .82rem;
  font-weight: 500;
  white-space: nowrap;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
}

[data-theme="light"] .hdr-uname,
:root:not([data-theme="dark"]) .hdr-uname {
  color: #0f172a !important;
}

/* ── ROLE BADGE — light mode ─────────────────────────────────────── */
[data-theme="light"] .badge,
:root:not([data-theme="dark"]) .badge {
  color: #1e3a5f !important;
}

/* ── SUBSCRIPTION TIER BADGE on avatar ──────────────────────────── */
.avt-wrap { position: relative; display: inline-block; }
.sub-tier-crown {
  position: absolute;
  top: -6px; right: -6px;
  font-size: .7rem;
  line-height: 1;
  filter: drop-shadow(0 1px 2px rgba(0,0,0,.5));
  pointer-events: none;
}

/* Sidebar subscription label glow */
.sb-label .sub-glow {
  display: inline-block;
  animation: subGlow 2s ease-in-out infinite alternate;
}
@keyframes subGlow {
  from { filter: brightness(1); }
  to   { filter: brightness(1.4) drop-shadow(0 0 4px gold); }
}

/* ── SUBSCRIPTION HISTORY ROW ───────────────────────────────────── */
.sub-history-row {
  display: flex; align-items: center; gap: 10px;
  padding: 10px 0; border-bottom: .5px solid var(--border);
  font-size: .8rem;
}
.sub-history-row:last-child { border-bottom: none; }
.sub-badge-sm {
  display: inline-flex; align-items: center; gap: 3px;
  padding: 2px 8px; border-radius: 20px; font-size: .72rem; font-weight: 600;
  background: rgba(245,158,11,.12); color: var(--gold);
  border: .5px solid rgba(245,158,11,.3); flex-shrink: 0;
}

/* ── ONLINE PRESENCE PANEL ──────────────────────────────────────── */
#online-users-panel .online-dot {
  width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0;
  animation: onlinePulse 2s ease-in-out infinite;
}
@keyframes onlinePulse {
  0%,100% { opacity: 1; } 50% { opacity: .5; }
}
.platform-icon { font-size: .8rem; }