.banlist-player {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 220px;
  white-space: normal;
  word-break: break-word;
}

.banlist-player span {
  display: inline-block;
}

.banlist-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  image-rendering: pixelated;
  background: linear-gradient(135deg, rgba(126, 200, 255, 0.15), rgba(244, 212, 142, 0.1));
  border: 1px solid rgba(126, 200, 255, 0.25);
  flex-shrink: 0;
  overflow: hidden;
}

.banlist-avatar img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 1px;
}

.banlist-type {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.banlist-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.banlist-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #22c55e;
  display: inline-block;
}

.banlist-status.active .banlist-dot {
  background: #ff5f5f;
}

.banlist-status.expired .banlist-dot,
.banlist-status.cancelled .banlist-dot {
  background: #16b987;
}

.banlist-server {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 6px;
  background: rgba(180, 93, 15, 0.85);
  color: #ffd7a0;
  font-size: 0.9rem;
}

/* Force new Banlist theme even when an older global stylesheet is still present/cached. */
body .banlist-section { background: linear-gradient(180deg, rgba(5, 9, 14, 0.98) 0%, rgba(6, 10, 15, 0.98) 100%) !important; padding: 0 0 80px !important; margin-top: 0 !important; }
body .banlist-container { width: min(1220px, calc(100% - 32px)) !important; margin: 0 auto !important; padding-top: 22px !important; }
body .banlist-tabs { display: flex !important; justify-content: center !important; gap: 12px !important; flex-wrap: wrap !important; margin: -1px 0 24px !important; }
body .banlist-tab, body .banlist-icon-button, body .banlist-filters button, body .banlist-filters input, body .banlist-filters select { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important; background: rgba(232, 230, 225, 0.04) !important; border: 1px solid rgba(255, 255, 255, 0.14) !important; color: rgba(232, 230, 225, 0.9) !important; border-radius: 10px !important; min-height: 42px !important; box-shadow: none !important; }
body .banlist-tab.active, body .banlist-tab:hover { background: rgba(126, 200, 255, 0.12) !important; border-color: rgba(126, 200, 255, 0.42) !important; color: #7ec8ff !important; }
body .banlist-table-wrap { border-radius: 12px !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; overflow-x: auto !important; background: rgba(7, 12, 18, 0.88) !important; }
body .banlist-table { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important; min-width: 980px !important; border-collapse: collapse !important; }
body .banlist-table thead { background: rgba(126, 200, 255, 0.08) !important; }
body .banlist-table th, body .banlist-table td { padding: 14px 18px !important; color: rgba(232, 230, 225, 0.92) !important; white-space: nowrap !important; }
body .banlist-table tbody tr:nth-child(odd) { background: rgba(6, 10, 15, 0.65) !important; }
body .banlist-table tbody tr:nth-child(even) { background: rgba(10, 16, 24, 0.72) !important; }
body .banlist-player { display: flex !important; align-items: center !important; gap: 12px !important; min-width: 220px !important; }
body img.banlist-avatar { display: block !important; width: 40px !important; height: 40px !important; border-radius: 8px !important; image-rendering: pixelated !important; object-fit: cover !important; background: linear-gradient(135deg, rgba(126, 200, 255, 0.15), rgba(244, 212, 142, 0.1)) !important; border: 1px solid rgba(126, 200, 255, 0.25) !important; flex-shrink: 0 !important; }