/* ==========================================================================
   RADIO GRIND — CYBER METAL THEME 2.0 (Pixel-Perfect Polish)
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700;800;900&family=Manrope:wght@400;500;600;700;800;900&family=Unbounded:wght@500;600;700;800&display=swap');

:root {
  --rg-cm-bg0: #07090e;
  --rg-cm-bg1: #0c1017;
  --rg-cm-card: rgba(15, 19, 30, 0.85);
  --rg-cm-card-hover: rgba(22, 28, 44, 0.96);
  --rg-cm-card-border: rgba(255, 255, 255, 0.08);
  --rg-cm-card-border-hover: rgba(255, 46, 84, 0.5);
  
  --rg-cm-crimson: #ff2e54;
  --rg-cm-crimson-gradient: linear-gradient(135deg, #ff2e54, #ff4d6d);
  --rg-cm-crimson-glow: rgba(255, 46, 84, 0.45);
  --rg-cm-crimson-soft: rgba(255, 46, 84, 0.14);
  
  --rg-cm-cyan: #00e5ff;
  --rg-cm-cyan-glow: rgba(0, 229, 255, 0.4);
  --rg-cm-cyan-soft: rgba(0, 229, 255, 0.12);

  --rg-cm-text: #f3f6fc;
  --rg-cm-text-muted: #8292a7;
  --rg-cm-sidebar-width: 240px;
}

/* ==========================================================================
   PAGE BACKGROUND & SCROLLBAR
   ========================================================================== */
body.rg-theme-cyber-metal,
body.rg-theme-cyber-metal.bg-dark {
  background-color: var(--rg-cm-bg0) !important;
  background-image:
    radial-gradient(1100px 550px at 14% -10%, rgba(255, 46, 84, 0.15), transparent 60%),
    radial-gradient(900px 500px at 92% 5%, rgba(0, 229, 255, 0.12), transparent 55%),
    linear-gradient(180deg, #07090e 0%, #0c1017 60%, #07090e 100%) !important;
  background-attachment: fixed !important;
  color: var(--rg-cm-text) !important;
  font-family: 'Inter', 'Golos Text', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  letter-spacing: -0.012em !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
  padding-bottom: 0 !important;
}

/* Strict Premium Headings & Brand (Full Cyrillic & Latin Support) */
body.rg-theme-cyber-metal h1,
body.rg-theme-cyber-metal h2,
body.rg-theme-cyber-metal h3,
body.rg-theme-cyber-metal h4,
body.rg-theme-cyber-metal .artist-hero-name,
body.rg-theme-cyber-metal .profile-hero-name,
body.rg-theme-cyber-metal .favorites-hero-title,
body.rg-theme-cyber-metal .profile-page-title,
body.rg-theme-cyber-metal .rg-playlist-title-compact,
body.rg-theme-cyber-metal .rg-npc-title,
body.rg-theme-cyber-metal .rg-navbar .navbar-brand {
  font-family: 'Manrope', 'Golos Text', 'Inter', sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em !important;
}

body.rg-theme-cyber-metal .rg-navbar .navbar-brand {
  letter-spacing: 0.06em !important;
}

/* High-tech Space / Cyber Accents with full Cyrillic support */
body.rg-theme-cyber-metal .rg-section-tag,
body.rg-theme-cyber-metal .rg-live-badge {
  font-family: 'Unbounded', 'Manrope', sans-serif !important;
}

body.rg-theme-cyber-metal .rg-nav-section-label,
body.rg-theme-cyber-metal .artist-stat-lbl,
body.rg-theme-cyber-metal .artist-stat-num,
body.rg-theme-cyber-metal .track-table-header,
body.rg-theme-cyber-metal .favorites-stats-pill,
body.rg-theme-cyber-metal .rg-lang-btn,
body.rg-theme-cyber-metal .track-genre-pill,
body.rg-theme-cyber-metal .track-genre-badge,
body.rg-theme-cyber-metal .artist-compact-tag {
  font-family: 'Manrope', 'Golos Text', 'Inter', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
}

body.rg-theme-cyber-metal input,
body.rg-theme-cyber-metal button,
body.rg-theme-cyber-metal select,
body.rg-theme-cyber-metal textarea {
  font-family: 'Inter', 'Golos Text', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

body.rg-theme-cyber-metal .track-title,
body.rg-theme-cyber-metal .artist-compact-album-title {
  font-family: 'Manrope', 'Golos Text', 'Inter', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -0.015em !important;
}

body.rg-theme-cyber-metal .artist-play-all-btn,
body.rg-theme-cyber-metal .artist-action-btn,
body.rg-theme-cyber-metal .favorites-play-btn,
body.rg-theme-cyber-metal .profile-submit-btn,
body.rg-theme-cyber-metal .rg-premium-btn,
body.rg-theme-cyber-metal .rg-playlist-btn-play {
  font-family: 'Manrope', 'Inter', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
}

body.rg-theme-cyber-metal ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
body.rg-theme-cyber-metal ::-webkit-scrollbar-track {
  background: rgba(8, 10, 15, 0.8);
}
body.rg-theme-cyber-metal ::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.18);
  border-radius: 999px;
}
body.rg-theme-cyber-metal ::-webkit-scrollbar-thumb:hover {
  background: var(--rg-cm-crimson);
}

/* ==========================================================================
   SIDEBAR NAVIGATION
   ========================================================================== */
@media (min-width: 992px) {
  body.rg-theme-cyber-metal .rg-navbar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    width: var(--rg-cm-sidebar-width) !important;
    height: 100vh !important;
    z-index: 1020 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    padding: 24px 14px 18px 14px !important;
    background: rgba(10, 13, 20, 0.96) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border-right: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-bottom: none !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  body.rg-theme-cyber-metal .rg-navbar .container {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
  }

  body.rg-theme-cyber-metal .rg-navbar .navbar-brand {
    font-size: 1.18rem !important;
    font-weight: 900 !important;
    letter-spacing: 0.1em !important;
    padding: 0 6px 20px 6px !important;
    margin: 0 0 16px 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
  }
  body.rg-theme-cyber-metal .rg-navbar .navbar-brand .brand-accent {
    color: var(--rg-cm-crimson) !important;
    text-shadow: 0 0 16px var(--rg-cm-crimson-glow) !important;
  }
  body.rg-theme-cyber-metal .rg-navbar .navbar-brand::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--rg-cm-crimson);
    box-shadow: 0 0 14px var(--rg-cm-crimson), 0 0 24px var(--rg-cm-crimson);
    animation: rg-live-pulse 2s infinite ease-in-out;
  }

  body.rg-theme-cyber-metal .rg-navbar .navbar-collapse {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    min-height: 0 !important;
  }

  /* Micro Section Headers */
  body.rg-theme-cyber-metal .rg-nav-section-label {
    font-size: 0.72rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.12em !important;
    color: #475569 !important;
    text-transform: uppercase !important;
    padding: 0 12px 6px 12px !important;
    margin-bottom: 2px !important;
    user-select: none !important;
  }

  body.rg-theme-cyber-metal .rg-navbar .navbar-nav {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    width: 100% !important;
    margin: 0 !important;
  }

  body.rg-theme-cyber-metal .rg-navbar .nav-link:hover {
    color: #ffffff !important;
    background: rgba(0, 229, 255, 0.08) !important;
    transform: translateX(4px);
  }
  body.rg-theme-cyber-metal .rg-navbar .nav-link:hover::before {
    opacity: 1;
    filter: drop-shadow(0 0 8px var(--rg-cm-cyan));
  }

  body.rg-theme-cyber-metal .rg-navbar .nav-link.active {
    color: #ffffff !important;
    background: linear-gradient(90deg, rgba(0, 229, 255, 0.16) 0%, rgba(10, 15, 26, 0.7) 100%) !important;
    border: 1px solid rgba(0, 229, 255, 0.35) !important;
    border-left: 3.5px solid var(--rg-cm-cyan) !important;
    box-shadow: 0 0 22px rgba(0, 229, 255, 0.18), 0 4px 12px rgba(0, 0, 0, 0.4) !important;
    font-weight: 700 !important;
  }
  body.rg-theme-cyber-metal .rg-navbar .nav-link.active::before {
    opacity: 1;
    filter: drop-shadow(0 0 8px var(--rg-cm-cyan));
  }

  body.rg-theme-cyber-metal #rg-content {
    margin-left: var(--rg-cm-sidebar-width) !important;
    width: calc(100% - var(--rg-cm-sidebar-width)) !important;
    padding: 0 0 88px 0 !important;
  }

  body.rg-theme-cyber-metal #rg-content > .container {
    max-width: 1460px !important;
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
}

/* ==========================================================================
   GLOBAL SIDEBAR & NAVBAR SHARED COMPONENTS (Desktop & Mobile)
   ========================================================================== */

/* Navigation Links with Icons (Desktop + Mobile) */
body.rg-theme-cyber-metal .rg-navbar .nav-link {
  padding: 10px 14px !important;
  border-radius: 10px !important;
  color: var(--rg-cm-text-muted) !important;
  font-weight: 600 !important;
  font-size: 0.95rem !important;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
  display: flex !important;
  align-items: center !important;
  gap: 13px !important;
  position: relative !important;
}

body.rg-theme-cyber-metal .rg-navbar .nav-link::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.7;
  transition: all 0.2s ease;
  flex-shrink: 0;
}

body.rg-theme-cyber-metal .rg-navbar .nav-link[href*="board"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238899ac'%3E%3Cpath d='M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z'/%3E%3C/svg%3E");
}
body.rg-theme-cyber-metal .rg-navbar .nav-link[href*="about"]::before,
body.rg-theme-cyber-metal .rg-navbar .nav-link[data-bs-target*="rgAboutModal"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238899ac'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z'/%3E%3C/svg%3E");
}
body.rg-theme-cyber-metal .rg-navbar .nav-link[href*="artist"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238899ac'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E");
}
body.rg-theme-cyber-metal .rg-navbar .nav-link[href*="profile"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238899ac'%3E%3Cpath d='M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z'/%3E%3C/svg%3E");
}
body.rg-theme-cyber-metal .rg-navbar .nav-link[href*="favorites"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238899ac'%3E%3Cpath d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/svg%3E");
}
body.rg-theme-cyber-metal .rg-navbar .nav-link[href*="playlists"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238899ac'%3E%3Cpath d='M15 6H3v2h12V6zm0 4H3v2h12v-2zM3 16h8v-2H3v2zM17 6v8.18c-.31-.11-.65-.18-1-.18-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3V8h3V6h-5z'/%3E%3C/svg%3E");
}
body.rg-theme-cyber-metal .rg-navbar .nav-link[href*="radio.grindmedia.ru"]::before,
body.rg-theme-cyber-metal .rg-navbar .rg-nav-link-radio::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238899ac'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12c0 3.82 2.14 7.14 5.3 8.84l1.02-1.74C5.78 17.65 4 15.03 4 12c0-4.42 3.58-8 8-8s8 3.58 8 8c0 3.03-1.78 5.65-4.32 7.1l1.02 1.74C19.86 19.14 22 15.82 22 12c0-5.52-4.48-10-10-10zm0 4c-3.31 0-6 2.69-6 6 0 2.29 1.28 4.29 3.18 5.31l1.02-1.74C8.94 14.82 8 13.51 8 12c0-2.21 1.79-4 4-4s4 1.79 4 4c0 1.51-.94 2.82-2.2 3.57l1.02 1.74C16.72 16.29 18 14.29 18 12c0-3.31-2.69-6-6-6zm0 4c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z'/%3E%3C/svg%3E");
}
body.rg-theme-cyber-metal .rg-navbar .nav-link[href*="chat.grindmedia.ru"]::before,
body.rg-theme-cyber-metal .rg-navbar .rg-nav-link-chat::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238899ac'%3E%3Cpath d='M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM6 9h12v2H6V9zm8 5H6v-2h8v2zm4-6H6V6h12v2z'/%3E%3C/svg%3E");
}
body.rg-theme-cyber-metal .rg-navbar .nav-link[href*="events"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238899ac'%3E%3Cpath d='M13.5.67s.74 2.65.74 4.8c0 2.06-1.35 3.73-3.41 3.73-2.07 0-3.63-1.67-3.63-3.73l.03-.36C5.21 7.51 4 10.62 4 14c0 4.42 3.58 8 8 8s8-3.58 8-8C20 8.61 17.41 3.8 13.5.67zM11.71 19c-1.78 0-3.22-1.4-3.22-3.14 0-1.62 1.05-2.76 2.81-3.12 1.77-.36 3.6-1.21 4.62-2.58.39 1.29.59 2.65.59 4.04 0 2.65-2.15 4.8-4.8 4.8z'/%3E%3C/svg%3E");
}

/* Live Radio Pulse Badge (Desktop + Mobile) */
body.rg-theme-cyber-metal .rg-live-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  margin-left: auto !important;
  padding: 1px 6px !important;
  border-radius: 4px !important;
  background: rgba(255, 46, 84, 0.18) !important;
  border: 1px solid rgba(255, 46, 84, 0.45) !important;
  color: #ff4769 !important;
  font-size: 0.62rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}
body.rg-theme-cyber-metal .rg-live-badge-dot {
  width: 5px !important;
  height: 5px !important;
  border-radius: 50% !important;
  background: #ff4769 !important;
  box-shadow: 0 0 6px #ff4769 !important;
  animation: rgPulseLive 1.4s infinite ease-in-out !important;
}

/* Language Switcher Pill (Desktop + Mobile) */
body.rg-theme-cyber-metal .rg-lang-pill {
  display: inline-flex !important;
  align-items: center !important;
  background: rgba(14, 19, 32, 0.8) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 20px !important;
  padding: 2px 8px !important;
  gap: 4px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4) !important;
}
body.rg-theme-cyber-metal .rg-lang-btn {
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  color: #8c9cb0 !important;
  text-decoration: none !important;
  padding: 2px 6px !important;
  border-radius: 12px !important;
  transition: all 0.2s ease !important;
}
body.rg-theme-cyber-metal .rg-lang-btn:hover {
  color: #ffffff !important;
}
body.rg-theme-cyber-metal .rg-lang-btn.active {
  color: var(--rg-cm-cyan) !important;
  background: rgba(0, 229, 255, 0.16) !important;
  box-shadow: 0 0 10px rgba(0, 229, 255, 0.3) !important;
}
body.rg-theme-cyber-metal .rg-lang-sep {
  color: rgba(255, 255, 255, 0.2) !important;
  font-size: 0.7rem !important;
}

/* ==========================================================================
   GLOBAL SIDEBAR & NAVBAR SHARED COMPONENTS (Desktop & Mobile)
   ========================================================================== */

/* Micro Section Headers */
body.rg-theme-cyber-metal .rg-nav-section-label {
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  color: #475569 !important;
  text-transform: uppercase !important;
  padding: 0 12px 6px 12px !important;
  margin-bottom: 2px !important;
  user-select: none !important;
}

/* Search input in sidebar */
body.rg-theme-cyber-metal .rg-navbar-search {
  display: block !important;
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  position: relative !important;
  box-sizing: border-box !important;
}
body.rg-theme-cyber-metal .rg-navbar-search input,
body.rg-theme-cyber-metal .rg-navbar-search input.form-control {
  display: block !important;
  background: rgba(14, 18, 30, 0.7) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 10px !important;
  color: #fff !important;
  padding: 0 12px 0 36px !important;
  height: 40px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  font-size: 0.88rem !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  transition: all 0.2s ease !important;
}
body.rg-theme-cyber-metal .rg-navbar-search::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2364748b'%3E%3Cpath d='M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E") no-repeat center;
  background-size: contain;
  pointer-events: none;
  z-index: 2;
}
body.rg-theme-cyber-metal .rg-navbar-search input:focus {
  border-color: var(--rg-cm-cyan) !important;
  box-shadow: 0 0 14px var(--rg-cm-cyan-glow) !important;
  background: rgba(18, 24, 40, 0.95) !important;
}
body.rg-theme-cyber-metal .rg-navbar-search button { display: none !important; }

/* Pinned Bottom Dock */
body.rg-theme-cyber-metal .rg-navbar-bottom-dock {
  margin-top: auto !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  width: 100% !important;
  padding-top: 12px !important;
}

/* Admin button in sidebar (Matched to user card dark glass style) */
body.rg-theme-cyber-metal .rg-navbar .rg-premium-btn-admin {
  border-radius: 8px !important;
  background: rgba(14, 18, 30, 0.6) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #e2e8f0 !important;
  font-weight: 600 !important;
  padding: 0 12px !important;
  height: 40px !important;
  font-size: 0.88rem !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  text-decoration: none !important;
}
body.rg-theme-cyber-metal .rg-navbar .rg-premium-btn-admin svg {
  color: var(--rg-cm-cyan) !important;
  opacity: 0.85;
  transition: all 0.2s ease !important;
}
body.rg-theme-cyber-metal .rg-navbar .rg-premium-btn-admin:hover {
  background: rgba(22, 30, 48, 0.85) !important;
  border-color: rgba(0, 229, 255, 0.25) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35) !important;
  transform: translateY(-1px) !important;
}
body.rg-theme-cyber-metal .rg-navbar .rg-premium-btn-admin:hover svg {
  opacity: 1;
  filter: drop-shadow(0 0 6px var(--rg-cm-cyan));
}

body.rg-theme-cyber-metal .rg-navbar .rg-premium-btn-contest {
  border-radius: 8px !important;
  background: linear-gradient(135deg, rgba(87,190,238,0.14) 0%, rgba(6,182,212,0.22) 100%) !important;
  border: 1px solid rgba(87,190,238,0.38) !important;
  color: #67e8f9 !important;
  font-weight: 700 !important;
  padding: 0 12px !important;
  height: 40px !important;
  font-size: 0.88rem !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  text-decoration: none !important;
}
body.rg-theme-cyber-metal .rg-navbar .rg-premium-btn-contest:hover {
  background: linear-gradient(135deg, rgba(87,190,238,0.25) 0%, rgba(6,182,212,0.38) 100%) !important;
  border-color: rgba(87,190,238,0.65) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 16px rgba(87,190,238,0.25) !important;
  transform: translateY(-1px) !important;
}

/* Compact User Card in Sidebar */
body.rg-theme-cyber-metal .rg-sidebar-user-card {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 8px 10px !important;
  border-radius: 10px !important;
  background: rgba(14, 18, 30, 0.6) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  width: 100% !important;
  box-sizing: border-box !important;
  text-decoration: none !important;
  color: #ffffff !important;
}
body.rg-theme-cyber-metal .rg-sidebar-user-card:hover {
  background: rgba(22, 30, 48, 0.85) !important;
  border-color: rgba(0, 229, 255, 0.25) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35) !important;
  color: #ffffff !important;
}
body.rg-theme-cyber-metal .rg-sidebar-user-avatar {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  border: 1.5px solid rgba(255, 255, 255, 0.15) !important;
  background: #0d121d !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}
body.rg-theme-cyber-metal .rg-sidebar-user-avatar img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
body.rg-theme-cyber-metal .rg-sidebar-user-avatar-ph {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--rg-cm-cyan) !important;
  font-weight: 700 !important;
  font-size: 0.82rem !important;
  background: rgba(0, 229, 255, 0.1) !important;
}
body.rg-theme-cyber-metal .rg-sidebar-user-info {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
}
body.rg-theme-cyber-metal .rg-sidebar-user-name {
  font-weight: 700 !important;
  color: #ffffff !important;
  font-size: 0.82rem !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
body.rg-theme-cyber-metal .rg-sidebar-user-status {
  font-size: 0.66rem !important;
  color: #64748b !important;
  font-weight: 500 !important;
  margin-top: 1px !important;
}
body.rg-theme-cyber-metal .rg-sidebar-user-arrow {
  color: #64748b !important;
  flex-shrink: 0 !important;
  transition: all 0.2s ease !important;
}
body.rg-theme-cyber-metal .rg-sidebar-user-card:hover .rg-sidebar-user-arrow {
  color: var(--rg-cm-cyan) !important;
  transform: translateX(2px) !important;
}

/* ==========================================================================
   MOBILE HEADER & HIGH-PERFORMANCE INSTANT DROPDOWN
   ========================================================================== */
@media (max-width: 991.98px) {
  body.rg-theme-cyber-metal .rg-navbar {
    position: sticky !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    background: rgba(10, 13, 20, 0.98) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-right: none !important;
    padding: 10px 16px !important;
    z-index: 1060 !important;
  }
  body.rg-theme-cyber-metal .navbar-toggler.rg-navbar-toggler {
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border-radius: 10px !important;
    padding: 6px 10px !important;
    outline: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  body.rg-theme-cyber-metal .navbar-toggler.rg-navbar-toggler:focus {
    border-color: var(--rg-cm-cyan) !important;
    box-shadow: 0 0 14px var(--rg-cm-cyan-glow) !important;
  }

  /* High-Performance Luxury Cyber Dropdown Menu */
  body.rg-theme-cyber-metal .rg-navbar .navbar-collapse {
    background: rgba(10, 14, 24, 0.98) !important;
    backdrop-filter: blur(28px) saturate(200%) !important;
    -webkit-backdrop-filter: blur(28px) saturate(200%) !important;
    border: 1px solid rgba(0, 229, 255, 0.25) !important;
    border-radius: 16px !important;
    padding: 16px 14px 140px 14px !important;
    margin-top: 10px !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.95), 0 0 30px rgba(0, 229, 255, 0.12) !important;
    max-height: calc(100vh - 75px) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    position: relative !important;
    z-index: 1070 !important;
    will-change: transform, opacity !important;
  }

  body.rg-theme-cyber-metal .rg-navbar .navbar-collapse.collapsing {
    display: block !important;
    height: auto !important;
    opacity: 0 !important;
    transform: translateY(-6px) scale(0.99) !important;
    transition: opacity 0.15s cubic-bezier(0.16, 1, 0.3, 1), transform 0.15s cubic-bezier(0.16, 1, 0.3, 1) !important;
    overflow: hidden !important;
    visibility: visible !important;
  }

  body.rg-theme-cyber-metal .rg-navbar .navbar-collapse.show {
    opacity: 1 !important;
    transform: translateY(0) scale(1) !important;
    transition: opacity 0.15s cubic-bezier(0.16, 1, 0.3, 1), transform 0.15s cubic-bezier(0.16, 1, 0.3, 1) !important;
  }

  body.rg-theme-cyber-metal .rg-navbar .nav-link {
    padding: 11px 14px !important;
    border-radius: 10px !important;
    color: #cbd5e1 !important;
    font-size: 0.92rem !important;
    font-weight: 600 !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 2px !important;
    transition: all 0.15s ease !important;
  }

  body.rg-theme-cyber-metal .rg-navbar .nav-link::before {
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    opacity: 0.85 !important;
    flex-shrink: 0 !important;
  }

  body.rg-theme-cyber-metal .rg-navbar .nav-link:hover {
    color: #ffffff !important;
    background: rgba(0, 229, 255, 0.10) !important;
  }

  body.rg-theme-cyber-metal .rg-navbar .nav-link.active {
    color: #ffffff !important;
    background: linear-gradient(90deg, rgba(0, 229, 255, 0.18) 0%, rgba(10, 15, 26, 0.7) 100%) !important;
    border: 1px solid rgba(0, 229, 255, 0.35) !important;
    border-left: 3.5px solid var(--rg-cm-cyan) !important;
    box-shadow: 0 0 16px rgba(0, 229, 255, 0.15) !important;
  }

  body.rg-theme-cyber-metal .rg-navbar .rg-live-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    margin-left: auto !important;
    padding: 1px 6px !important;
    border-radius: 4px !important;
    background: rgba(255, 46, 84, 0.18) !important;
    border: 1px solid rgba(255, 46, 84, 0.45) !important;
    color: #ff4769 !important;
    font-size: 0.62rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.08em !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
  }
  body.rg-theme-cyber-metal .rg-navbar .rg-live-badge-dot {
    width: 5px !important;
    height: 5px !important;
    border-radius: 50% !important;
    background: #ff4769 !important;
    box-shadow: 0 0 6px #ff4769 !important;
    animation: rgPulseLive 1.4s infinite ease-in-out !important;
  }

  body.rg-theme-cyber-metal #rg-content {
    padding-bottom: 110px !important;
  }
}

@media (max-width: 991.98px) {
  /* Hardware Composite Layer Isolation for Sticky/Fixed UI (Prevents scroll repaints) */
  body.rg-theme-cyber-metal .rg-navbar,
  body.rg-theme-cyber-metal .rg-player-bar,
  body.rg-theme-cyber-metal #rg-bottom-player,
  body.rg-theme-cyber-metal .rg-player-mobile-sheet {
    transform: translateZ(0) !important;
    backface-visibility: hidden !important;
  }

  /* Disable heavy multi-pass blur on repeated scrolling elements to free mobile GPU */
  body.rg-theme-cyber-metal .track-card.track-list-row,
  body.rg-theme-cyber-metal .artist-compact-album-card,
  body.rg-theme-cyber-metal .rg-hero-hub-widget,
  body.rg-theme-cyber-metal .rg-author-avatar-btn,
  body.rg-theme-cyber-metal .rg-sidebar-user-card,
  body.rg-theme-cyber-metal .track-fav-inline,
  body.rg-theme-cyber-metal .track-cover-btn,
  body.rg-theme-cyber-metal .rg-now-playing-card,
  body.rg-theme-cyber-metal .rg-segmented-filter-dock {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  body.rg-theme-cyber-metal #rg-content,
  body.rg-theme-cyber-metal #rg-content > .container,
  body.rg-theme-cyber-metal .container[data-rg-page],
  body.rg-theme-cyber-metal #artistTracksGrid,
  body.rg-theme-cyber-metal #newTracksGrid,
  body.rg-theme-cyber-metal #popularTracksGrid,
  body.rg-theme-cyber-metal .contest-tracks-scroll-wrap {
    padding-bottom: 220px !important;
  }
}

@media (max-width: 575.98px) {
  body.rg-theme-cyber-metal #rg-content,
  body.rg-theme-cyber-metal #rg-content > .container,
  body.rg-theme-cyber-metal .container[data-rg-page],
  body.rg-theme-cyber-metal #artistTracksGrid,
  body.rg-theme-cyber-metal #newTracksGrid,
  body.rg-theme-cyber-metal #popularTracksGrid,
  body.rg-theme-cyber-metal .contest-tracks-scroll-wrap {
    padding-bottom: 240px !important;
  }
}

/* ==========================================================================
   HERO BANNER (BORDERLESS AMBIENT EDITION)
   ========================================================================== */
body.rg-theme-cyber-metal .rg-board-block-hero.card {
  position: relative !important;
  border-radius: 20px !important;
  border: none !important;
  background:
    radial-gradient(ellipse at 18% 40%, rgba(255, 46, 84, 0.1), transparent 55%),
    radial-gradient(ellipse at 85% 50%, rgba(0, 229, 255, 0.08), transparent 50%),
    linear-gradient(165deg, rgba(14, 18, 28, 0.65), rgba(8, 11, 18, 0.4)) !important;
  backdrop-filter: blur(28px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(180%) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4) !important;
  overflow: hidden !important;
}

body.rg-theme-cyber-metal .rg-board-block-hero.card::after {
  content: "";
  position: absolute;
  top: 15px;
  right: 20px;
  bottom: 15px;
  width: 48%;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 140'%3E%3Cg fill='%23ff2e54' opacity='0.85'%3E%3Crect x='10' y='60' width='4' height='20' rx='2'/%3E%3Crect x='18' y='50' width='4' height='40' rx='2'/%3E%3Crect x='26' y='35' width='4' height='70' rx='2'/%3E%3Crect x='34' y='45' width='4' height='50' rx='2'/%3E%3Crect x='42' y='20' width='4' height='100' rx='2'/%3E%3Crect x='50' y='40' width='4' height='60' rx='2'/%3E%3Crect x='58' y='10' width='4' height='120' rx='2'/%3E%3Crect x='66' y='30' width='4' height='80' rx='2'/%3E%3Crect x='74' y='15' width='4' height='110' rx='2'/%3E%3Crect x='82' y='45' width='4' height='50' rx='2'/%3E%3Crect x='90' y='25' width='4' height='90' rx='2'/%3E%3Crect x='98' y='55' width='4' height='30' rx='2'/%3E%3Crect x='106' y='18' width='4' height='104' rx='2'/%3E%3Crect x='114' y='38' width='4' height='64' rx='2'/%3E%3Crect x='122' y='5' width='4' height='130' rx='2'/%3E%3Crect x='130' y='28' width='4' height='84' rx='2'/%3E%3Crect x='138' y='48' width='4' height='44' rx='2'/%3E%3Crect x='146' y='12' width='4' height='116' rx='2'/%3E%3C/g%3E%3Cg fill='%2300e5ff' opacity='0.9'%3E%3Crect x='154' y='32' width='4' height='76' rx='2'/%3E%3Crect x='162' y='8' width='4' height='124' rx='2'/%3E%3Crect x='170' y='42' width='4' height='56' rx='2'/%3E%3Crect x='178' y='22' width='4' height='96' rx='2'/%3E%3Crect x='186' y='52' width='4' height='36' rx='2'/%3E%3Crect x='194' y='15' width='4' height='110' rx='2'/%3E%3Crect x='202' y='35' width='4' height='70' rx='2'/%3E%3Crect x='210' y='5' width='4' height='130' rx='2'/%3E%3Crect x='218' y='25' width='4' height='90' rx='2'/%3E%3Crect x='226' y='45' width='4' height='50' rx='2'/%3E%3Crect x='234' y='18' width='4' height='104' rx='2'/%3E%3Crect x='242' y='38' width='4' height='64' rx='2'/%3E%3Crect x='250' y='10' width='4' height='120' rx='2'/%3E%3Crect x='258' y='50' width='4' height='40' rx='2'/%3E%3Crect x='266' y='30' width='4' height='80' rx='2'/%3E%3Crect x='274' y='60' width='4' height='20' rx='2'/%3E%3C/g%3E%3C/svg%3E") no-repeat right center;
  background-size: contain;
  opacity: 0.15;
  pointer-events: none;
  z-index: 1;
}

body.rg-theme-cyber-metal .rg-board-block-hero .p-4 {
  position: relative;
  z-index: 2;
  padding: 24px 28px !important;
}

body.rg-theme-cyber-metal .rg-hero-copy h1 {
  font-size: 1.85rem !important;
  font-weight: 800 !important;
  line-height: 1.15;
  color: #ffffff !important;
}

body.rg-theme-cyber-metal .rg-hero-copy .text-secondary {
  color: var(--rg-cm-text-muted) !important;
  font-size: 0.92rem;
  max-width: 660px;
}

/* ==========================================================================
   ABOUT PANEL & PROMO BLOCKS (BORDERLESS AMBIENT EDITION)
   ========================================================================== */
body.rg-theme-cyber-metal .container.rg-board-blocks,
body.rg-theme-cyber-metal .rg-board-blocks {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

body.rg-theme-cyber-metal .rg-board-block-about_panel {
  margin-top: 36px !important;
  margin-bottom: 0 !important;
}

body.rg-theme-cyber-metal .rg-board-block-promo {
  margin-bottom: 0 !important;
}

body.rg-theme-cyber-metal .rg-board-block-about_panel .card,
body.rg-theme-cyber-metal .rg-board-block-about_panel .rg-about-panel-card,
body.rg-theme-cyber-metal .rg-board-block-about_panel > div,
body.rg-theme-cyber-metal .rg-board-block-promo .card,
body.rg-theme-cyber-metal .rg-board-block-promo .rg-promo-card,
body.rg-theme-cyber-metal .rg-board-block-promo > div {
  background:
    radial-gradient(ellipse at 15% 50%, rgba(0, 229, 255, 0.05), transparent 60%),
    linear-gradient(165deg, rgba(14, 18, 28, 0.65) 0%, rgba(8, 11, 18, 0.4) 100%) !important;
  backdrop-filter: blur(28px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(180%) !important;
  border: none !important;
  border-radius: 18px !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4) !important;
  overflow: hidden !important;
  margin-bottom: 0 !important;
}

body.rg-theme-cyber-metal .rg-board-block-about_panel .p-4,
body.rg-theme-cyber-metal .rg-board-block-promo .p-4 {
  padding: 24px 28px !important;
}

body.rg-theme-cyber-metal .rg-board-block-about_panel .h5,
body.rg-theme-cyber-metal .rg-board-block-promo .h5 {
  font-size: 1.15rem !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  letter-spacing: -0.01em !important;
  text-transform: uppercase !important;
}

body.rg-theme-cyber-metal .rg-board-block-about_panel .text-secondary,
body.rg-theme-cyber-metal .rg-board-block-promo .text-secondary {
  color: #94a3b8 !important;
  font-size: 0.92rem !important;
  line-height: 1.6 !important;
}

body.rg-theme-cyber-metal .rg-board-block-promo .btn-outline-light {
  background: rgba(255, 255, 255, 0.05) !important;
  border: none !important;
  border-radius: 8px !important;
  color: #e2e8f0 !important;
  padding: 8px 18px !important;
  font-weight: 600 !important;
  font-size: 0.82rem !important;
  transition: all 0.2s ease !important;
}
body.rg-theme-cyber-metal .rg-board-block-promo .btn-outline-light:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  color: var(--rg-cm-cyan) !important;
  box-shadow: 0 0 12px rgba(0, 229, 255, 0.2) !important;
}

/* ==========================================================================
   CYBER GLASS QUICK ACTION HUB (Live Radio & Android APK)
   ========================================================================== */
body.rg-theme-cyber-metal .rg-hero-actions {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}

body.rg-theme-cyber-metal .rg-hero-hub-widget {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  height: 50px !important;
  padding: 0 16px !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.04) !important;
  backdrop-filter: blur(20px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
  border: none !important;
  color: #ffffff !important;
  text-decoration: none !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Radio Live Widget */
body.rg-theme-cyber-metal .rg-hero-hub-radio:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35) !important;
  transform: translateY(-1px);
  color: #fff !important;
}

body.rg-theme-cyber-metal .rg-hub-live-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: rgba(255, 46, 84, 0.16) !important;
  border: 1px solid rgba(255, 46, 84, 0.4) !important;
  border-radius: 999px !important;
  padding: 3px 9px !important;
}
body.rg-theme-cyber-metal .rg-hub-live-dot {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: var(--rg-cm-crimson) !important;
  box-shadow: 0 0 10px var(--rg-cm-crimson) !important;
  animation: rg-live-pulse 1.8s infinite ease-in-out;
}
body.rg-theme-cyber-metal .rg-hub-live-label {
  font-size: 0.68rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  color: #ff5376 !important;
}
body.rg-theme-cyber-metal .rg-hub-info {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 1px !important;
  min-width: 0 !important;
}
body.rg-theme-cyber-metal .rg-hub-title {
  font-size: 0.88rem !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  letter-spacing: -0.01em !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
body.rg-theme-cyber-metal .rg-hub-sub {
  font-size: 0.72rem !important;
  color: #94a3b8 !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* 4 Animated Equalizer Wave Bars */
body.rg-theme-cyber-metal .rg-hub-wave-bars {
  display: flex !important;
  align-items: flex-end !important;
  gap: 3px !important;
  height: 18px !important;
  padding-left: 4px !important;
}
body.rg-theme-cyber-metal .rg-hub-wave-bars span {
  display: inline-block !important;
  width: 3px !important;
  background: var(--rg-cm-crimson) !important;
  border-radius: 999px !important;
  box-shadow: 0 0 8px var(--rg-cm-crimson-glow) !important;
  animation: rg-wave-bar 1.2s infinite ease-in-out alternate;
}
body.rg-theme-cyber-metal .rg-hub-wave-bars span:nth-child(1) { height: 60%; animation-delay: 0.1s; }
body.rg-theme-cyber-metal .rg-hub-wave-bars span:nth-child(2) { height: 100%; animation-delay: 0.3s; }
body.rg-theme-cyber-metal .rg-hub-wave-bars span:nth-child(3) { height: 40%; animation-delay: 0.2s; }
body.rg-theme-cyber-metal .rg-hub-wave-bars span:nth-child(4) { height: 80%; animation-delay: 0.4s; }

@keyframes rg-wave-bar {
  0% { height: 25%; }
  50% { height: 95%; }
  100% { height: 40%; }
}

/* APK Download Widget */
body.rg-theme-cyber-metal .rg-hero-hub-apk:hover {
  background: rgba(22, 28, 44, 0.95) !important;
  border-color: var(--rg-cm-cyan) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.6), 0 0 24px var(--rg-cm-cyan-glow), 0 1px 0 rgba(255, 255, 255, 0.2) inset !important;
  transform: translateY(-2px);
  color: #fff !important;
}
body.rg-theme-cyber-metal .rg-hub-apk-icon {
  width: 32px !important;
  height: 32px !important;
  border-radius: 10px !important;
  background: rgba(0, 229, 255, 0.12) !important;
  border: 1px solid rgba(0, 229, 255, 0.3) !important;
  color: var(--rg-cm-cyan) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 0 14px rgba(0, 229, 255, 0.2) !important;
}
body.rg-theme-cyber-metal .rg-hub-download-icon {
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: var(--rg-cm-text-muted) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.2s ease !important;
  margin-left: 2px !important;
}
body.rg-theme-cyber-metal .rg-hero-hub-apk:hover .rg-hub-download-icon {
  background: var(--rg-cm-cyan) !important;
  color: #000 !important;
  box-shadow: 0 0 12px var(--rg-cm-cyan-glow) !important;
  transform: translateY(1px);
}

/* Compact Mobile Hero Banner */
@media (max-width: 768px) {
  body.rg-theme-cyber-metal .rg-board-block-hero.card {
    border-radius: 16px !important;
    margin-bottom: 14px !important;
  }

  body.rg-theme-cyber-metal .rg-board-block-hero .p-4 {
    padding: 16px 14px !important;
  }

  body.rg-theme-cyber-metal .rg-hero-copy h1,
  body.rg-theme-cyber-metal .rg-hero-copy .display-6 {
    font-size: 1.35rem !important;
    margin-top: 2px !important;
    margin-bottom: 4px !important;
  }

  body.rg-theme-cyber-metal .rg-hero-copy .text-secondary {
    font-size: 0.80rem !important;
    line-height: 1.4 !important;
    margin-bottom: 12px !important;
  }

  body.rg-theme-cyber-metal .rg-hero-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    width: 100% !important;
  }

  body.rg-theme-cyber-metal .rg-hero-hub-widget {
    height: 46px !important;
    padding: 0 8px !important;
    gap: 6px !important;
    width: 100% !important;
    justify-content: flex-start !important;
    min-width: 0 !important;
  }

  body.rg-theme-cyber-metal .rg-hub-live-badge {
    padding: 2px 5px !important;
    gap: 4px !important;
    flex-shrink: 0 !important;
  }
  body.rg-theme-cyber-metal .rg-hub-live-label {
    font-size: 0.58rem !important;
  }

  body.rg-theme-cyber-metal .rg-hub-apk-icon {
    width: 26px !important;
    height: 26px !important;
    border-radius: 7px !important;
    flex-shrink: 0 !important;
  }
  body.rg-theme-cyber-metal .rg-hub-apk-icon svg {
    width: 14px !important;
    height: 14px !important;
  }

  body.rg-theme-cyber-metal .rg-hub-info {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    overflow: hidden !important;
  }

  body.rg-theme-cyber-metal .rg-hub-title {
    font-size: 0.72rem !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 1.1 !important;
  }
  body.rg-theme-cyber-metal .rg-hub-sub {
    font-size: 0.62rem !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 1.1 !important;
  }

  body.rg-theme-cyber-metal .rg-hub-wave-bars {
    display: none !important;
  }
  body.rg-theme-cyber-metal .rg-hub-download-icon {
    display: none !important;
  }

  /* Filters Dock on Mobile */
  body.rg-theme-cyber-metal .rg-board-block-hero.card::after {
    display: none !important;
  }

  body.rg-theme-cyber-metal .rg-navbar .navbar-brand {
    font-size: 1.12rem !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
  }

  body.rg-theme-cyber-metal .navbar-toggler.rg-navbar-toggler {
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    background: rgba(255, 255, 255, 0.05) !important;
    border-radius: 10px !important;
    width: 38px !important;
    height: 38px !important;
    padding: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  body.rg-theme-cyber-metal .navbar-toggler.rg-navbar-toggler .navbar-toggler-icon {
    width: 18px !important;
    height: 18px !important;
  }

  body.rg-theme-cyber-metal .rg-hero-filter-bar {
    margin-top: 14px !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }

  body.rg-theme-cyber-metal .rg-segmented-filter-dock {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    padding: 4px !important;
    gap: 4px !important;
    background: rgba(10, 14, 22, 0.6) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 12px !important;
  }
  body.rg-theme-cyber-metal .rg-segmented-filter-dock::-webkit-scrollbar {
    display: none !important;
  }

  body.rg-theme-cyber-metal .rg-dock-item,
  body.rg-theme-cyber-metal .rg-dock-item.btn-best-track,
  body.rg-theme-cyber-metal .rg-dock-item.btn-today-filter {
    flex: 0 0 auto !important;
    justify-content: center !important;
    padding: 0 12px !important;
    height: 36px !important;
    font-size: 0.78rem !important;
    white-space: nowrap !important;
  }
}

/* ==========================================================================
   VIP CYBER SEGMENTED FILTER DOCK & CAPSULE
   ========================================================================== */
body.rg-theme-cyber-metal .rg-hero-filter-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 24px !important;
}

/* Segmented Dock (All, Popular, Best, Today) */
body.rg-theme-cyber-metal .rg-segmented-filter-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 4px !important;
  background: rgba(10, 14, 22, 0.5) !important;
  backdrop-filter: blur(24px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3) !important;
}

body.rg-theme-cyber-metal .rg-dock-item,
body.rg-theme-cyber-metal .rg-dock-item.btn-best-track,
body.rg-theme-cyber-metal .rg-dock-item.btn-today-filter {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  height: 36px !important;
  padding: 0 14px !important;
  border-radius: 8px !important;
  background: transparent !important;
  border: none !important;
  color: #8899ac !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  position: relative !important;
}

body.rg-theme-cyber-metal .rg-dock-item::before,
body.rg-theme-cyber-metal .rg-dock-item.btn-best-track::before,
body.rg-theme-cyber-metal .rg-dock-item.btn-today-filter::before {
  display: none !important;
}

body.rg-theme-cyber-metal .rg-dock-item:hover,
body.rg-theme-cyber-metal .rg-dock-item.btn-best-track:hover,
body.rg-theme-cyber-metal .rg-dock-item.btn-today-filter:hover {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border: none !important;
  box-shadow: none !important;
}

body.rg-theme-cyber-metal .rg-dock-icon {
  color: #8899ac !important;
  transition: color 0.2s ease !important;
}
body.rg-theme-cyber-metal .rg-dock-icon-fire { color: #f97316 !important; }
body.rg-theme-cyber-metal .rg-dock-icon-star { color: #eab308 !important; }
body.rg-theme-cyber-metal .rg-dock-icon-genre { color: var(--rg-cm-cyan) !important; }
body.rg-theme-cyber-metal .rg-dock-icon-bolt { color: #38bdf8 !important; }

body.rg-theme-cyber-metal .rg-dock-item:hover {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.05) !important;
}
body.rg-theme-cyber-metal .rg-dock-item:hover .rg-dock-icon {
  color: #ffffff !important;
}

/* Active Dock Item — Sleek Subtle Frosted Pill */
body.rg-theme-cyber-metal .rg-dock-item.is-active {
  background: rgba(255, 255, 255, 0.08) !important;
  border: none !important;
  color: #ffffff !important;
  box-shadow: none !important;
}
body.rg-theme-cyber-metal .rg-dock-item.is-active .rg-dock-icon {
  color: #ffffff !important;
}

/* Dock Counter Badge */
body.rg-theme-cyber-metal .rg-dock-badge {
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  padding: 1px 6px !important;
  border-radius: 6px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: none !important;
  color: #cbd5e1 !important;
  margin-left: 2px !important;
}

/* Right Side: Genre Matrix Trigger Capsule */
body.rg-theme-cyber-metal .rg-genre-trigger-capsule {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  height: 44px !important;
  padding: 0 14px !important;
  border-radius: 12px !important;
  background: rgba(10, 14, 22, 0.5) !important;
  backdrop-filter: blur(24px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
  border: none !important;
  color: #ffffff !important;
  text-decoration: none !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3) !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
  white-space: nowrap !important;
}

body.rg-theme-cyber-metal .rg-trigger-icon-box {
  width: 26px !important;
  height: 26px !important;
  border-radius: 6px !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border: none !important;
  color: var(--rg-cm-cyan) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.rg-theme-cyber-metal .rg-trigger-title {
  font-size: 0.84rem !important;
  font-weight: 600 !important;
  color: #ffffff !important;
}

body.rg-theme-cyber-metal .rg-trigger-count {
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  padding: 1px 7px !important;
  border-radius: 6px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: none !important;
  color: #cbd5e1 !important;
}

body.rg-theme-cyber-metal .rg-trigger-chevron {
  color: var(--rg-cm-cyan) !important;
  transition: transform 0.2s ease !important;
}

body.rg-theme-cyber-metal .rg-genre-trigger-capsule:hover {
  background: rgba(16, 24, 38, 0.95) !important;
  border-color: var(--rg-cm-cyan) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.6), 0 0 20px var(--rg-cm-cyan-glow), 0 1px 0 rgba(255, 255, 255, 0.2) inset !important;
  transform: translateY(-2px);
  color: #fff !important;
}
body.rg-theme-cyber-metal .rg-genre-trigger-capsule:hover .rg-trigger-chevron {
  transform: translateY(1px);
}

body.rg-theme-cyber-metal .rg-genre-trigger-capsule.is-active {
  background: rgba(255, 46, 84, 0.2) !important;
  border-color: var(--rg-cm-crimson) !important;
  box-shadow: 0 0 24px var(--rg-cm-crimson-glow) !important;
}

.rg-genre-modal-backdrop {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background: rgba(4, 6, 10, 0.85) !important;
  backdrop-filter: blur(24px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
  z-index: 2147483600 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 20px !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity 0.22s ease, visibility 0.22s ease !important;
}
.rg-genre-modal-backdrop.is-visible {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.rg-genre-modal-dialog {
  background:
    radial-gradient(ellipse at 10% 10%, rgba(255, 46, 84, 0.14), transparent 50%),
    radial-gradient(ellipse at 90% 90%, rgba(0, 229, 255, 0.12), transparent 50%),
    rgba(11, 15, 24, 0.98) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 24px !important;
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.9), 0 0 45px rgba(255, 46, 84, 0.16), 0 1px 0 rgba(255, 255, 255, 0.2) inset !important;
  width: 100% !important;
  max-width: 940px !important;
  max-height: 88vh !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  transform: scale(0.95) translateY(10px);
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.rg-genre-modal-backdrop.is-visible .rg-genre-modal-dialog {
  transform: scale(1) translateY(0);
}

.rg-genre-modal-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 22px 28px 16px 28px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}
.rg-genre-modal-icon {
  font-size: 1.5rem !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 12px !important;
  background: rgba(0, 229, 255, 0.1) !important;
  border: 1px solid rgba(0, 229, 255, 0.3) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 0 16px rgba(0, 229, 255, 0.2) !important;
}
.rg-genre-modal-title {
  font-size: 1.3rem !important;
  font-weight: 800 !important;
  color: #fff !important;
  letter-spacing: -0.01em !important;
}
.rg-genre-modal-sub {
  color: #8899ac !important;
  font-size: 0.86rem !important;
}
.rg-genre-modal-close {
  background: transparent !important;
  border: none !important;
  color: #8899ac !important;
  font-size: 1.8rem !important;
  line-height: 1 !important;
  cursor: pointer !important;
  padding: 0 4px !important;
  transition: all 0.15s ease !important;
}
.rg-genre-modal-close:hover {
  color: var(--rg-cm-crimson) !important;
  transform: scale(1.2);
}

.rg-genre-modal-search-wrap {
  padding: 14px 28px 10px 28px !important;
  position: relative !important;
}
.rg-genre-live-search {
  width: 100% !important;
  background: rgba(0, 0, 0, 0.55) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 14px !important;
  color: #fff !important;
  font-size: 0.92rem !important;
  padding: 12px 42px 12px 42px !important;
  box-sizing: border-box !important;
  transition: all 0.2s ease !important;
}
.rg-genre-live-search:focus {
  outline: none !important;
  border-color: var(--rg-cm-cyan) !important;
  box-shadow: 0 0 20px var(--rg-cm-cyan-glow) !important;
  background: rgba(0, 0, 0, 0.75) !important;
}
.rg-genre-search-icon {
  position: absolute !important;
  left: 42px !important;
  top: 50% !important;
  transform: translateY(-38%) !important;
  font-size: 1rem !important;
  opacity: 0.6 !important;
  pointer-events: none !important;
}
.rg-genre-search-clear {
  position: absolute !important;
  right: 42px !important;
  top: 50% !important;
  transform: translateY(-38%) !important;
  background: transparent !important;
  border: none !important;
  color: #8899ac !important;
  font-size: 1rem !important;
  cursor: pointer !important;
  padding: 4px !important;
}
.rg-genre-search-clear:hover {
  color: #fff !important;
}

.rg-genre-modal-body {
  padding: 10px 28px 28px 28px !important;
  overflow-y: auto !important;
  flex: 1 1 auto !important;
}

/* Featured: All Tracks Pill */
.rg-genre-featured-bar {
  display: flex !important;
  gap: 10px !important;
}
.rg-genre-pill-all {
  padding: 8px 20px !important;
  font-size: 0.9rem !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

/* Categorized Clusters Grid */
.rg-genre-clusters-grid {
  display: flex !important;
  flex-direction: column !important;
  gap: 22px !important;
}

.rg-genre-cluster {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

.rg-genre-cluster-head {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding-bottom: 2px !important;
}
.rg-genre-cluster-icon {
  font-size: 1.1rem !important;
}
.rg-genre-cluster-title {
  font-size: 0.86rem !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  color: #ffffff !important;
  white-space: nowrap !important;
}
.rg-genre-cluster-count {
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  color: var(--cluster-color, var(--rg-cm-cyan)) !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 999px !important;
  padding: 1px 8px !important;
}
.rg-genre-cluster-line {
  flex: 1 1 auto !important;
  height: 1px !important;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.12), transparent) !important;
}

.rg-genre-pills-wrap {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

/* Sleek Genre Pill Tags (NOT box buttons) */
.rg-genre-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 7px 15px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #cbd5e1 !important;
  font-size: 0.84rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  backdrop-filter: blur(8px) !important;
}
.rg-genre-pill-dot {
  display: inline-block !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: var(--cluster-accent, var(--rg-cm-cyan)) !important;
  opacity: 0.7 !important;
  transition: all 0.2s ease !important;
}

.rg-genre-pill:hover {
  background: rgba(255, 46, 84, 0.14) !important;
  border-color: rgba(255, 46, 84, 0.5) !important;
  color: #ffffff !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(255, 46, 84, 0.25) !important;
}
.rg-genre-pill:hover .rg-genre-pill-dot {
  opacity: 1 !important;
  box-shadow: 0 0 8px var(--rg-cm-crimson) !important;
  background: var(--rg-cm-crimson) !important;
}

.rg-genre-pill.is-active {
  background: var(--rg-cm-crimson-gradient) !important;
  border-color: var(--rg-cm-crimson) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  box-shadow: 0 0 20px var(--rg-cm-crimson-glow) !important;
}
.rg-genre-pill.is-active .rg-genre-pill-dot {
  background: #ffffff !important;
  box-shadow: 0 0 8px #ffffff !important;
  opacity: 1 !important;
}
.rg-genre-pill-check {
  font-weight: 800 !important;
  font-size: 0.85rem !important;
  color: #ffffff !important;
}

/* ==========================================================================
   SECTION HEADERS & PAGINATION
   ========================================================================== */
body.rg-theme-cyber-metal .new-tracks-head,
body.rg-theme-cyber-metal .rg-board-block-new > .new-tracks-head,
body.rg-theme-cyber-metal #popular-tracks,
body.rg-theme-cyber-metal .popular-tracks-head,
body.rg-theme-cyber-metal .rg-board-block-popular > #popular-tracks,
body.rg-theme-cyber-metal .board-authors-head,
body.rg-theme-cyber-metal .board-authors-wrap {
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
  background: transparent !important;
  box-shadow: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.rg-theme-cyber-metal .rg-board-block-new .h5,
body.rg-theme-cyber-metal .new-tracks-head .h5 {
  font-size: 1.35rem !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  letter-spacing: -0.01em !important;
}

/* LUXURY CYBER GLASS PAGINATION DOCK */
body.rg-theme-cyber-metal .new-tracks-pager {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 4px 6px !important;
  background: rgba(14, 18, 28, 0.5) !important;
  backdrop-filter: blur(16px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
  border: none !important;
  border-radius: 10px !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
}

body.rg-theme-cyber-metal .new-tracks-page-btn {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  border-radius: 7px !important;
  border: none !important;
  background: rgba(255, 255, 255, 0.04) !important;
  color: #94a3b8 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: all 0.18s ease !important;
}

body.rg-theme-cyber-metal .new-tracks-page-btn svg {
  width: 15px !important;
  height: 15px !important;
  fill: currentColor !important;
  transition: transform 0.15s ease !important;
}

body.rg-theme-cyber-metal .new-tracks-page-btn:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  color: var(--rg-cm-cyan) !important;
  box-shadow: 0 0 10px rgba(0, 229, 255, 0.2) !important;
  transform: translateY(-1px);
}

body.rg-theme-cyber-metal .new-tracks-page-btn:active {
  transform: translateY(0) scale(0.95);
}

body.rg-theme-cyber-metal .new-tracks-page-btn.disabled,
body.rg-theme-cyber-metal .new-tracks-page-btn:disabled {
  opacity: 0.22 !important;
  pointer-events: none !important;
  background: transparent !important;
  border-color: transparent !important;
  color: #475569 !important;
  box-shadow: none !important;
  cursor: default !important;
}

body.rg-theme-cyber-metal .new-tracks-page-indicator {
  padding: 0 8px !important;
  font-size: 0.82rem !important;
  font-weight: 800 !important;
  color: #f1f5f9 !important;
  font-variant-numeric: tabular-nums !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  letter-spacing: 0.04em !important;
}

body.rg-theme-cyber-metal .new-tracks-page-indicator #newTracksPageCurrent {
  color: var(--rg-cm-cyan) !important;
}

body.rg-theme-cyber-metal .new-tracks-page-indicator .text-secondary {
  color: #64748b !important;
  font-weight: 400 !important;
}

body.rg-theme-cyber-metal .board-authors-wrap {
  margin-top: 20px !important;
  padding: 10px 0 16px 0 !important;
}

body.rg-theme-cyber-metal .board-authors-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 8px !important;
}

body.rg-theme-cyber-metal .board-authors-title {
  font-size: 1.15rem !important;
  font-weight: 800 !important;
  color: #fff !important;
  white-space: nowrap !important;
}

body.rg-theme-cyber-metal .board-authors-head .text-secondary {
  white-space: nowrap !important;
  font-size: 0.82rem !important;
}

/* LUXURY CYBER GLASS AUTHORS CONTROLS */
body.rg-theme-cyber-metal .board-authors-controls {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 4px 6px !important;
  background: rgba(14, 18, 28, 0.85) !important;
  backdrop-filter: blur(16px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  border-radius: 10px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.05) inset !important;
  flex-shrink: 0 !important;
}

@media (max-width: 576px) {
  body.rg-theme-cyber-metal .board-authors-title {
    font-size: 1.02rem !important;
    white-space: nowrap !important;
  }
  body.rg-theme-cyber-metal .board-authors-head .text-secondary {
    font-size: 0.74rem !important;
    white-space: nowrap !important;
  }
  body.rg-theme-cyber-metal .board-authors-controls {
    padding: 3px 5px !important;
    gap: 4px !important;
  }
  body.rg-theme-cyber-metal .board-authors-btn {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
  }
  body.rg-theme-cyber-metal .board-authors-btn svg {
    width: 13px !important;
    height: 13px !important;
  }
}

body.rg-theme-cyber-metal .board-authors-btn {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  border-radius: 7px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  background: rgba(255, 255, 255, 0.04) !important;
  color: #94a3b8 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: all 0.18s ease !important;
}

body.rg-theme-cyber-metal .board-authors-btn svg {
  width: 15px !important;
  height: 15px !important;
  fill: currentColor !important;
  transition: transform 0.15s ease !important;
}

body.rg-theme-cyber-metal .board-authors-btn:hover {
  background: rgba(0, 229, 255, 0.15) !important;
  border-color: rgba(0, 229, 255, 0.45) !important;
  color: var(--rg-cm-cyan) !important;
  box-shadow: 0 0 12px rgba(0, 229, 255, 0.3) !important;
  transform: translateY(-1px);
}

body.rg-theme-cyber-metal .board-authors-btn:active {
  transform: translateY(0) scale(0.95);
}

body.rg-theme-cyber-metal .board-authors-btn.disabled,
body.rg-theme-cyber-metal .board-authors-btn:disabled {
  opacity: 0.22 !important;
  pointer-events: none !important;
  background: transparent !important;
  border-color: transparent !important;
  color: #475569 !important;
  box-shadow: none !important;
  cursor: default !important;
}

body.rg-theme-cyber-metal #boardAuthorsCarousel {
  display: flex !important;
  gap: 20px !important;
  overflow-x: auto !important;
  padding: 12px 4px 6px 4px !important;
  scrollbar-width: none;
  align-items: flex-start !important;
  border: none !important;
}
body.rg-theme-cyber-metal #boardAuthorsCarousel::-webkit-scrollbar {
  display: none;
}

body.rg-theme-cyber-metal .board-author-item {
  flex: 0 0 88px !important;
  width: 88px !important;
  min-width: 88px !important;
  height: auto !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
body.rg-theme-cyber-metal .board-author-item:hover {
  transform: translateY(-3px);
}

body.rg-theme-cyber-metal .board-author-link {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  width: 100% !important;
  gap: 8px !important;
}

body.rg-theme-cyber-metal .board-author-avatar {
  width: 68px !important;
  height: 68px !important;
  min-width: 68px !important;
  min-height: 68px !important;
  border-radius: 50% !important;
  padding: 3px !important;
  background: linear-gradient(135deg, #ff2e54, #00e5ff) !important;
  box-shadow: 0 0 16px rgba(255, 46, 84, 0.45), 0 4px 12px rgba(0, 0, 0, 0.6) !important;
  overflow: hidden !important;
  transition: all 0.25s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
body.rg-theme-cyber-metal .board-author-item:hover .board-author-avatar {
  transform: scale(1.08);
  box-shadow: 0 0 24px rgba(255, 46, 84, 0.7), 0 0 16px rgba(0, 229, 255, 0.5) !important;
}

body.rg-theme-cyber-metal .board-author-avatar img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 50% !important;
  display: block !important;
  background: #151a24 !important;
}

body.rg-theme-cyber-metal .board-author-name {
  color: #ffffff !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 88px !important;
  margin: 0 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.01em !important;
}

/* ==========================================================================
   SECTION HEADERS, TAGS & VISUAL HIGHLIGHTS
   ========================================================================== */
body.rg-theme-cyber-metal .rg-section-head,
body.rg-theme-cyber-metal .new-tracks-head,
body.rg-theme-cyber-metal #new-tracks,
body.rg-theme-cyber-metal .popular-tracks-head,
body.rg-theme-cyber-metal #popular-tracks {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-bottom: 14px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: left !important;
}

body.rg-theme-cyber-metal .rg-section-head-left {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  text-align: left !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.rg-theme-cyber-metal .rg-section-head-left > div,
body.rg-theme-cyber-metal .rg-section-head-left .d-flex {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

body.rg-theme-cyber-metal .rg-section-title {
  font-size: 1.35rem !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  letter-spacing: -0.02em !important;
  line-height: 1.2 !important;
  text-align: left !important;
  margin: 0 !important;
}

body.rg-theme-cyber-metal .rg-section-subtitle {
  font-size: 0.82rem !important;
  color: #8c9cb0 !important;
  text-align: left !important;
  margin: 0 !important;
}

@media (max-width: 768px) {
  body.rg-theme-cyber-metal .rg-section-head,
  body.rg-theme-cyber-metal .new-tracks-head,
  body.rg-theme-cyber-metal #new-tracks,
  body.rg-theme-cyber-metal .popular-tracks-head,
  body.rg-theme-cyber-metal #popular-tracks {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    text-align: left !important;
  }

  body.rg-theme-cyber-metal .rg-section-head-left {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    align-items: flex-start !important;
    text-align: left !important;
  }

  body.rg-theme-cyber-metal .rg-section-head-left .d-flex {
    justify-content: flex-start !important;
    align-items: center !important;
    text-align: left !important;
  }

  body.rg-theme-cyber-metal .rg-section-title {
    font-size: 1.25rem !important;
    text-align: left !important;
  }

  body.rg-theme-cyber-metal .rg-section-subtitle {
    text-align: left !important;
  }

  body.rg-theme-cyber-metal .new-tracks-pager {
    flex-shrink: 0 !important;
    margin-left: auto !important;
    align-self: center !important;
  }
}

body.rg-theme-cyber-metal .rg-section-tag {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 3px 9px !important;
  border-radius: 6px !important;
  font-size: 0.68rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
}

body.rg-theme-cyber-metal .rg-section-tag--new {
  background: rgba(0, 229, 255, 0.12) !important;
  border: 1px solid rgba(0, 229, 255, 0.35) !important;
  color: var(--rg-cm-cyan) !important;
  box-shadow: 0 0 14px rgba(0, 229, 255, 0.25) !important;
}

body.rg-theme-cyber-metal .rg-section-tag--popular {
  background: rgba(255, 46, 84, 0.14) !important;
  border: 1px solid rgba(255, 46, 84, 0.4) !important;
  color: #ff3366 !important;
  box-shadow: 0 0 14px rgba(255, 46, 84, 0.28) !important;
}

/* SECTION SEPARATION & GLOW DIVIDERS */
body.rg-theme-cyber-metal .rg-board-block-new {
  margin-bottom: 48px !important;
}

body.rg-theme-cyber-metal .rg-board-block-popular {
  margin-top: 56px !important;
  padding-top: 40px !important;
  position: relative !important;
}

body.rg-theme-cyber-metal .rg-board-block-popular::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent 0%, rgba(255, 46, 84, 0.45) 25%, rgba(0, 229, 255, 0.35) 75%, transparent 100%) !important;
  box-shadow: 0 0 18px rgba(255, 46, 84, 0.35) !important;
}

/* ==========================================================================
   SPOTIFY PRO TRACK LIST TABLE VIEW (CONCEPT A - LUXURY UPGRADE)
   ========================================================================== */
body.rg-theme-cyber-metal #newTracksGrid,
body.rg-theme-cyber-metal #popularTracksGrid,
body.rg-theme-cyber-metal #artistTracksGrid,
body.rg-theme-cyber-metal #favoritesTracksGrid,
body.rg-theme-cyber-metal .rg-tracks-grid {
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

body.rg-theme-cyber-metal #newTracksGrid > .js-track-col,
body.rg-theme-cyber-metal #popularTracksGrid > .js-track-col,
body.rg-theme-cyber-metal #artistTracksGrid > .col-12,
body.rg-theme-cyber-metal #artistTracksGrid > [class*="col-"],
body.rg-theme-cyber-metal #favoritesTracksGrid > .col-12,
body.rg-theme-cyber-metal #favoritesTracksGrid > [class*="col-"] {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
  box-sizing: border-box !important;
  position: relative !important;
  overflow: visible !important;
}

/* Luxury Table Header Row */
body.rg-theme-cyber-metal .track-table-header {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 6px 16px !important;
  color: #64748b !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  background: rgba(14, 18, 28, 0.3) !important;
  border: none !important;
  border-radius: 10px !important;
  margin-bottom: 4px !important;
}
body.rg-theme-cyber-metal .track-th-index { width: 36px !important; text-align: center !important; flex: 0 0 36px !important; }
body.rg-theme-cyber-metal .track-th-track { flex: 1 1 0% !important; min-width: 0 !important; text-align: left !important; }
body.rg-theme-cyber-metal .track-th-lyrics,
body.rg-theme-cyber-metal .track-th-genre,
body.rg-theme-cyber-metal .track-th-duration,
body.rg-theme-cyber-metal .track-th-favorite,
body.rg-theme-cyber-metal .track-th-actions { display: none !important; }

/* Luxury Track List Row Card */
body.rg-theme-cyber-metal .track-card.track-list-row {
  background: rgba(14, 18, 28, 0.65) !important;
  border: 1px solid rgba(255, 255, 255, 0.04) !important;
  border-radius: 12px !important;
  padding: 6px 16px !important;
  min-height: 60px !important;
  height: 60px !important;
  width: 100% !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
  transition: transform 0.15s cubic-bezier(0.16, 1, 0.3, 1), background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  position: relative !important;
  overflow: visible !important;
}

body.rg-theme-cyber-metal .track-card.track-list-row:hover {
  background: rgba(22, 30, 48, 0.85) !important;
  border-color: rgba(0, 229, 255, 0.25) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35) !important;
}

body.rg-theme-cyber-metal .track-card.track-list-row.is-playing,
body.rg-theme-cyber-metal .track-card.track-list-row.is-active {
  background: linear-gradient(90deg, rgba(0, 229, 255, 0.12) 0%, rgba(14, 18, 28, 0.85) 100%) !important;
  border-color: rgba(0, 229, 255, 0.35) !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.45), inset 3px 0 0 var(--rg-cm-cyan) !important;
}

body.rg-theme-cyber-metal .track-card.track-list-row.is-playing .track-title {
  color: #ffffff !important;
}

/* Horizontal Table Row Layout */
body.rg-theme-cyber-metal .track-card.track-list-row .track-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 16px !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  overflow: visible !important;
}

/* 1. Track Index */
body.rg-theme-cyber-metal .track-list-index {
  width: 36px !important;
  flex: 0 0 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0.86rem !important;
  font-weight: 800 !important;
  color: #64748b !important;
  font-variant-numeric: tabular-nums !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
  transition: color 0.2s ease !important;
}

body.rg-theme-cyber-metal .track-card.track-list-row:hover .track-list-index {
  color: #ffffff !important;
}

body.rg-theme-cyber-metal .track-index-wave {
  display: none !important;
}

body.rg-theme-cyber-metal .track-card.track-list-row.is-playing .track-index-num {
  display: none !important;
}

body.rg-theme-cyber-metal .track-card.track-list-row.is-playing .track-index-wave {
  display: inline-flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 2.5px !important;
  height: 18px !important;
  width: 22px !important;
}

body.rg-theme-cyber-metal .track-card.track-list-row.is-playing .track-index-wave span {
  display: inline-block !important;
  width: 3.5px !important;
  height: 16px !important;
  background: var(--rg-cm-cyan) !important;
  border-radius: 2px !important;
  box-shadow: 0 0 10px var(--rg-cm-cyan), 0 0 16px rgba(0, 229, 255, 0.4) !important;
  transform-origin: bottom center !important;
  animation: rgTrackEqWaveBars 0.9s infinite ease-in-out alternate !important;
}

body.rg-theme-cyber-metal .track-card.track-list-row.is-playing .track-index-wave span:nth-child(1) {
  animation-delay: 0.0s !important;
  animation-duration: 0.75s !important;
}
body.rg-theme-cyber-metal .track-card.track-list-row.is-playing .track-index-wave span:nth-child(2) {
  animation-delay: 0.25s !important;
  animation-duration: 1.05s !important;
}
body.rg-theme-cyber-metal .track-card.track-list-row.is-playing .track-index-wave span:nth-child(3) {
  animation-delay: 0.5s !important;
  animation-duration: 0.85s !important;
}
body.rg-theme-cyber-metal .track-card.track-list-row.is-playing .track-index-wave span:nth-child(4) {
  animation-delay: 0.15s !important;
  animation-duration: 1.15s !important;
}

@keyframes rgTrackEqWaveBars {
  0% {
    transform: scaleY(0.2);
  }
  50% {
    transform: scaleY(1.0);
  }
  100% {
    transform: scaleY(0.35);
  }
}

/* 2. Cover Artwork (48x48px) */
body.rg-theme-cyber-metal .track-card.track-list-row .track-cover-btn {
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  border-radius: 10px !important;
  flex: 0 0 48px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.5) !important;
  position: relative !important;
  margin: 0 !important;
  transition: transform 0.2s ease !important;
}
body.rg-theme-cyber-metal .track-card.track-list-row:hover .track-cover-btn {
  transform: scale(1.04);
}
body.rg-theme-cyber-metal .track-card.track-list-row .track-cover-btn .playbadge .icon {
  width: 26px !important;
  height: 26px !important;
}

body.rg-theme-cyber-metal .track-cover-ph {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: radial-gradient(circle at 30% 30%, rgba(0, 229, 255, 0.14) 0%, rgba(14, 19, 32, 0.95) 75%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  position: absolute;
  top: 0;
  left: 0;
}

body.rg-theme-cyber-metal .track-cover-ph.d-none,
body.rg-theme-cyber-metal .track-cover-ph[style*="display: none"] {
  display: none !important;
}

body.rg-theme-cyber-metal .track-cover-ph-icon {
  width: 22px !important;
  height: 22px !important;
  fill: rgba(0, 229, 255, 0.5) !important;
  filter: drop-shadow(0 0 6px rgba(0, 229, 255, 0.35)) !important;
  transition: all 0.2s ease !important;
}

body.rg-theme-cyber-metal .track-card.track-list-row:hover .track-cover-ph-icon,
body.rg-theme-cyber-metal .track-card.track-list-row.is-playing .track-cover-ph-icon {
  fill: var(--rg-cm-cyan) !important;
  filter: drop-shadow(0 0 10px var(--rg-cm-cyan)) !important;
  transform: scale(1.1);
}

/* 3. Title & Artist Column */
body.rg-theme-cyber-metal .track-list-main {
  flex: 1 1 0% !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 2px !important;
}
body.rg-theme-cyber-metal .track-card.track-list-row .track-title {
  font-size: 0.96rem !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  margin: 0 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.01em !important;
  display: block !important;
}
body.rg-theme-cyber-metal .track-card.track-list-row .track-subline-text {
  font-size: 0.80rem !important;
  color: #8c9cb0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
body.rg-theme-cyber-metal .track-card.track-list-row .track-subline-text a {
  color: #8c9cb0 !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  transition: color 0.15s ease !important;
}
body.rg-theme-cyber-metal .track-card.track-list-row .track-subline-text a:hover {
  color: #ffffff !important;
}

body.rg-theme-cyber-metal .track-subline-sep {
  color: rgba(255, 255, 255, 0.28) !important;
  margin: 0 4px !important;
  font-size: 0.72rem !important;
  display: inline-block !important;
  vertical-align: middle !important;
}

body.rg-theme-cyber-metal .track-subline-genre {
  display: inline-flex !important;
  align-items: center !important;
  padding: 1px 5px !important;
  background: rgba(0, 229, 255, 0.08) !important;
  border: 1px solid rgba(0, 229, 255, 0.25) !important;
  border-radius: 4px !important;
  color: var(--rg-cm-cyan) !important;
  font-size: 0.64rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  line-height: 1.1 !important;
  vertical-align: middle !important;
  transition: all 0.15s ease !important;
}
body.rg-theme-cyber-metal .track-card.track-list-row:hover .track-subline-genre {
  background: rgba(0, 229, 255, 0.16) !important;
  border-color: rgba(0, 229, 255, 0.45) !important;
  color: #ffffff !important;
  box-shadow: 0 0 8px rgba(0, 229, 255, 0.25) !important;
}

/* 4. Dedicated Lyrics Column */
body.rg-theme-cyber-metal .track-list-lyrics {
  width: 75px !important;
  flex: 0 0 75px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
body.rg-theme-cyber-metal .track-list-lyrics .rg-lyrics-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 20px !important;
  padding: 0 8px !important;
  font-size: 0.70rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  margin: 0 !important;
  cursor: pointer !important;
}

/* 5. Genre Column */
body.rg-theme-cyber-metal .track-list-genre {
  width: 160px !important;
  flex: 0 0 160px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  display: flex !important;
  align-items: center !important;
  text-align: left !important;
}
body.rg-theme-cyber-metal .track-genre-pill,
body.rg-theme-cyber-metal .track-genre-badge {
  display: inline-block !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  color: var(--rg-cm-cyan) !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  letter-spacing: 0.02em !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-align: left !important;
  transition: color 0.15s ease !important;
}
body.rg-theme-cyber-metal .track-card.track-list-row:hover .track-genre-pill,
body.rg-theme-cyber-metal .track-card.track-list-row:hover .track-genre-badge {
  color: #ffffff !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.rg-theme-cyber-metal .track-genre-pill.is-empty,
body.rg-theme-cyber-metal .track-genre-badge.is-empty {
  color: #64748b !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}
@media (max-width: 991.98px) {
  body.rg-theme-cyber-metal .track-table-header {
    display: none !important;
  }
}

@media (max-width: 767.98px) {

  body.rg-theme-cyber-metal .track-table-header,
  body.rg-theme-cyber-metal .track-th-lyrics,
  body.rg-theme-cyber-metal .track-list-lyrics,
  body.rg-theme-cyber-metal .track-th-genre,
  body.rg-theme-cyber-metal .track-list-genre,
  body.rg-theme-cyber-metal .track-th-duration,
  body.rg-theme-cyber-metal .track-list-duration {
    display: none !important;
  }

  body.rg-theme-cyber-metal #newTracksGrid,
  body.rg-theme-cyber-metal #popularTracksGrid,
  body.rg-theme-cyber-metal #artistTracksGrid,
  body.rg-theme-cyber-metal #favoritesTracksGrid,
  body.rg-theme-cyber-metal .rg-tracks-grid {
    gap: 5px !important;
  }

  body.rg-theme-cyber-metal .track-card.track-list-row {
    padding: 6px 10px !important;
    min-height: 56px !important;
    height: 56px !important;
    border-radius: 10px !important;
    background: #0e1320 !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    box-shadow: none !important;
  }

  body.rg-theme-cyber-metal .track-card.track-list-row.is-playing,
  body.rg-theme-cyber-metal .track-card.track-list-row.is-active {
    background: linear-gradient(90deg, rgba(0, 229, 255, 0.12) 0%, #0e1320 100%) !important;
    border-color: rgba(0, 229, 255, 0.3) !important;
    box-shadow: inset 3px 0 0 var(--rg-cm-cyan) !important;
  }

  body.rg-theme-cyber-metal .track-card.track-list-row .track-row {
    gap: 8px !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
  }

  /* Compact Index / EQ on Mobile */
  body.rg-theme-cyber-metal .track-list-index {
    width: 22px !important;
    flex: 0 0 22px !important;
    font-size: 0.74rem !important;
    color: #64748b !important;
  }

  body.rg-theme-cyber-metal .track-card.track-list-row.is-playing .track-index-wave {
    width: 18px !important;
    height: 16px !important;
    gap: 2px !important;
  }

  body.rg-theme-cyber-metal .track-card.track-list-row.is-playing .track-index-wave span {
    width: 2.8px !important;
    height: 14px !important;
  }

  /* Compact Cover */
  body.rg-theme-cyber-metal .track-card.track-list-row .track-cover-btn {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    border-radius: 8px !important;
    flex: 0 0 44px !important;
  }

  /* Title & Artist - maximize available width */
  body.rg-theme-cyber-metal .track-list-main {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  body.rg-theme-cyber-metal .track-card.track-list-row .track-title {
    font-size: 0.88rem !important;
    font-weight: 700 !important;
    margin: 0 0 2px 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    letter-spacing: -0.01em !important;
  }

  body.rg-theme-cyber-metal .track-card.track-list-row .track-subline-text {
    font-size: 0.74rem !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  /* Compact Favorites & Actions on Mobile */
  body.rg-theme-cyber-metal .track-list-favorite {
    width: auto !important;
    flex: 0 0 auto !important;
    margin-left: auto !important;
  }

  body.rg-theme-cyber-metal .track-fav-inline {
    height: 28px !important;
    padding: 0 7px !important;
    font-size: 0.72rem !important;
    gap: 3px !important;
    border-radius: 6px !important;
  }

  body.rg-theme-cyber-metal .track-list-actions {
    width: 28px !important;
    flex: 0 0 28px !important;
  }
}

/* 5. Duration / Date Column (Hidden globally) */
body.rg-theme-cyber-metal .track-list-duration {
  display: none !important;
}

/* 6. Favorite Column */
body.rg-theme-cyber-metal .track-list-favorite {
  width: 65px !important;
  flex: 0 0 65px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* 7. Actions Column (Share Button) */
body.rg-theme-cyber-metal .track-list-actions {
  width: 40px !important;
  flex: 0 0 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
body.rg-theme-cyber-metal .track-card.track-list-row .track-share-btn {
  width: 26px !important;
  height: 26px !important;
  border-radius: 6px !important;
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  color: #64748b !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
}
body.rg-theme-cyber-metal .track-card.track-list-row .track-share-btn:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
  color: #ffffff !important;
  box-shadow: none !important;
  transform: none !important;
}

/* OVERRIDE CINEMATIC / OTHER PRESETS TO FORCE HORIZONTAL */
body.rg-theme-cyber-metal .track-row,
body.rg-theme-cyber-metal.rg-card-template-cinematic .track-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  padding: 0 !important;
  position: relative !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

body.rg-theme-cyber-metal .track-card.has-menu-open {
  z-index: 1050 !important;
  overflow: visible !important;
}

/* Left Square Cover (68x68px with dynamic play overlay) */
body.rg-theme-cyber-metal .track-cover-btn,
body.rg-theme-cyber-metal.rg-card-template-cinematic .track-cover-btn {
  width: 68px !important;
  min-width: 68px !important;
  max-width: 68px !important;
  height: 68px !important;
  min-height: 68px !important;
  max-height: 68px !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(255, 255, 255, 0.1) !important;
  position: relative !important;
  flex: 0 0 68px !important;
  margin: 0 !important;
  transition: transform 0.22s ease !important;
}
body.rg-theme-cyber-metal .track-card:hover .track-cover-btn {
  transform: scale(1.03);
}

body.rg-theme-cyber-metal .track-cover-btn img,
body.rg-theme-cyber-metal.rg-card-template-cinematic .track-cover-btn img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: filter 0.25s ease !important;
}
body.rg-theme-cyber-metal .track-card:hover .track-cover-btn img {
  filter: brightness(0.85);
}

body.rg-theme-cyber-metal .track-cover-btn .playbadge {
  background: rgba(0, 0, 0, 0.45) !important;
  backdrop-filter: blur(4px) !important;
  transition: all 0.25s ease !important;
}
body.rg-theme-cyber-metal .track-cover-btn .playbadge .icon {
  width: 30px !important;
  height: 30px !important;
  border-radius: 50% !important;
  background: var(--rg-cm-crimson-gradient) !important;
  box-shadow: 0 0 16px var(--rg-cm-crimson-glow) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
body.rg-theme-cyber-metal .track-cover-btn:hover .playbadge .icon {
  transform: scale(1.15);
}

/* Right Meta Column (Zero min-width to strictly honor flex shrinking) */
body.rg-theme-cyber-metal .track-meta,
body.rg-theme-cyber-metal.rg-card-template-cinematic .track-meta {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 2px !important;
  flex: 1 1 0% !important;
  min-width: 0 !important;
  width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

body.rg-theme-cyber-metal .track-topline {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
  overflow: hidden !important;
}
body.rg-theme-cyber-metal .track-topline-left {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
}
body.rg-theme-cyber-metal .track-topline-right {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  min-width: 0 !important;
}
body.rg-theme-cyber-metal .track-topline .text-secondary {
  display: none !important;
}

body.rg-theme-cyber-metal .track-genre-inline {
  color: var(--rg-cm-cyan) !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: block !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

/* In genre mode, hide repetitive genre badge on each card */
body.rg-theme-cyber-metal #newTracksGrid[data-server-genre-mode="1"] .track-genre-inline {
  display: none !important;
}

/* SLEEK COMPACT THREE-DOTS ACTION BUTTON */
body.rg-theme-cyber-metal .rg-track-action-menu {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
}

body.rg-theme-cyber-metal .track-card,
body.rg-theme-cyber-metal .track-card.track-list-row,
body.rg-theme-cyber-metal .track-row,
body.rg-theme-cyber-metal .track-list-actions,
body.rg-theme-cyber-metal .rg-track-action-menu,
body.rg-theme-cyber-metal .js-track-col {
  overflow: visible !important;
}

body.rg-theme-cyber-metal .artist-section-head,
body.rg-theme-cyber-metal .track-table-header {
  position: relative !important;
  z-index: 1 !important;
}

body.rg-theme-cyber-metal .js-track-col.has-menu-open,
body.rg-theme-cyber-metal .track-card.has-menu-open,
body.rg-theme-cyber-metal .rg-track-action-menu.is-open {
  overflow: visible !important;
  z-index: 999999 !important;
  position: relative !important;
  transform: none !important;
}

body.rg-theme-cyber-metal .rg-track-action-toggle {
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #8899ac !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 1rem !important;
  line-height: 1 !important;
  transition: all 0.15s ease !important;
  cursor: pointer !important;
}
body.rg-theme-cyber-metal .rg-track-action-toggle:hover,
body.rg-theme-cyber-metal .rg-track-action-menu.is-open .rg-track-action-toggle {
  background: rgba(0, 229, 255, 0.15) !important;
  border-color: rgba(0, 229, 255, 0.4) !important;
  color: var(--rg-cm-cyan) !important;
  box-shadow: 0 0 12px rgba(0, 229, 255, 0.35) !important;
  transform: scale(1.08) !important;
}
body.rg-theme-cyber-metal .rg-track-action-toggle svg {
  width: 16px !important;
  height: 16px !important;
  fill: currentColor !important;
}

/* DARK CYBER DROPDOWN PANEL */
body.rg-theme-cyber-metal .rg-track-action-panel {
  position: absolute !important;
  top: calc(100% + 6px) !important;
  right: 0 !important;
  left: auto !important;
  bottom: auto !important;
  transform: none !important;
  width: max-content !important;
  min-width: 200px !important;
  max-width: min(320px, 90vw) !important;
  background: #0c101a !important;
  backdrop-filter: blur(28px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(28px) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 14px !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.95), 0 0 25px rgba(0, 229, 255, 0.2) !important;
  padding: 6px 0 !important;
  z-index: 999999 !important;
  display: none;
  flex-direction: column !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}
body.rg-theme-cyber-metal .rg-track-action-menu.is-open .rg-track-action-panel {
  display: flex !important;
}

body.rg-theme-cyber-metal .rg-track-action-menu.opens-up .rg-track-action-panel {
  top: auto !important;
  bottom: calc(100% + 6px) !important;
  box-shadow: 0 -20px 50px rgba(0, 0, 0, 0.95), 0 0 25px rgba(0, 229, 255, 0.2) !important;
}

@media (max-width: 767.98px) {
  body.rg-theme-cyber-metal .rg-track-action-panel {
    right: 0 !important;
    left: auto !important;
    max-width: calc(100vw - 32px) !important;
  }
  body.rg-theme-cyber-metal .rg-track-action-menu.opens-up .rg-track-action-panel {
    top: auto !important;
    bottom: calc(100% + 6px) !important;
  }
}
body.rg-theme-cyber-metal .rg-track-action-item {
  color: #f3f6fc !important;
  background: transparent !important;
  border: none !important;
  width: 100% !important;
  text-align: left !important;
  padding: 9px 16px !important;
  font-size: 0.86rem !important;
  font-weight: 600 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}
body.rg-theme-cyber-metal .rg-track-action-item:hover,
body.rg-theme-cyber-metal .rg-track-action-item:focus {
  background: rgba(255, 46, 84, 0.15) !important;
  color: #ffffff !important;
}
body.rg-theme-cyber-metal .rg-track-action-item svg {
  width: 16px !important;
  height: 16px !important;
  fill: var(--rg-cm-cyan) !important;
  color: var(--rg-cm-cyan) !important;
  flex: 0 0 16px !important;
}

body.rg-theme-cyber-metal .track-share-btn {
  color: #64748b !important;
  background: transparent !important;
  border: none !important;
  padding: 0 2px !important;
  font-size: 0.85rem !important;
  line-height: 1 !important;
  flex: 0 0 auto !important;
  transition: color 0.15s !important;
}
body.rg-theme-cyber-metal .track-share-btn:hover {
  color: #fff !important;
}

/* STRICT TITLE TRUNCATE WITH ELLIPSIS */
body.rg-theme-cyber-metal .track-title,
body.rg-theme-cyber-metal.rg-card-template-cinematic .track-title {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  font-size: 0.90rem !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  margin: 0 !important;
  letter-spacing: -0.01em !important;
  line-height: 1.2 !important;
  box-sizing: border-box !important;
}

body.rg-theme-cyber-metal .track-subline-text {
  color: #8c9cb0 !important;
  font-size: 0.75rem !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  min-width: 0 !important;
  max-width: 100% !important;
  flex: 1 1 auto !important;
  line-height: 1.2 !important;
}
body.rg-theme-cyber-metal .track-subline-text a {
  color: #8c9cb0 !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}
body.rg-theme-cyber-metal .track-subline-text a:hover {
  color: #fff !important;
}

/* NO BOTTOM WAVEBARS ON CARDS */
body.rg-theme-cyber-metal .track-meta::after,
body.rg-theme-cyber-metal .track-row::after,
body.rg-theme-cyber-metal .track-card::after {
  display: none !important;
  content: none !important;
}

/* Track subline (bottom actions) */
body.rg-theme-cyber-metal .track-subline {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  min-width: 0 !important;
  gap: 6px !important;
  margin-top: 2px !important;
  overflow: hidden !important;
}

body.rg-theme-cyber-metal .rg-lyrics-badge {
  background: rgba(0, 229, 255, 0.12) !important;
  color: var(--rg-cm-cyan) !important;
  border: 1px solid rgba(0, 229, 255, 0.4) !important;
  border-radius: 6px !important;
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  padding: 1px 7px !important;
  flex: 0 0 auto !important;
  transition: all 0.2s ease !important;
  letter-spacing: 0.03em !important;
}
body.rg-theme-cyber-metal .rg-lyrics-badge:hover {
  background: var(--rg-cm-cyan) !important;
  color: #000 !important;
  box-shadow: 0 0 14px var(--rg-cm-cyan-glow) !important;
}

/* LIVE EQ ANIMATION (Relocated to leading track-index slot) */
body.rg-theme-cyber-metal .track-list-live-eq,
body.rg-theme-cyber-metal .track-card.track-list-row.is-playing .track-list-live-eq {
  display: none !important;
}

body.rg-theme-cyber-metal .track-list-live-eq span {
  display: inline-block !important;
  width: 3.5px !important;
  height: 16px !important;
  background: var(--rg-cm-cyan) !important;
  border-radius: 2px !important;
  box-shadow: 0 0 8px var(--rg-cm-cyan) !important;
  transform-origin: bottom center !important;
  animation: rgLiveEqStarBars 1s infinite ease-in-out alternate !important;
}

body.rg-theme-cyber-metal .track-list-live-eq span:nth-child(1) {
  animation-delay: 0.0s !important;
  animation-duration: 0.8s !important;
}
body.rg-theme-cyber-metal .track-list-live-eq span:nth-child(2) {
  animation-delay: 0.25s !important;
  animation-duration: 1.1s !important;
}
body.rg-theme-cyber-metal .track-list-live-eq span:nth-child(3) {
  animation-delay: 0.5s !important;
  animation-duration: 0.9s !important;
}
body.rg-theme-cyber-metal .track-list-live-eq span:nth-child(4) {
  animation-delay: 0.15s !important;
  animation-duration: 1.2s !important;
}

@keyframes rgLiveEqStarBars {
  0% {
    transform: scaleY(0.2);
  }
  50% {
    transform: scaleY(1.0);
  }
  100% {
    transform: scaleY(0.35);
  }
}

body.rg-theme-cyber-metal .track-fav-inline {
  color: #94a3b8 !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  background: rgba(255, 255, 255, 0.03) !important;
  border-radius: 6px !important;
  padding: 2px 7px !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  cursor: pointer;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  flex: 0 0 auto !important;
  box-shadow: none !important;
  transition: all 0.2s ease !important;
}
body.rg-theme-cyber-metal .track-fav-inline:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}
body.rg-theme-cyber-metal .track-fav-inline .track-fav-inline-star {
  font-size: 0.88rem !important;
  color: #94a3b8 !important;
  text-shadow: none !important;
}
body.rg-theme-cyber-metal .track-fav-inline.is-active {
  color: #ff4769 !important;
  background: rgba(255, 71, 105, 0.08) !important;
  border-color: rgba(255, 71, 105, 0.25) !important;
  box-shadow: none !important;
}
body.rg-theme-cyber-metal .track-fav-inline.is-active .track-fav-inline-star {
  color: #ff4769 !important;
  text-shadow: none !important;
}

/* ==========================================================================
   FLAGSHIP CYBER GLASS DOCK PLAYER
   ========================================================================== */
/* ==========================================================================
   FLAGSHIP CYBER GLASS DOCK PLAYER (PREMIUM STUDIO EDITION)
   ========================================================================== */
body.rg-theme-cyber-metal .mini-player {
  position: fixed !important;
  bottom: 14px !important;
  left: calc(var(--rg-cm-sidebar-width) + 20px) !important;
  right: 20px !important;
  z-index: 1040 !important;
  height: 78px !important;
  min-height: 78px !important;
  max-height: 78px !important;
  background: linear-gradient(165deg, rgba(14, 18, 28, 0.85) 0%, rgba(8, 11, 18, 0.7) 100%) !important;
  backdrop-filter: blur(30px) saturate(200%) !important;
  -webkit-backdrop-filter: blur(30px) saturate(200%) !important;
  border: none !important;
  border-radius: 18px !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.75) !important;
  padding: 0 22px !important;
  display: grid !important;
  grid-template-columns: minmax(220px, 1.2fr) minmax(320px, 2fr) minmax(230px, 1.2fr) !important;
  align-items: center !important;
  gap: 16px !important;
}

@media (max-width: 991.98px) {
  body.rg-theme-cyber-metal .mini-player {
    left: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
    height: auto !important;
    min-height: unset !important;
    max-height: unset !important;
    border-radius: 16px !important;
    border: none !important;
    padding: 12px 14px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
  }

  /* Specific mobile layout ONLY for the contest page player */
  body.rg-theme-cyber-metal .mini-player.rg-contest-mini-player {
    left: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
    height: auto !important;
    min-height: unset !important;
    max-height: unset !important;
    border-radius: 16px !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    padding: 8px 12px 10px 12px !important;
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    grid-template-rows: auto auto !important;
    gap: 6px 10px !important;
    align-items: center !important;
    background: rgba(12, 16, 26, 0.94) !important;
    backdrop-filter: blur(25px) saturate(200%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(200%) !important;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.85) !important;
  }

  /* Row 1, Col 1: Track Info */
  body.rg-theme-cyber-metal .mini-player.rg-contest-mini-player .mp-now {
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  body.rg-theme-cyber-metal .mini-player.rg-contest-mini-player .mp-now-cover {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    border-radius: 8px !important;
    flex: 0 0 40px !important;
  }

  body.rg-theme-cyber-metal .mini-player.rg-contest-mini-player .mp-now-title {
    font-size: 0.86rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.rg-theme-cyber-metal .mini-player.rg-contest-mini-player .mp-now-sub {
    font-size: 0.70rem !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  /* Row 1, Col 2: Controls */
  body.rg-theme-cyber-metal .mini-player.rg-contest-mini-player .mp-bottom {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    width: auto !important;
  }

  body.rg-theme-cyber-metal .mini-player.rg-contest-mini-player .mp-playbtn {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
  }

  body.rg-theme-cyber-metal .mini-player.rg-contest-mini-player .mp-playbtn svg {
    width: 18px !important;
    height: 18px !important;
  }

  body.rg-theme-cyber-metal .mini-player.rg-contest-mini-player .mp-iconbtn {
    padding: 4px !important;
  }

  body.rg-theme-cyber-metal .mini-player.rg-contest-mini-player .mp-iconbtn svg {
    width: 18px !important;
    height: 18px !important;
  }

  body.rg-theme-cyber-metal .mini-player.rg-contest-mini-player .mp-eqbtn {
    height: 28px !important;
    padding: 0 8px !important;
    font-size: 0.68rem !important;
  }

  /* Hide volume slider and repeat on mobile to eliminate clutter */
  body.rg-theme-cyber-metal .mini-player.rg-contest-mini-player .mp-vol,
  body.rg-theme-cyber-metal .mini-player.rg-contest-mini-player #mpRepeat {
    display: none !important;
  }

  /* Row 2, Spanning full width: Seekbar & Times */
  body.rg-theme-cyber-metal .mini-player.rg-contest-mini-player .mp-top {
    grid-column: 1 / span 2 !important;
    grid-row: 2 !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 8px !important;
    margin-top: 1px !important;
  }

  body.rg-theme-cyber-metal .mini-player.rg-contest-mini-player .mp-time {
    font-size: 0.68rem !important;
    min-width: 26px !important;
  }

  body.rg-theme-cyber-metal .mini-player.rg-contest-mini-player .mp-seek {
    height: 4px !important;
    flex: 1 1 auto !important;
  }

  /* Bottom page padding so list content is never blocked */
  body.rg-theme-cyber-metal #rg-content,
  body.rg-theme-cyber-metal .contest-tracks-scroll-wrap {
    padding-bottom: 120px !important;
  }
}

/* 1. Left Column: Track Info & Artwork */
body.rg-theme-cyber-metal .mp-col-track,
body.rg-theme-cyber-metal .mp-now {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  min-width: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

body.rg-theme-cyber-metal .mp-now-cover {
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background: #141926 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2364748b'%3E%3Cpath d='M12 3v10.55c-.59-.34-1.27-.55-2-.55-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4V7h4V3h-6z'/%3E%3C/svg%3E") no-repeat center !important;
  background-size: cover !important;
  background-position: center !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.4) !important;
  flex: 0 0 52px !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

body.rg-theme-cyber-metal .mp-now-cover:hover {
  transform: scale(1.05);
}

body.rg-theme-cyber-metal .mp-now-text {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 3px !important;
}

body.rg-theme-cyber-metal .mp-now-title {
  font-size: 0.95rem !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  letter-spacing: 0.02em !important;
  line-height: 1.25 !important;
}

body.rg-theme-cyber-metal .mp-now-sub {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 0.76rem !important;
  color: var(--rg-cm-text-muted) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* 2. Center Column: Controls & Timeline */
body.rg-theme-cyber-metal .mp-col-center {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  width: 100% !important;
  min-width: 0 !important;
}

body.rg-theme-cyber-metal .mp-controls,
body.rg-theme-cyber-metal .mp-bottom {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 16px !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.rg-theme-cyber-metal .mp-playbtn {
  background: rgba(255, 255, 255, 0.1) !important;
  border: none !important;
  box-shadow: none !important;
  color: #ffffff !important;
  border-radius: 50% !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  transition: all 0.2s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
}
body.rg-theme-cyber-metal .mp-playbtn:hover {
  background: rgba(255, 255, 255, 0.2) !important;
  color: var(--rg-cm-cyan) !important;
  box-shadow: 0 0 14px rgba(0, 229, 255, 0.25) !important;
  transform: scale(1.05);
}

body.rg-theme-cyber-metal .mp-playbtn svg {
  width: 22px !important;
  height: 22px !important;
  fill: #ffffff !important;
}

body.rg-theme-cyber-metal .mp-playbtn:hover {
  transform: scale(1.12) !important;
  box-shadow: 0 0 32px rgba(255, 46, 84, 0.9) !important;
}

body.rg-theme-cyber-metal .mp-iconbtn {
  color: #94a3b8 !important;
  background: transparent !important;
  border: none !important;
  transition: all 0.18s ease !important;
  cursor: pointer !important;
  padding: 6px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
}

body.rg-theme-cyber-metal .mp-iconbtn svg {
  width: 19px !important;
  height: 19px !important;
  fill: currentColor !important;
}

body.rg-theme-cyber-metal .mp-iconbtn:hover {
  color: var(--rg-cm-cyan) !important;
  transform: scale(1.18) !important;
}

body.rg-theme-cyber-metal .mp-iconbtn.is-on,
body.rg-theme-cyber-metal #mpRepeat.is-on,
body.rg-theme-cyber-metal #mpShuffle.is-on {
  color: var(--rg-cm-cyan) !important;
  filter: drop-shadow(0 0 8px rgba(0, 229, 255, 0.85)) !important;
}

body.rg-theme-cyber-metal .mp-timeline,
body.rg-theme-cyber-metal .mp-top {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 460px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.rg-theme-cyber-metal .mp-time {
  font-size: 0.74rem !important;
  color: #8899ac !important;
  font-variant-numeric: tabular-nums !important;
  min-width: 32px !important;
  text-align: center !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
}

body.rg-theme-cyber-metal .mp-seek {
  accent-color: var(--rg-cm-cyan) !important;
  height: 5px !important;
  background: rgba(255, 255, 255, 0.14) !important;
  border-radius: 999px !important;
  flex: 1 1 auto !important;
  cursor: pointer !important;
  transition: height 0.15s ease !important;
}

body.rg-theme-cyber-metal .mp-seek:hover {
  height: 7px !important;
}

/* 3. Right Column: Tools, Volume & Actions (Desktop / General) */
body.rg-theme-cyber-metal .mp-col-tools {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  position: relative !important;
}

body.rg-theme-cyber-metal .mp-vol {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 4px 10px !important;
  background: rgba(14, 19, 32, 0.65) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 999px !important;
  height: 34px !important;
}

body.rg-theme-cyber-metal .mp-volbtn {
  font-size: 0.90rem !important;
  color: #8c9cb0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
}

body.rg-theme-cyber-metal .mp-volrange {
  accent-color: var(--rg-cm-cyan) !important;
  width: 70px !important;
  height: 4px !important;
  cursor: pointer !important;
}

body.rg-theme-cyber-metal .mp-tool-actions {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

body.rg-theme-cyber-metal .mp-eqbtn {
  height: 34px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  background: rgba(0, 229, 255, 0.1) !important;
  border: 1px solid rgba(0, 229, 255, 0.4) !important;
  color: var(--rg-cm-cyan) !important;
  font-size: 0.74rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 0 10px rgba(0, 229, 255, 0.18) !important;
}

body.rg-theme-cyber-metal .mp-eqbtn:hover {
  background: var(--rg-cm-cyan) !important;
  color: #060911 !important;
  box-shadow: 0 0 16px rgba(0, 229, 255, 0.5) !important;
}

body.rg-theme-cyber-metal .mp-lyrics-btn {
  height: 34px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  font-size: 0.76rem !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

body.rg-theme-cyber-metal .mp-lyrics-btn:hover {
  background: rgba(255, 255, 255, 0.16) !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
}

body.rg-theme-cyber-metal .mp-now-actions {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
}

body.rg-theme-cyber-metal .mp-hide-new-track {
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #8c9cb0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.18s ease !important;
  padding: 0 !important;
}

body.rg-theme-cyber-metal .mp-hide-new-track svg {
  width: 18px !important;
  height: 18px !important;
  fill: currentColor !important;
}

body.rg-theme-cyber-metal .mp-hide-new-track:hover {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.14) !important;
  border-color: rgba(255, 255, 255, 0.28) !important;
  transform: scale(1.1) !important;
}

body.rg-theme-cyber-metal .track-fav-inline.mp-fav {
  height: 34px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  background: rgba(255, 46, 84, 0.12) !important;
  border: 1px solid rgba(255, 46, 84, 0.4) !important;
  color: #ff2e54 !important;
  font-weight: 800 !important;
  font-size: 0.80rem !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  box-shadow: 0 0 12px rgba(255, 46, 84, 0.22) !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

body.rg-theme-cyber-metal .track-fav-inline.mp-fav:hover {
  background: rgba(255, 46, 84, 0.25) !important;
  box-shadow: 0 0 18px rgba(255, 46, 84, 0.5) !important;
  transform: scale(1.05) !important;
}

body.rg-theme-cyber-metal .track-fav-inline.mp-fav.is-favorited,
body.rg-theme-cyber-metal .track-fav-inline.mp-fav.active {
  background: linear-gradient(135deg, #ff2e54 0%, #d4143d 100%) !important;
  border-color: #ff2e54 !important;
  color: #ffffff !important;
  box-shadow: 0 0 20px rgba(255, 46, 84, 0.75) !important;
}

/* ==========================================================================
   MOBILE-ONLY STYLING FOR SITE MINI PLAYER
   ========================================================================== */
@media (max-width: 991.98px) {
  body.rg-theme-cyber-metal .mini-player:not(.rg-contest-mini-player) {
    left: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
    padding: 10px 12px !important;
    overflow: visible !important;
  }

  /* Lock cover in place so it never shifts out of view */
  body.rg-theme-cyber-metal .mini-player:not(.rg-contest-mini-player) .mp-col-track,
  body.rg-theme-cyber-metal .mini-player:not(.rg-contest-mini-player) .mp-now {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.rg-theme-cyber-metal .mini-player:not(.rg-contest-mini-player) .mp-now-cover {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    flex: 0 0 44px !important;
    flex-shrink: 0 !important;
    border-radius: 8px !important;
    margin: 0 !important;
  }

  body.rg-theme-cyber-metal .mini-player:not(.rg-contest-mini-player) .mp-now-text {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding-right: 4px !important;
  }

  body.rg-theme-cyber-metal .mini-player:not(.rg-contest-mini-player) .mp-col-tools {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    gap: 6px !important;
    min-width: 0 !important;
  }

  /* Mobile fat volume capsule */
  body.rg-theme-cyber-metal .mini-player:not(.rg-contest-mini-player) .mp-vol {
    display: inline-flex !important;
    align-items: center !important;
    position: relative !important;
    width: 90px !important;
    min-width: 70px !important;
    max-width: 105px !important;
    height: 34px !important;
    min-height: 34px !important;
    flex: 1 1 90px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    background: rgba(14, 19, 32, 0.85) !important;
    border: 1px solid rgba(0, 229, 255, 0.35) !important;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.6), 0 2px 8px rgba(0, 0, 0, 0.3) !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
  }

  body.rg-theme-cyber-metal .mini-player:not(.rg-contest-mini-player) .mp-vol::before {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    width: var(--vol-pct, 80%) !important;
    background: linear-gradient(90deg, rgba(0, 229, 255, 0.3) 0%, rgba(0, 229, 255, 0.75) 100%) !important;
    border-radius: inherit !important;
    pointer-events: none !important;
    transition: width 0.08s ease !important;
    box-shadow: 0 0 14px rgba(0, 229, 255, 0.5) !important;
    z-index: 1 !important;
  }

  body.rg-theme-cyber-metal .mini-player:not(.rg-contest-mini-player) .mp-volbtn {
    display: none !important;
  }

  body.rg-theme-cyber-metal .mini-player:not(.rg-contest-mini-player) .mp-volrange {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    cursor: pointer !important;
    z-index: 10 !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
  }

  body.rg-theme-cyber-metal .mini-player:not(.rg-contest-mini-player) .mp-tool-actions {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    min-width: 0 !important;
    flex-shrink: 0 !important;
  }

  body.rg-theme-cyber-metal .mini-player:not(.rg-contest-mini-player) .mp-eqbtn {
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 9px !important;
    font-size: 0.72rem !important;
    border-radius: 999px !important;
    background: rgba(0, 229, 255, 0.1) !important;
    border: 1px solid rgba(0, 229, 255, 0.4) !important;
    color: var(--rg-cm-cyan) !important;
    box-shadow: 0 0 10px rgba(0, 229, 255, 0.18) !important;
  }

  body.rg-theme-cyber-metal .mini-player:not(.rg-contest-mini-player) .mp-lyrics-btn {
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 10px !important;
    font-size: 0.72rem !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.06) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
  }

  body.rg-theme-cyber-metal .mini-player:not(.rg-contest-mini-player) .mp-hide-new-track {
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    color: #8c9cb0 !important;
    padding: 0 !important;
  }

  body.rg-theme-cyber-metal .mini-player:not(.rg-contest-mini-player) .track-fav-inline.mp-fav {
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 9px !important;
    font-size: 0.76rem !important;
    gap: 4px !important;
    border-radius: 999px !important;
    background: rgba(255, 46, 84, 0.12) !important;
    border: 1px solid rgba(255, 46, 84, 0.4) !important;
    color: #ff2e54 !important;
  }
}

/* Hide Track (Eye Slash) Button */
body.rg-theme-cyber-metal .mp-now-actions {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
}

body.rg-theme-cyber-metal .mp-hide-new-track {
  width: 36px !important;
  min-width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  border-radius: 50% !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.02) 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: #94a3b8 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  padding: 0 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3), inset 0 1px 1px rgba(255, 255, 255, 0.1) !important;
}

body.rg-theme-cyber-metal .mp-hide-new-track svg {
  width: 17px !important;
  height: 17px !important;
  fill: currentColor !important;
}

body.rg-theme-cyber-metal .mp-hide-new-track:hover {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.18) !important;
  border-color: rgba(255, 255, 255, 0.35) !important;
  box-shadow: 0 0 14px rgba(255, 255, 255, 0.2) !important;
  transform: translateY(-1px) !important;
}

/* Favorite Star Capsule */
body.rg-theme-cyber-metal .track-fav-inline.mp-fav {
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  background: linear-gradient(145deg, rgba(255, 46, 84, 0.14) 0%, rgba(255, 46, 84, 0.04) 100%) !important;
  border: 1px solid rgba(255, 46, 84, 0.38) !important;
  color: #ff4d6d !important;
  font-weight: 800 !important;
  font-size: 0.82rem !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  box-shadow: 0 2px 10px rgba(255, 46, 84, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.12) !important;
  cursor: pointer !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

body.rg-theme-cyber-metal .track-fav-inline.mp-fav:hover {
  background: linear-gradient(145deg, rgba(255, 46, 84, 0.28) 0%, rgba(255, 46, 84, 0.12) 100%) !important;
  border-color: rgba(255, 46, 84, 0.75) !important;
  box-shadow: 0 0 18px rgba(255, 46, 84, 0.5) !important;
  transform: translateY(-1px) !important;
}

body.rg-theme-cyber-metal .track-fav-inline.mp-fav.is-favorited,
body.rg-theme-cyber-metal .track-fav-inline.mp-fav.active {
  background: linear-gradient(135deg, #ff2e54 0%, #d4143d 100%) !important;
  border-color: #ff2e54 !important;
  color: #ffffff !important;
  box-shadow: 0 0 20px rgba(255, 46, 84, 0.75) !important;
}

/* EQ Popup inside dock */
body.rg-theme-cyber-metal .mp-eq-pop {
  position: absolute !important;
  bottom: calc(100% + 14px) !important;
  right: 0 !important;
  left: auto !important;
  width: 270px !important;
  max-width: calc(100vw - 24px) !important;
  background: rgba(10, 14, 24, 0.98) !important;
  backdrop-filter: blur(28px) saturate(200%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(200%) !important;
  border: 1px solid rgba(0, 229, 255, 0.35) !important;
  border-radius: 16px !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.95), 0 0 24px rgba(0, 229, 255, 0.2) !important;
  padding: 14px !important;
  z-index: 2000 !important;
}

body.rg-theme-cyber-metal .mp-eq-pop.is-open {
  display: block !important;
}

body.rg-theme-cyber-metal .mp-eq-head {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 12px !important;
}

body.rg-theme-cyber-metal .mp-eq-title {
  font-weight: 900 !important;
  color: #ffffff !important;
  font-size: 0.95rem !important;
  letter-spacing: 0.06em !important;
}

body.rg-theme-cyber-metal .mp-eq-close {
  margin-left: auto !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 8px !important;
  border: none !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: #94a3b8 !important;
  font-size: 18px !important;
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}

body.rg-theme-cyber-metal .mp-eq-close:hover {
  background: rgba(255, 255, 255, 0.18) !important;
  color: #ffffff !important;
}

body.rg-theme-cyber-metal .mp-eq-presets {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  max-height: none !important;
  overflow: visible !important;
  overflow-y: visible !important;
  padding-right: 0 !important;
}

body.rg-theme-cyber-metal .mp-eq-item {
  width: 100% !important;
  text-align: left !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  background: rgba(255, 255, 255, 0.04) !important;
  color: rgba(255, 255, 255, 0.92) !important;
  border-radius: 10px !important;
  padding: 8px 10px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  transition: all 0.15s ease !important;
  cursor: pointer !important;
}

body.rg-theme-cyber-metal .mp-eq-item:hover {
  background: rgba(0, 229, 255, 0.08) !important;
  border-color: rgba(0, 229, 255, 0.3) !important;
}

body.rg-theme-cyber-metal .mp-eq-item.is-active {
  background: rgba(0, 229, 255, 0.15) !important;
  border-color: rgba(0, 229, 255, 0.6) !important;
  box-shadow: 0 0 12px rgba(0, 229, 255, 0.25) inset !important;
}

body.rg-theme-cyber-metal .mp-eq-name {
  font-weight: 800 !important;
  font-size: 0.85rem !important;
  color: #ffffff !important;
}

body.rg-theme-cyber-metal .mp-eq-bands {
  font-size: 0.72rem !important;
  color: var(--rg-cm-text-muted) !important;
}

body.rg-theme-cyber-metal .mp-eq-foot {
  margin-top: 10px !important;
  font-size: 0.72rem !important;
  color: #64748b !important;
  line-height: 1.3 !important;
}

body.rg-theme-cyber-metal .mp-eq-slider {
  width: 36px !important;
  height: 20px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.16) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  position: relative !important;
  transition: 0.15s ease !important;
}

body.rg-theme-cyber-metal .mp-eq-slider:after {
  content: "" !important;
  position: absolute !important;
  top: 2px !important;
  left: 2px !important;
  width: 14px !important;
  height: 14px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.92) !important;
  transition: 0.15s ease !important;
}

body.rg-theme-cyber-metal .mp-eq-switch input:checked + .mp-eq-slider {
  background: var(--rg-cm-cyan) !important;
  border-color: var(--rg-cm-cyan) !important;
  box-shadow: 0 0 10px rgba(0, 229, 255, 0.5) !important;
}

body.rg-theme-cyber-metal .mp-eq-switch input:checked + .mp-eq-slider:after {
  transform: translateX(16px) !important;
  background: #060911 !important;
}

/* ==========================================================================
   CARDS GRID OVERRIDE (when 'standard' is selected in Admin Panel)
   ========================================================================== */
body.rg-theme-cyber-metal.rg-card-template-standard .track-table-header {
  display: none !important;
}

body.rg-theme-cyber-metal.rg-card-template-standard #newTracksGrid,
body.rg-theme-cyber-metal.rg-card-template-standard #popularTracksGrid,
body.rg-theme-cyber-metal.rg-card-template-standard #artistTracksGrid {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 0 !important;
  margin-left: -5px !important;
  margin-right: -5px !important;
}

body.rg-theme-cyber-metal.rg-card-template-standard #newTracksGrid > .js-track-col,
body.rg-theme-cyber-metal.rg-card-template-standard #popularTracksGrid > .js-track-col,
body.rg-theme-cyber-metal.rg-card-template-standard #artistTracksGrid > .js-track-col {
  width: 33.333333% !important;
  max-width: 33.333333% !important;
  flex: 0 0 33.333333% !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
  margin-bottom: 8px !important;
}

@media (max-width: 1199.98px) {
  body.rg-theme-cyber-metal.rg-card-template-standard #newTracksGrid > .js-track-col,
  body.rg-theme-cyber-metal.rg-card-template-standard #popularTracksGrid > .js-track-col,
  body.rg-theme-cyber-metal.rg-card-template-standard #artistTracksGrid > .js-track-col {
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
  }
}

@media (max-width: 767.98px) {
  body.rg-theme-cyber-metal.rg-card-template-standard #newTracksGrid > .js-track-col,
  body.rg-theme-cyber-metal.rg-card-template-standard #popularTracksGrid > .js-track-col,
  body.rg-theme-cyber-metal.rg-card-template-standard #artistTracksGrid > .js-track-col {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }
}

body.rg-theme-cyber-metal.rg-card-template-standard .track-card.track-list-row {
  height: auto !important;
  min-height: 64px !important;
  padding: 7px 10px !important;
  border-radius: 13px !important;
}

body.rg-theme-cyber-metal.rg-card-template-standard .track-card.track-list-row .track-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
}

body.rg-theme-cyber-metal.rg-card-template-standard .track-list-index {
  display: none !important;
}

body.rg-theme-cyber-metal.rg-card-template-standard .track-card.track-list-row .track-cover-btn {
  width: 50px !important;
  min-width: 50px !important;
  max-width: 50px !important;
  height: 50px !important;
  min-height: 50px !important;
  max-height: 50px !important;
  flex: 0 0 50px !important;
  border-radius: 10px !important;
}

body.rg-theme-cyber-metal.rg-card-template-standard .track-card.track-list-row .track-title {
  font-size: 0.86rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

body.rg-theme-cyber-metal.rg-card-template-standard .track-card.track-list-row .track-author-line {
  font-size: 0.73rem !important;
  line-height: 1.15 !important;
}

body.rg-theme-cyber-metal.rg-card-template-standard .track-card.track-list-row .track-favorite-badge {
  padding: 2px 6px !important;
  font-size: 0.72rem !important;
  border-radius: 6px !important;
}

body.rg-theme-cyber-metal.rg-card-template-standard .track-list-lyrics,
body.rg-theme-cyber-metal.rg-card-template-standard .track-list-genre,
body.rg-theme-cyber-metal.rg-card-template-standard .track-list-duration {
  display: none !important;
}

body.rg-theme-cyber-metal.rg-card-template-standard .track-card.track-list-row .track-list-favorite,
body.rg-theme-cyber-metal .track-card.track-list-row .track-list-favorite {
  width: auto !important;
  flex: 0 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 3px !important;
  margin-left: auto !important;
}

body.rg-theme-cyber-metal .track-card-genre-under {
  font-size: 0.62rem !important;
  font-weight: 800 !important;
  color: var(--rg-cm-cyan) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  line-height: 1 !important;
  max-width: 90px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-align: right !important;
  opacity: 0.85 !important;
  transition: opacity 0.15s ease, color 0.15s ease !important;
}

body.rg-theme-cyber-metal .track-card:hover .track-card-genre-under {
  opacity: 1 !important;
  color: #ffffff !important;
  text-shadow: 0 0 8px rgba(0, 229, 255, 0.6) !important;
}

body.rg-theme-cyber-metal.rg-card-template-pro-table .track-card-genre-under {
  display: none !important;
}

/* ==========================================================================
   ARTIST PROFILE 2.0 (BORDERLESS AMBIENT STUDIO EDITION)
   ========================================================================== */

/* 1. Hero Card */
body.rg-theme-cyber-metal .artist-hero-card {
  background: linear-gradient(165deg, rgba(12, 16, 26, 0.25) 0%, rgba(7, 9, 15, 0.15) 100%) !important;
  backdrop-filter: blur(16px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(140%) !important;
  border: none !important;
  border-radius: 22px !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12) !important;
}

body.rg-theme-cyber-metal .artist-hero-card.has-hero-banner {
  background: linear-gradient(165deg, rgba(14, 18, 28, 0.55) 0%, rgba(8, 11, 18, 0.35) 100%) !important;
}

body.rg-theme-cyber-metal .artist-hero-backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: radial-gradient(circle at 10% 20%, rgba(255, 46, 84, 0.1) 0%, rgba(0, 229, 255, 0.05) 40%, transparent 75%) !important;
  pointer-events: none !important;
}

body.rg-theme-cyber-metal .artist-hero-banner-img {
  position: absolute !important;
  inset: 0 !important;
  background-size: cover !important;
  background-position: right center !important;
  background-repeat: no-repeat !important;
  opacity: 0.52 !important;
  filter: saturate(125%) brightness(0.9) !important;
  pointer-events: none !important;
  z-index: 1 !important;
  border-radius: 22px !important;
}

body.rg-theme-cyber-metal .artist-hero-card.has-hero-banner::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(90deg, rgba(8, 11, 18, 0.85) 0%, rgba(8, 11, 18, 0.45) 45%, rgba(8, 11, 18, 0.18) 75%, rgba(8, 11, 18, 0.75) 100%) !important;
  pointer-events: none !important;
  z-index: 1 !important;
  border-radius: 22px !important;
}

body.rg-theme-cyber-metal .artist-hero-body {
  padding: 18px 32px !important;
  position: relative !important;
  z-index: 2 !important;
}

@media (max-width: 767.98px) {
  body.rg-theme-cyber-metal .artist-hero-body {
    padding: 16px 14px !important;
  }
}

body.rg-theme-cyber-metal .artist-hero-avatar {
  width: 195px !important;
  height: 195px !important;
  min-width: 195px !important;
  min-height: 195px !important;
  border-radius: 50% !important;
  padding: 5px !important;
  background: linear-gradient(135deg, rgba(255, 46, 84, 0.8) 0%, rgba(0, 229, 255, 0.8) 100%) !important;
  box-shadow: 0 0 40px rgba(255, 46, 84, 0.4), 0 0 24px rgba(0, 229, 255, 0.3) !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 195px !important;
}

body.rg-theme-cyber-metal .artist-action-btn--subtle {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #cbd5e1 !important;
}
body.rg-theme-cyber-metal .artist-action-btn--subtle:hover {
  background: rgba(0, 229, 255, 0.12) !important;
  border-color: rgba(0, 229, 255, 0.35) !important;
  color: #ffffff !important;
  box-shadow: 0 0 14px rgba(0, 229, 255, 0.25) !important;
}

body.rg-theme-cyber-metal .artist-hero-body {
  padding: 18px 32px !important;
  position: relative !important;
  z-index: 2 !important;
}

@media (max-width: 767.98px) {
  body.rg-theme-cyber-metal .artist-hero-body {
    padding: 16px 14px !important;
  }
}

body.rg-theme-cyber-metal .artist-hero-avatar {
  width: 195px !important;
  height: 195px !important;
  min-width: 195px !important;
  min-height: 195px !important;
  border-radius: 50% !important;
  padding: 5px !important;
  background: linear-gradient(135deg, rgba(255, 46, 84, 0.8) 0%, rgba(0, 229, 255, 0.8) 100%) !important;
  box-shadow: 0 0 40px rgba(255, 46, 84, 0.4), 0 0 24px rgba(0, 229, 255, 0.3) !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 195px !important;
}

body.rg-theme-cyber-metal .artist-hero-avatar img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 50% !important;
  background: #151a24 !important;
  display: block !important;
}

body.rg-theme-cyber-metal .artist-hero-avatar-ph {
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  background: #151a24 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2364748b'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E") no-repeat center !important;
  background-size: 72px 72px !important;
}

body.rg-theme-cyber-metal .artist-hero-name {
  font-size: 2.5rem !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  letter-spacing: -0.025em !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
  font-family: 'Manrope', 'Golos Text', 'Inter', sans-serif !important;
}

body.rg-theme-cyber-metal .artist-hero-handle {
  font-size: 0.86rem !important;
  color: #8c9cb0 !important;
  font-weight: 600 !important;
}

body.rg-theme-cyber-metal .artist-hero-bio {
  font-size: 0.88rem !important;
  line-height: 1.5 !important;
  color: #94a3b8 !important;
  max-width: 700px !important;
}

body.rg-theme-cyber-metal .artist-hero-stats-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 6px 18px !important;
  background: rgba(255, 255, 255, 0.03) !important;
  border: none !important;
  border-radius: 999px !important;
  backdrop-filter: blur(12px) !important;
  white-space: nowrap !important;
  flex-wrap: nowrap !important;
  max-width: 100% !important;
}

body.rg-theme-cyber-metal .artist-stat-dock-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

body.rg-theme-cyber-metal .artist-stat-dock-item .artist-stat-num {
  font-weight: 800 !important;
  font-size: 0.92rem !important;
  color: #ffffff !important;
  font-variant-numeric: tabular-nums !important;
  white-space: nowrap !important;
}

body.rg-theme-cyber-metal .artist-stat-dock-item .artist-stat-lbl {
  font-size: 0.70rem !important;
  color: var(--rg-cm-cyan) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  white-space: nowrap !important;
}

body.rg-theme-cyber-metal .artist-stat-dock-divider {
  color: rgba(255, 255, 255, 0.15) !important;
  font-size: 0.8rem !important;
  flex-shrink: 0 !important;
}

@media (max-width: 576px) {
  body.rg-theme-cyber-metal .artist-hero-stats-dock {
    gap: 8px !important;
    padding: 6px 12px !important;
  }

  body.rg-theme-cyber-metal .artist-stat-dock-item {
    gap: 4px !important;
  }

  body.rg-theme-cyber-metal .artist-stat-dock-item .artist-stat-num {
    font-size: 0.84rem !important;
  }

  body.rg-theme-cyber-metal .artist-stat-dock-item .artist-stat-lbl {
    font-size: 0.65rem !important;
    letter-spacing: 0.04em !important;
  }
}

body.rg-theme-cyber-metal .artist-play-all-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 20px !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.05) !important;
  color: #e2e8f0 !important;
  font-weight: 600 !important;
  font-size: 0.82rem !important;
  letter-spacing: 0.02em !important;
  border: none !important;
  box-shadow: none !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
}

body.rg-theme-cyber-metal .artist-play-all-btn:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 0 14px rgba(0, 229, 255, 0.2) !important;
  transform: translateY(-1px) !important;
  color: var(--rg-cm-cyan) !important;
}

body.rg-theme-cyber-metal .artist-action-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 16px !important;
  border-radius: 8px !important;
  font-size: 0.80rem !important;
  font-weight: 600 !important;
  border: none !important;
  box-shadow: none !important;
  transition: all 0.2s ease !important;
}

body.rg-theme-cyber-metal .artist-action-btn--crimson {
  background: rgba(255, 255, 255, 0.04) !important;
  color: #cbd5e1 !important;
}
body.rg-theme-cyber-metal .artist-action-btn--crimson:hover {
  background: rgba(255, 46, 84, 0.14) !important;
  color: #ff5376 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 0 12px rgba(255, 46, 84, 0.25) !important;
}

body.rg-theme-cyber-metal .artist-action-btn--cyan {
  background: rgba(255, 255, 255, 0.04) !important;
  color: #cbd5e1 !important;
}
body.rg-theme-cyber-metal .artist-action-btn--cyan:hover {
  background: rgba(0, 229, 255, 0.12) !important;
  color: var(--rg-cm-cyan) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 0 12px rgba(0, 229, 255, 0.2) !important;
}

/* 2. Integrated Personas Dock within Hero */
body.rg-theme-cyber-metal .artist-hero-personas-dock {
  border-top: none !important;
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: 10px 32px 16px 32px !important;
  position: relative !important;
  z-index: 2 !important;
}

body.rg-theme-cyber-metal .artist-personas-title {
  font-size: 0.95rem !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}

body.rg-theme-cyber-metal .artist-personas-subtitle {
  color: #8c9cb0 !important;
  font-size: 0.8rem !important;
  font-weight: 500 !important;
}

body.rg-theme-cyber-metal .artist-personas-dock-inner {
  display: flex !important;
  gap: 10px !important;
  overflow-x: auto !important;
  padding: 6px 2px 4px 2px !important;
  scrollbar-width: none !important;
  align-items: center !important;
  flex-wrap: wrap !important;
}
body.rg-theme-cyber-metal .artist-personas-dock-inner::-webkit-scrollbar {
  display: none !important;
}

body.rg-theme-cyber-metal .artist-persona-create-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 18px !important;
  height: 48px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.03) !important;
  border: none !important;
  color: #cbd5e1 !important;
  font-weight: 600 !important;
  font-size: 0.84rem !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}
body.rg-theme-cyber-metal .artist-persona-create-pill:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: var(--rg-cm-cyan) !important;
  box-shadow: 0 0 14px rgba(0, 229, 255, 0.2) !important;
  transform: translateY(-1px) !important;
}
body.rg-theme-cyber-metal .artist-persona-create-plus {
  font-size: 1.15rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

body.rg-theme-cyber-metal .artist-persona-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 4px 12px 4px 5px !important;
  height: 48px !important;
  border-radius: 999px !important;
  background: rgba(18, 24, 38, 0.5) !important;
  border: none !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
}
body.rg-theme-cyber-metal .artist-persona-pill:hover {
  background: rgba(26, 35, 56, 0.8) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4) !important;
}
body.rg-theme-cyber-metal .artist-persona-pill.is-active {
  background: rgba(0, 229, 255, 0.12) !important;
  border: 1px solid rgba(0, 229, 255, 0.45) !important;
  box-shadow: 0 0 14px rgba(0, 229, 255, 0.25) !important;
}

body.rg-theme-cyber-metal .artist-persona-pill-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  text-decoration: none !important;
}

body.rg-theme-cyber-metal .artist-persona-pill-avatar {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  border-radius: 50% !important;
  padding: 2px !important;
  background: linear-gradient(135deg, rgba(255, 46, 84, 0.8), rgba(0, 229, 255, 0.8)) !important;
  box-shadow: 0 0 10px rgba(255, 46, 84, 0.3) !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
body.rg-theme-cyber-metal .artist-persona-pill-avatar img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 50% !important;
  background: #151a24 !important;
}

body.rg-theme-cyber-metal .artist-persona-pill-name {
  font-size: 0.84rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  white-space: nowrap !important;
  max-width: 130px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.rg-theme-cyber-metal .artist-persona-pill--band {
  background: rgba(0, 221, 255, 0.07) !important;
  border: 1px dashed rgba(0, 221, 255, 0.3) !important;
}

body.rg-theme-cyber-metal .artist-persona-pill--band:hover {
  background: rgba(0, 221, 255, 0.15) !important;
  border-color: var(--rg-cm-cyan) !important;
  border-style: solid !important;
}

body.rg-theme-cyber-metal .artist-persona-pill-badge {
  font-size: 0.58rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  color: #0df !important;
  background: rgba(0, 221, 255, 0.15) !important;
  border: 1px solid rgba(0, 221, 255, 0.4) !important;
  border-radius: 6px !important;
  padding: 1px 5px !important;
  text-transform: uppercase !important;
  margin-left: 2px !important;
}


body.rg-theme-cyber-metal .artist-persona-pill-actions {
  display: inline-flex !important;
  gap: 4px !important;
  align-items: center !important;
  margin-left: 2px !important;
}

body.rg-theme-cyber-metal .artist-persona-pill-btn {
  width: 26px !important;
  height: 26px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border: none !important;
  color: #cbd5e1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}
body.rg-theme-cyber-metal .artist-persona-pill-btn:hover {
  background: var(--rg-cm-cyan) !important;
  color: #000000 !important;
}
body.rg-theme-cyber-metal .artist-persona-pill-btn.is-danger:hover {
  background: #ff2e54 !important;
  color: #ffffff !important;
}

/* 3. Integrated Albums & Discography Dock within Hero */
body.rg-theme-cyber-metal .artist-hero-albums-dock {
  border-top: none !important;
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: 12px 32px 24px 32px !important;
  position: relative !important;
  z-index: 2 !important;
}

body.rg-theme-cyber-metal .artist-albums-title {
  font-size: 0.95rem !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}

body.rg-theme-cyber-metal .artist-albums-subtitle {
  color: #8c9cb0 !important;
  font-size: 0.8rem !important;
  font-weight: 500 !important;
}

body.rg-theme-cyber-metal .artist-compact-album-card {
  position: relative !important;
  background: rgba(12, 17, 28, 0.5) !important;
  backdrop-filter: blur(16px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(140%) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px !important;
  padding: 12px 14px !important;
  height: 100% !important;
  min-height: 106px !important;
  display: flex !important;
  align-items: center !important;
  transition: transform 0.18s cubic-bezier(0.16, 1, 0.3, 1), background 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3) !important;
}
body.rg-theme-cyber-metal .artist-compact-album-card:hover {
  background: rgba(18, 26, 44, 0.72) !important;
  backdrop-filter: blur(20px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(160%) !important;
  border-color: rgba(0, 229, 255, 0.3) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45), 0 0 16px rgba(0, 229, 255, 0.12) !important;
}

body.rg-theme-cyber-metal .artist-compact-album-link {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  width: 100% !important;
  padding-right: 24px !important;
  text-decoration: none !important;
}

body.rg-theme-cyber-metal .artist-compact-album-sleeve {
  position: relative !important;
  width: 82px !important;
  height: 82px !important;
  min-width: 82px !important;
  flex: 0 0 82px !important;
  opacity: 1 !important;
}

body.rg-theme-cyber-metal .artist-compact-album-disc {
  position: absolute !important;
  top: 3px !important;
  right: -10px !important;
  width: 76px !important;
  height: 76px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, #ff2e54 12%, #111 15%, #252525 24%, #101010 33%, #2d2d2d 44%, #0d0d0d 56%, #222 72%, #050505 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.85) !important;
  z-index: 1 !important;
  opacity: 1 !important;
  transition: transform 0.6s ease-out, right 0.25s ease !important;
}
body.rg-theme-cyber-metal .artist-compact-album-card:hover .artist-compact-album-disc {
  right: -18px !important;
  transform: rotate(55deg) !important;
}

body.rg-theme-cyber-metal .artist-compact-album-cover {
  position: relative !important;
  z-index: 2 !important;
  width: 82px !important;
  height: 82px !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  background: #0c101a !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.4) !important;
  opacity: 1 !important;
}

body.rg-theme-cyber-metal .artist-compact-album-cover img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 4px !important;
  filter: brightness(1) contrast(1) !important;
  opacity: 1 !important;
}

body.rg-theme-cyber-metal .artist-compact-album-play {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  opacity: 0 !important;
  transition: opacity 0.2s ease, transform 0.2s ease !important;
  transform: scale(0.9) !important;
}
body.rg-theme-cyber-metal .artist-compact-album-play svg {
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.9)) drop-shadow(0 0 10px rgba(0, 229, 255, 0.6)) !important;
}
body.rg-theme-cyber-metal .artist-compact-album-card:hover .artist-compact-album-play {
  opacity: 1 !important;
  transform: scale(1) !important;
}

body.rg-theme-cyber-metal .artist-compact-album-info {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 3px !important;
}

body.rg-theme-cyber-metal .artist-compact-tag {
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  color: var(--rg-cm-cyan) !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
}

body.rg-theme-cyber-metal .artist-compact-lock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  padding: 2px 6px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 4px !important;
  font-size: 0.64rem !important;
  color: #cbd5e1 !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

body.rg-theme-cyber-metal .artist-compact-album-title {
  font-size: 0.98rem !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 1.25 !important;
}

body.rg-theme-cyber-metal .artist-compact-album-sub {
  font-size: 0.78rem !important;
  color: #8c9cb0 !important;
  font-weight: 500 !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  line-height: 1 !important;
}

body.rg-theme-cyber-metal .artist-compact-sep {
  color: rgba(255, 255, 255, 0.2) !important;
}

body.rg-theme-cyber-metal .artist-compact-album-card .album-share-btn {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  right: 8px !important;
  opacity: 0.7 !important;
}
body.rg-theme-cyber-metal .artist-compact-album-card:hover .album-share-btn {
  opacity: 1 !important;
}

body.rg-theme-cyber-metal .artist-section-head {
  margin-top: 36px !important;
}

/* ==========================================================================
   TRACK CONTEXT MENU (CYBER METAL GLASSMORPHISM)
   ========================================================================== */
body.rg-theme-cyber-metal .track-context-menu,
body.rg-theme-cyber-metal #trackContextMenu {
  position: fixed !important;
  z-index: 99999 !important;
  min-width: 190px !important;
  padding: 6px !important;
  background: rgba(14, 18, 28, 0.96) !important;
  backdrop-filter: blur(28px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(180%) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 14px !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.75), 0 0 20px rgba(0, 229, 255, 0.15) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  transform-origin: top right !important;
  animation: rgMenuPop 0.15s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body.rg-theme-cyber-metal .track-context-menu[hidden],
body.rg-theme-cyber-metal #trackContextMenu[hidden] {
  display: none !important;
}

@keyframes rgMenuPop {
  from {
    opacity: 0;
    transform: scale(0.95) translateY(-4px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

body.rg-theme-cyber-metal .track-context-item {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  padding: 9px 12px !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  color: #cbd5e1 !important;
  font-size: 0.86rem !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  text-align: left !important;
  transition: all 0.15s ease !important;
}

body.rg-theme-cyber-metal .track-context-icon {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #8c9cb0 !important;
  transition: color 0.15s ease !important;
}

body.rg-theme-cyber-metal .track-context-icon svg {
  width: 16px !important;
  height: 16px !important;
  fill: currentColor !important;
}

body.rg-theme-cyber-metal .track-context-item:hover {
  background: rgba(0, 229, 255, 0.12) !important;
  border-color: rgba(0, 229, 255, 0.3) !important;
  color: #ffffff !important;
  transform: translateX(2px) !important;
}

body.rg-theme-cyber-metal .track-context-item:hover .track-context-icon {
  color: var(--rg-cm-cyan) !important;
}

/* Danger Item (Delete) */
body.rg-theme-cyber-metal .track-context-item.is-danger {
  color: #f87171 !important;
}

body.rg-theme-cyber-metal .track-context-item.is-danger .track-context-icon {
  color: #f87171 !important;
}

body.rg-theme-cyber-metal .track-context-item.is-danger:hover {
  background: rgba(255, 46, 84, 0.18) !important;
  border-color: rgba(255, 46, 84, 0.45) !important;
  color: #ffffff !important;
}

body.rg-theme-cyber-metal .track-context-item.is-danger:hover .track-context-icon {
  color: #ff2e54 !important;
}

/* More Button Trigger (•••) */
body.rg-theme-cyber-metal .track-more-fab {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #8c9cb0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.18s ease !important;
  padding: 0 !important;
}

body.rg-theme-cyber-metal .track-more-fab:hover {
  background: rgba(0, 229, 255, 0.15) !important;
  border-color: rgba(0, 229, 255, 0.4) !important;
  color: var(--rg-cm-cyan) !important;
  box-shadow: 0 0 12px rgba(0, 229, 255, 0.25) !important;
  transform: scale(1.05);
}

/* ==========================================================================
   FLOATING TRACK HOVER PREVIEW CARD (CYBER METAL)
   ========================================================================== */
.rg-track-hover-card {
  position: fixed !important;
  z-index: 2147483647 !important;
  width: 380px !important;
  max-width: 92vw !important;
  padding: 14px 16px !important;
  background: rgba(10, 14, 24, 0.97) !important;
  backdrop-filter: blur(32px) saturate(220%) !important;
  -webkit-backdrop-filter: blur(32px) saturate(220%) !important;
  border: 1px solid rgba(0, 229, 255, 0.5) !important;
  border-radius: 18px !important;
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.9), 0 0 30px rgba(0, 229, 255, 0.28) !important;
  pointer-events: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(6px) scale(0.96) !important;
  transition: opacity 0.18s cubic-bezier(0.16, 1, 0.3, 1), transform 0.18s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.18s ease !important;
}

.rg-track-hover-card.is-visible {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) scale(1) !important;
}

.rg-thc-body {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  width: 100% !important;
}

.rg-thc-cover-wrap {
  position: relative !important;
  width: 108px !important;
  height: 108px !important;
  min-width: 108px !important;
  flex: 0 0 108px !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: #151a24 !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.75), 0 0 14px rgba(0, 229, 255, 0.2) !important;
}

.rg-thc-cover {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.rg-thc-glow {
  position: absolute !important;
  inset: 0 !important;
  box-shadow: inset 0 0 16px rgba(0, 229, 255, 0.3) !important;
  pointer-events: none !important;
}

.rg-thc-info {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

.rg-thc-head {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-bottom: 2px !important;
}

.rg-thc-genre-tag {
  display: inline-flex !important;
  align-items: center !important;
  padding: 3px 9px !important;
  border-radius: 6px !important;
  background: rgba(0, 229, 255, 0.14) !important;
  border: 1px solid rgba(0, 229, 255, 0.5) !important;
  color: var(--rg-cm-cyan) !important;
  font-size: 0.70rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  box-shadow: 0 0 12px rgba(0, 229, 255, 0.25) !important;
}

.rg-thc-title {
  font-size: 1.12rem !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 1.25 !important;
  letter-spacing: -0.01em !important;
}

.rg-thc-artist {
  font-size: 0.88rem !important;
  font-weight: 600 !important;
  color: #94a3b8 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 1.2 !important;
}

/* ==========================================================================
   MINI-PLAYER NOW PLAYING GENRE & METADATA BADGE
   ========================================================================== */
body.rg-theme-cyber-metal .mp-now-sub {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 0.76rem !important;
  color: #8c9cb0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding-right: 12px !important;
}

body.rg-theme-cyber-metal .mp-now-title a,
body.rg-theme-cyber-metal .mp-title-link {
  color: #ffffff !important;
  text-decoration: none !important;
  display: inline-block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  transition: color 0.2s ease, text-shadow 0.2s ease !important;
  cursor: pointer !important;
  pointer-events: auto !important;
}

body.rg-theme-cyber-metal .mp-now-title a:hover,
body.rg-theme-cyber-metal .mp-title-link:hover {
  color: var(--rg-cm-cyan, #38bdf8) !important;
  text-shadow: 0 0 10px rgba(56, 189, 248, 0.45) !important;
}

body.rg-theme-cyber-metal .mp-sub-artist {
  color: #8c9cb0 !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  min-width: 0 !important;
  flex: 0 1 auto !important;
  display: inline-block !important;
}

body.rg-theme-cyber-metal .mp-now-sub a,
body.rg-theme-cyber-metal a.mp-sub-artist,
body.rg-theme-cyber-metal .mp-artist-link {
  color: #8c9cb0 !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  min-width: 0 !important;
  flex: 0 1 auto !important;
  display: inline-block !important;
  text-decoration: none !important;
  transition: color 0.2s ease, text-shadow 0.2s ease !important;
  cursor: pointer !important;
  pointer-events: auto !important;
}

body.rg-theme-cyber-metal .mp-now-sub a:hover,
body.rg-theme-cyber-metal a.mp-sub-artist:hover,
body.rg-theme-cyber-metal .mp-artist-link:hover {
  color: #ffffff !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
  text-shadow: 0 0 8px rgba(255, 255, 255, 0.35) !important;
}

body.rg-theme-cyber-metal .mp-sub-num {
  color: #64748b !important;
  font-weight: 600 !important;
  font-variant-numeric: tabular-nums !important;
}

body.rg-theme-cyber-metal .mp-sub-dot {
  color: rgba(255, 255, 255, 0.25) !important;
  font-size: 0.70rem !important;
  flex-shrink: 0 !important;
}

body.rg-theme-cyber-metal .mp-sub-genre-badge {
  display: inline-flex !important;
  align-items: center !important;
  padding: 1px 7px !important;
  border-radius: 4px !important;
  background: rgba(0, 229, 255, 0.12) !important;
  border: 1px solid rgba(0, 229, 255, 0.45) !important;
  color: var(--rg-cm-cyan) !important;
  font-size: 0.65rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;
  box-shadow: 0 0 8px rgba(0, 229, 255, 0.2) !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  margin-right: 4px !important;
}

/* ==========================================================================
   CYBER METAL MODAL DIALOGS (UPLOAD, EDIT, ALBUM, PROFILE)
   ========================================================================== */
body.rg-theme-cyber-metal .modal-backdrop {
  z-index: 1080 !important;
}

body.rg-theme-cyber-metal .modal-backdrop.show {
  background-color: rgba(3, 6, 12, 0.88) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  z-index: 1080 !important;
}

body.rg-theme-cyber-metal .modal {
  z-index: 1090 !important;
}

body.rg-theme-cyber-metal .modal-dialog {
  max-width: 560px !important;
  margin: 1.25rem auto !important;
  max-height: calc(100vh - 2.5rem) !important;
  display: flex !important;
  align-items: center !important;
  z-index: 1095 !important;
}

body.rg-theme-cyber-metal .modal-content,
body.rg-theme-cyber-metal .modal-content.mr-modal {
  background: rgba(10, 14, 24, 0.98) !important;
  backdrop-filter: blur(32px) saturate(220%) !important;
  -webkit-backdrop-filter: blur(32px) saturate(220%) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 22px !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.95), 0 1px 0 rgba(255, 255, 255, 0.08) inset !important;
  color: #ffffff !important;
  overflow: hidden !important;
  position: relative !important;
  max-height: calc(100vh - 2.5rem) !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
}

/* Modal Header */
body.rg-theme-cyber-metal .modal-header {
  flex-shrink: 0 !important;
  padding: 16px 22px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  background: rgba(14, 19, 32, 0.6) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

body.rg-theme-cyber-metal .modal-title {
  font-weight: 900 !important;
  font-size: 1.15rem !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
}

body.rg-theme-cyber-metal .modal-title::before {
  content: "" !important;
  display: inline-block !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: var(--rg-cm-cyan) !important;
  box-shadow: 0 0 10px var(--rg-cm-cyan) !important;
}

/* Modal Close Button */
body.rg-theme-cyber-metal .modal-header .btn-close {
  background: rgba(255, 255, 255, 0.06) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%238c9cb0'%3E%3Cpath d='M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z'/%3E%3C/svg%3E") center/12px auto no-repeat !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 50% !important;
  width: 32px !important;
  height: 32px !important;
  opacity: 1 !important;
  padding: 0 !important;
  cursor: pointer !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body.rg-theme-cyber-metal .modal-header .btn-close:hover {
  background-color: rgba(255, 46, 84, 0.2) !important;
  border-color: rgba(255, 46, 84, 0.6) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ff2e54'%3E%3Cpath d='M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z'/%3E%3C/svg%3E") !important;
  transform: rotate(90deg) scale(1.08) !important;
  box-shadow: 0 0 12px rgba(255, 46, 84, 0.4) !important;
}

/* Modal Body */
body.rg-theme-cyber-metal .modal-body,
body.rg-theme-cyber-metal .rg-upload-premium-body {
  flex: 1 1 auto !important;
  padding: 18px 22px !important;
  overflow-y: auto !important;
  max-height: calc(100vh - 170px) !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(0, 229, 255, 0.35) rgba(10, 14, 24, 0.5) !important;
}

body.rg-theme-cyber-metal .modal-body::-webkit-scrollbar {
  width: 6px !important;
}
body.rg-theme-cyber-metal .modal-body::-webkit-scrollbar-thumb {
  background: rgba(0, 229, 255, 0.3) !important;
  border-radius: 999px !important;
}
body.rg-theme-cyber-metal .modal-body::-webkit-scrollbar-track {
  background: rgba(10, 14, 24, 0.5) !important;
}

/* Cover Drop Shell */
body.rg-theme-cyber-metal .rg-upload-cover-shell {
  margin-bottom: 20px !important;
}

body.rg-theme-cyber-metal .rg-upload-cover {
  display: block !important;
  width: 100% !important;
  border: 1.5px dashed rgba(255, 255, 255, 0.16) !important;
  border-radius: 16px !important;
  background: rgba(14, 19, 32, 0.65) !important;
  padding: 20px !important;
  text-align: center !important;
  cursor: pointer !important;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative !important;
  overflow: hidden !important;
}

body.rg-theme-cyber-metal .rg-upload-cover:hover {
  border-color: rgba(0, 229, 255, 0.5) !important;
  background: rgba(0, 229, 255, 0.05) !important;
  box-shadow: 0 0 20px rgba(0, 229, 255, 0.15) inset, 0 8px 24px rgba(0, 0, 0, 0.4) !important;
  transform: translateY(-2px);
}

body.rg-theme-cyber-metal .rg-upload-cover-empty {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 5px !important;
}

body.rg-theme-cyber-metal .rg-upload-cover-kicker {
  display: inline-flex !important;
  align-items: center !important;
  padding: 2px 8px !important;
  border-radius: 6px !important;
  background: rgba(0, 229, 255, 0.14) !important;
  border: 1px solid rgba(0, 229, 255, 0.45) !important;
  color: var(--rg-cm-cyan) !important;
  font-size: 0.70rem !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  box-shadow: 0 0 10px rgba(0, 229, 255, 0.2) !important;
}

body.rg-theme-cyber-metal .rg-upload-cover-title {
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 1rem !important;
  margin-top: 4px !important;
}

body.rg-theme-cyber-metal .rg-upload-cover-note {
  color: #8c9cb0 !important;
  font-size: 0.78rem !important;
  font-weight: 500 !important;
}

body.rg-theme-cyber-metal .rg-upload-cover-preview {
  max-height: 180px !important;
  border-radius: 12px !important;
  object-fit: cover !important;
  margin: 0 auto !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.7), 0 0 16px rgba(0, 229, 255, 0.3) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

/* Section Dividers */
body.rg-theme-cyber-metal .rg-upload-section-label {
  font-size: 0.75rem !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color: var(--rg-cm-cyan) !important;
  margin: 18px 0 12px 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

body.rg-theme-cyber-metal .rg-upload-section-label::after {
  content: "" !important;
  flex: 1 1 auto !important;
  height: 1px !important;
  background: linear-gradient(90deg, rgba(0, 229, 255, 0.35) 0%, transparent 100%) !important;
}

/* Form Controls (Inputs, Selects, Textareas) */
body.rg-theme-cyber-metal .form-label {
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  color: #8c9cb0 !important;
  margin-bottom: 6px !important;
}

body.rg-theme-cyber-metal .form-control,
body.rg-theme-cyber-metal .form-select,
body.rg-theme-cyber-metal .rg-lyrics-editor {
  background: rgba(14, 19, 32, 0.85) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 12px !important;
  color: #ffffff !important;
  padding: 10px 14px !important;
  font-size: 0.90rem !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body.rg-theme-cyber-metal .form-control:focus,
body.rg-theme-cyber-metal .form-select:focus,
body.rg-theme-cyber-metal .rg-lyrics-editor:focus {
  background: rgba(18, 25, 42, 0.98) !important;
  border-color: var(--rg-cm-cyan) !important;
  box-shadow: 0 0 16px rgba(0, 229, 255, 0.35) !important;
  color: #ffffff !important;
  outline: none !important;
}

body.rg-theme-cyber-metal .form-select option {
  background: #0d121f !important;
  color: #ffffff !important;
}

body.rg-theme-cyber-metal .form-text {
  color: #8c9cb0 !important;
  font-size: 0.76rem !important;
}

/* Lyrics Textarea */
body.rg-theme-cyber-metal .rg-lyrics-editor {
  font-family: inherit !important;
  line-height: 1.5 !important;
}

/* Visibility Switch Pill */
body.rg-theme-cyber-metal .rg-upload-visibility {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 14px 16px !important;
  background: rgba(14, 19, 32, 0.65) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 14px !important;
  margin: 14px 0 18px 0 !important;
  cursor: pointer !important;
}

body.rg-theme-cyber-metal .rg-upload-visibility-title {
  display: block !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 0.90rem !important;
}

body.rg-theme-cyber-metal .rg-upload-visibility-text {
  display: block !important;
  color: #8c9cb0 !important;
  font-size: 0.76rem !important;
  margin-top: 2px !important;
}

body.rg-theme-cyber-metal .rg-upload-switch-wrap {
  position: relative !important;
  display: inline-block !important;
  width: 44px !important;
  height: 24px !important;
}

body.rg-theme-cyber-metal .rg-upload-switch-input {
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
}

body.rg-theme-cyber-metal .rg-upload-switch {
  position: absolute !important;
  cursor: pointer !important;
  inset: 0 !important;
  background: rgba(255, 255, 255, 0.15) !important;
  border-radius: 999px !important;
  transition: all 0.25s ease !important;
}

body.rg-theme-cyber-metal .rg-upload-switch::before {
  position: absolute !important;
  content: "" !important;
  height: 18px !important;
  width: 18px !important;
  left: 3px !important;
  bottom: 3px !important;
  background-color: #ffffff !important;
  border-radius: 50% !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body.rg-theme-cyber-metal .rg-upload-switch-input:checked + .rg-upload-switch {
  background: var(--rg-cm-cyan) !important;
  box-shadow: 0 0 12px rgba(0, 229, 255, 0.5) !important;
}

body.rg-theme-cyber-metal .rg-upload-switch-input:checked + .rg-upload-switch::before {
  transform: translateX(20px) !important;
  background-color: #060911 !important;
}

/* Audio Selector Card */
body.rg-theme-cyber-metal .rg-upload-audio-card {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 14px 16px !important;
  background: rgba(14, 19, 32, 0.85) !important;
  border: 1px solid rgba(0, 229, 255, 0.35) !important;
  border-radius: 14px !important;
  cursor: pointer !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
}

body.rg-theme-cyber-metal .rg-upload-audio-card:hover {
  border-color: var(--rg-cm-cyan) !important;
  background: rgba(0, 229, 255, 0.08) !important;
  box-shadow: 0 0 20px rgba(0, 229, 255, 0.25) !important;
  transform: translateY(-1px);
}

body.rg-theme-cyber-metal .rg-upload-audio-icon {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  border-radius: 10px !important;
  background: rgba(0, 229, 255, 0.15) !important;
  border: 1px solid rgba(0, 229, 255, 0.45) !important;
  color: var(--rg-cm-cyan) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 1.2rem !important;
  box-shadow: 0 0 12px rgba(0, 229, 255, 0.25) !important;
}

body.rg-theme-cyber-metal .rg-upload-audio-main {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

body.rg-theme-cyber-metal .rg-upload-audio-title {
  display: block !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 0.92rem !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.rg-theme-cyber-metal .rg-upload-audio-meta {
  display: block !important;
  color: #8c9cb0 !important;
  font-size: 0.76rem !important;
  margin-top: 2px !important;
}

body.rg-theme-cyber-metal .rg-upload-audio-action {
  padding: 6px 14px !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 0.78rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  transition: all 0.18s ease !important;
}

body.rg-theme-cyber-metal .rg-upload-audio-card:hover .rg-upload-audio-action {
  background: var(--rg-cm-cyan) !important;
  color: #060911 !important;
  border-color: var(--rg-cm-cyan) !important;
}

/* Modal Footer */
body.rg-theme-cyber-metal .modal-footer {
  padding: 16px 24px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  background: rgba(14, 19, 32, 0.5) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
}

body.rg-theme-cyber-metal .modal-footer .btn.btn-outline-light {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 12px !important;
  padding: 10px 22px !important;
  font-weight: 700 !important;
  font-size: 0.88rem !important;
  color: #8c9cb0 !important;
  transition: all 0.18s ease !important;
}

body.rg-theme-cyber-metal .modal-footer .btn.btn-outline-light:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.25) !important;
}

body.rg-theme-cyber-metal .modal-footer .btn.btn-danger,
body.rg-theme-cyber-metal #artistUploadSubmitBtn {
  background: linear-gradient(135deg, #ff2e54 0%, #d4143d 100%) !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 10px 28px !important;
  font-weight: 800 !important;
  font-size: 0.90rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  color: #ffffff !important;
  box-shadow: 0 0 24px rgba(255, 46, 84, 0.6) !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  cursor: pointer !important;
}

body.rg-theme-cyber-metal .modal-footer .btn.btn-danger:hover,
body.rg-theme-cyber-metal #artistUploadSubmitBtn:hover {
  box-shadow: 0 0 32px rgba(255, 46, 84, 0.85) !important;
  transform: translateY(-2px);
  color: #ffffff !important;
}

/* Upload Loading Overlay */
body.rg-theme-cyber-metal .upload-loading-overlay {
  background: rgba(6, 9, 16, 0.95) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 22px !important;
}

body.rg-theme-cyber-metal .upload-loading-box {
  background: rgba(14, 19, 32, 0.95) !important;
  border: 1px solid rgba(0, 229, 255, 0.4) !important;
  border-radius: 20px !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.9), 0 0 30px rgba(0, 229, 255, 0.25) !important;
  padding: 32px !important;
}

body.rg-theme-cyber-metal .upload-loading-spinner {
  border: 4px solid rgba(0, 229, 255, 0.15) !important;
  border-top-color: var(--rg-cm-cyan) !important;
  border-right-color: var(--rg-cm-crimson) !important;
  box-shadow: 0 0 20px rgba(0, 229, 255, 0.35) !important;
}

body.rg-theme-cyber-metal .upload-loading-title {
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 1.1rem !important;
}

body.rg-theme-cyber-metal .upload-loading-text {
  color: #8c9cb0 !important;
  font-size: 0.82rem !important;
}

/* ==========================================================================
   CYBER METAL USER PROFILE / CABINET (profile.php)
   ========================================================================== */
body.rg-theme-cyber-metal .profile-page-shell {
  max-width: 1040px !important;
  margin: 0 auto !important;
  padding-bottom: 120px !important;
}

body.rg-theme-cyber-metal .profile-page-header {
  margin-bottom: 20px !important;
}

body.rg-theme-cyber-metal .profile-page-title {
  font-size: 1.85rem !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

body.rg-theme-cyber-metal .profile-page-title::before {
  content: "" !important;
  display: inline-block !important;
  width: 10px !important;
  height: 10px !important;
  border-radius: 50% !important;
  background: var(--rg-cm-cyan) !important;
  box-shadow: 0 0 14px var(--rg-cm-cyan) !important;
}

/* Profile Hero Card */
body.rg-theme-cyber-metal .profile-hero-card {
  background: rgba(10, 14, 24, 0.95) !important;
  backdrop-filter: blur(28px) saturate(200%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(200%) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-top: 1px solid rgba(0, 229, 255, 0.3) !important;
  border-radius: 20px !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.9), 0 0 35px rgba(0, 229, 255, 0.08) !important;
  padding: 20px 26px !important;
  margin-bottom: 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  flex-wrap: wrap !important;
  position: relative !important;
  overflow: hidden !important;
}

body.rg-theme-cyber-metal .profile-hero-banner-bg {
  position: absolute !important;
  inset: 0 !important;
  background-size: cover !important;
  background-position: center !important;
  opacity: 0.35 !important;
  filter: saturate(140%) brightness(0.8) !important;
  pointer-events: none !important;
}
body.rg-theme-cyber-metal .profile-hero-card.has-profile-banner::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(90deg, rgba(10, 14, 24, 0.95) 0%, rgba(10, 14, 24, 0.7) 100%) !important;
  pointer-events: none !important;
}
body.rg-theme-cyber-metal .profile-hero-main,
body.rg-theme-cyber-metal .profile-hero-action {
  position: relative !important;
  z-index: 2 !important;
}

body.rg-theme-cyber-metal .profile-hero-main {
  display: flex !important;
  align-items: center !important;
  gap: 22px !important;
}

body.rg-theme-cyber-metal .profile-hero-avatar {
  width: 96px !important;
  height: 96px !important;
  min-width: 96px !important;
  border-radius: 50% !important;
  position: relative !important;
  padding: 3px !important;
  background: linear-gradient(135deg, var(--rg-cm-cyan) 0%, rgba(0, 229, 255, 0.2) 50%, #ff2e54 100%) !important;
  box-shadow: 0 0 24px rgba(0, 229, 255, 0.35) !important;
}

body.rg-theme-cyber-metal .profile-hero-avatar img,
body.rg-theme-cyber-metal .profile-hero-avatar-ph {
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  background: #111726 !important;
  display: block !important;
}

body.rg-theme-cyber-metal .profile-hero-info {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

body.rg-theme-cyber-metal .profile-hero-name {
  font-size: 1.55rem !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
  line-height: 1.2 !important;
}

body.rg-theme-cyber-metal .profile-hero-email-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 4px 12px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #8c9cb0 !important;
  font-size: 0.80rem !important;
  font-weight: 600 !important;
  width: fit-content !important;
}

body.rg-theme-cyber-metal .profile-hero-action .btn {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 12px !important;
  padding: 10px 20px !important;
  font-weight: 700 !important;
  font-size: 0.86rem !important;
  color: #ffffff !important;
  transition: all 0.2s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

body.rg-theme-cyber-metal .profile-hero-action .btn:hover {
  background: rgba(0, 229, 255, 0.15) !important;
  border-color: var(--rg-cm-cyan) !important;
  color: var(--rg-cm-cyan) !important;
  box-shadow: 0 0 16px rgba(0, 229, 255, 0.3) !important;
  transform: translateY(-2px);
}

/* 2-Column Cards Grid */
body.rg-theme-cyber-metal .profile-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr)) !important;
  gap: 24px !important;
}

body.rg-theme-cyber-metal .profile-card {
  background: rgba(10, 14, 24, 0.95) !important;
  backdrop-filter: blur(28px) saturate(200%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(200%) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 20px !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.85) !important;
  padding: 24px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

body.rg-theme-cyber-metal .profile-card-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding-bottom: 14px !important;
}

body.rg-theme-cyber-metal .profile-card-title {
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
}

body.rg-theme-cyber-metal .profile-card-icon {
  width: 20px !important;
  height: 20px !important;
  color: var(--rg-cm-cyan) !important;
}

/* Avatar Dropzone */
body.rg-theme-cyber-metal .profile-avatar-drop {
  border: 1.5px dashed rgba(255, 255, 255, 0.16) !important;
  border-radius: 16px !important;
  background: rgba(14, 19, 32, 0.6) !important;
  padding: 18px !important;
  text-align: center !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 8px !important;
}

body.rg-theme-cyber-metal .profile-avatar-drop:hover {
  border-color: rgba(0, 229, 255, 0.5) !important;
  background: rgba(0, 229, 255, 0.06) !important;
  box-shadow: 0 0 20px rgba(0, 229, 255, 0.15) inset !important;
}

body.rg-theme-cyber-metal .profile-avatar-preview {
  width: 72px !important;
  height: 72px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 2px solid var(--rg-cm-cyan) !important;
  box-shadow: 0 0 14px rgba(0, 229, 255, 0.3) !important;
}

/* Banner Dropzone */
body.rg-theme-cyber-metal .profile-banner-drop {
  border: 1.5px dashed rgba(255, 255, 255, 0.16) !important;
  border-radius: 16px !important;
  background: rgba(14, 19, 32, 0.6) !important;
  padding: 14px !important;
  text-align: center !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  min-height: 120px !important;
  overflow: hidden !important;
}

body.rg-theme-cyber-metal .profile-banner-drop:hover {
  border-color: rgba(0, 229, 255, 0.5) !important;
  background: rgba(0, 229, 255, 0.06) !important;
  box-shadow: 0 0 20px rgba(0, 229, 255, 0.15) inset !important;
}

body.rg-theme-cyber-metal .profile-banner-preview {
  width: 100% !important;
  height: 120px !important;
  border-radius: 10px !important;
  object-fit: cover !important;
  border: 1px solid rgba(0, 229, 255, 0.3) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
}

body.rg-theme-cyber-metal .profile-banner-hover-overlay {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, 0.65) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 0.88rem !important;
  opacity: 0 !important;
  transition: opacity 0.2s ease !important;
  border-radius: 16px !important;
}
body.rg-theme-cyber-metal .profile-banner-drop:hover .profile-banner-hover-overlay {
  opacity: 1 !important;
}

/* Password Input with Eye Toggle */
body.rg-theme-cyber-metal .profile-pass-group {
  position: relative !important;
}

body.rg-theme-cyber-metal .profile-pass-group .form-control {
  padding-right: 44px !important;
}

body.rg-theme-cyber-metal .profile-pass-toggle {
  position: absolute !important;
  right: 12px !important;
  top: 36px !important;
  background: transparent !important;
  border: none !important;
  color: #8c9cb0 !important;
  cursor: pointer !important;
  padding: 4px !important;
  transition: color 0.15s ease !important;
}

body.rg-theme-cyber-metal .profile-pass-toggle:hover {
  color: var(--rg-cm-cyan) !important;
}

/* Submit Buttons in Cabinet */
body.rg-theme-cyber-metal .profile-submit-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: 38px !important;
  padding: 0 20px !important;
  background: linear-gradient(135deg, rgba(22, 30, 48, 0.85) 0%, rgba(13, 18, 30, 0.95) 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  font-size: 0.82rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35) !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  cursor: pointer !important;
}

body.rg-theme-cyber-metal .profile-submit-btn:hover {
  background: rgba(0, 229, 255, 0.12) !important;
  border-color: rgba(0, 229, 255, 0.5) !important;
  color: var(--rg-cm-cyan) !important;
  box-shadow: 0 0 18px rgba(0, 229, 255, 0.25) !important;
  transform: translateY(-1px);
}

body.rg-theme-cyber-metal .profile-submit-btn:active {
  transform: translateY(0);
  background: rgba(0, 229, 255, 0.18) !important;
}

body.rg-theme-cyber-metal .profile-submit-btn:disabled,
body.rg-theme-cyber-metal .profile-submit-btn[disabled] {
  opacity: 0.3 !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  color: #64748b !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
}

/* Hide Search Button on Desktop Sidebar */
body.rg-theme-cyber-metal .rg-navbar-search .rg-premium-btn-search,
body.rg-theme-cyber-metal .rg-navbar-search button[type="submit"] {
  display: none !important;
}

@media (max-width: 991.98px) {
  body.rg-theme-cyber-metal .rg-navbar-search .rg-premium-btn-search,
  body.rg-theme-cyber-metal .rg-navbar-search button[type="submit"] {
    display: inline-flex !important;
  }
}

/* ==========================================================================
   CYBER METAL FAVORITES & ALBUM PAGES (BORDERLESS AMBIENT EDITION)
   ========================================================================== */
body.rg-theme-cyber-metal .favorites-hero-card,
body.rg-theme-cyber-metal .album-hero-card {
  background: linear-gradient(165deg, rgba(14, 18, 28, 0.65) 0%, rgba(8, 11, 18, 0.4) 100%) !important;
  backdrop-filter: blur(28px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(180%) !important;
  border: none !important;
  border-radius: 18px !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4) !important;
  padding: 16px 22px !important;
  margin-bottom: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
}

body.rg-theme-cyber-metal .favorites-hero-main {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

body.rg-theme-cyber-metal .favorites-hero-title {
  font-size: 1.45rem !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  letter-spacing: -0.01em !important;
  line-height: 1.15 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
}

body.rg-theme-cyber-metal .favorites-hero-title::before {
  display: none !important;
}

body.rg-theme-cyber-metal .favorites-stats-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 3px 9px !important;
  border-radius: 6px !important;
  background: rgba(255, 255, 255, 0.03) !important;
  border: none !important;
  color: #94a3b8 !important;
  font-size: 0.76rem !important;
  font-weight: 600 !important;
  width: fit-content !important;
  box-shadow: none !important;
}

body.rg-theme-cyber-metal .favorites-stats-star {
  color: #ff4769 !important;
  text-shadow: none !important;
}

body.rg-theme-cyber-metal .favorites-hero-actions {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

body.rg-theme-cyber-metal .favorites-play-btn {
  background: rgba(255, 255, 255, 0.05) !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 6px 14px !important;
  font-weight: 600 !important;
  font-size: 0.78rem !important;
  letter-spacing: 0.02em !important;
  color: #e2e8f0 !important;
  box-shadow: none !important;
  transition: all 0.2s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  cursor: pointer !important;
}

body.rg-theme-cyber-metal .favorites-play-btn:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  color: var(--rg-cm-cyan) !important;
  box-shadow: 0 0 12px rgba(0, 229, 255, 0.2) !important;
  transform: translateY(-1px);
}

/* Borderless Track Cards in Favorites & Album List */
body.rg-theme-cyber-metal [data-favorites-list] .track-card.track-list-row,
body.rg-theme-cyber-metal [data-album-track-list] .track-card.track-list-row {
  border: none !important;
  background: rgba(14, 18, 28, 0.4) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
  border-radius: 12px !important;
  transition: all 0.2s cubic-bezier(0.2, 0.9, 0.3, 1) !important;
}
body.rg-theme-cyber-metal [data-favorites-list] .track-card.track-list-row:hover,
body.rg-theme-cyber-metal [data-album-track-list] .track-card.track-list-row:hover {
  background: rgba(20, 26, 40, 0.65) !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35) !important;
  transform: translateY(-1px);
}
body.rg-theme-cyber-metal [data-favorites-list] .track-card.track-list-row.is-playing,
body.rg-theme-cyber-metal [data-album-track-list] .track-card.track-list-row.is-playing {
  border: none !important;
  background: linear-gradient(90deg, rgba(0, 229, 255, 0.09) 0%, rgba(14, 18, 28, 0.6) 100%) !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.45), inset 3px 0 0 var(--rg-cm-cyan) !important;
}

/* ==========================================================================
   NOW PLAYING STUDIO CARD (favorites.php & sidebars)
   ========================================================================== */
body.rg-theme-cyber-metal .rg-now-playing-sticky-wrap {
  position: sticky !important;
  top: 24px !important;
  z-index: 10 !important;
  margin-top: 0 !important;
}

body.rg-theme-cyber-metal .rg-now-playing-card {
  background: linear-gradient(165deg, rgba(14, 18, 28, 0.65) 0%, rgba(8, 11, 18, 0.4) 100%) !important;
  backdrop-filter: blur(28px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(180%) !important;
  border: none !important;
  border-radius: 20px !important;
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.45) !important;
  padding: 20px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  transition: all 0.3s ease !important;
}

body.rg-theme-cyber-metal .rg-npc-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
}

body.rg-theme-cyber-metal .rg-npc-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 0.72rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--rg-cm-cyan) !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  background: rgba(0, 229, 255, 0.1) !important;
  border: 1px solid rgba(0, 229, 255, 0.35) !important;
}

body.rg-theme-cyber-metal .rg-npc-live-dot {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: var(--rg-cm-cyan) !important;
  box-shadow: 0 0 10px var(--rg-cm-cyan) !important;
  animation: rgPulseLive 1.8s infinite ease-in-out !important;
}

@keyframes rgPulseLive {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.4; transform: scale(0.85); }
}

body.rg-theme-cyber-metal .rg-npc-wave {
  display: flex !important;
  align-items: flex-end !important;
  gap: 3px !important;
  height: 16px !important;
}

body.rg-theme-cyber-metal .rg-npc-wave span {
  width: 3px !important;
  height: 4px !important;
  background: var(--rg-cm-cyan) !important;
  border-radius: 2px !important;
  transition: height 0.2s ease !important;
}

body.rg-theme-cyber-metal .rg-now-playing-card.is-playing .rg-npc-wave span {
  animation: rgNpcWaveAnim 1.2s infinite ease-in-out !important;
}

body.rg-theme-cyber-metal .rg-now-playing-card.is-playing .rg-npc-wave span:nth-child(1) { animation-delay: 0.0s; }
body.rg-theme-cyber-metal .rg-now-playing-card.is-playing .rg-npc-wave span:nth-child(2) { animation-delay: 0.2s; }
body.rg-theme-cyber-metal .rg-now-playing-card.is-playing .rg-npc-wave span:nth-child(3) { animation-delay: 0.4s; }
body.rg-theme-cyber-metal .rg-now-playing-card.is-playing .rg-npc-wave span:nth-child(4) { animation-delay: 0.1s; }

@keyframes rgNpcWaveAnim {
  0%, 100% { height: 4px; }
  50% { height: 16px; }
}

/* Artwork Box */
body.rg-theme-cyber-metal .rg-npc-artwork-box {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.rg-theme-cyber-metal .rg-npc-artwork-glow {
  position: absolute !important;
  inset: 0 !important;
  border-radius: 18px !important;
  background-size: cover !important;
  background-position: center !important;
  filter: blur(36px) saturate(220%) !important;
  opacity: 0.55 !important;
  transform: scale(0.96) translateY(6px) !important;
  z-index: 1 !important;
  transition: all 0.4s ease !important;
  pointer-events: none !important;
}

body.rg-theme-cyber-metal .rg-npc-artwork-frame {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.6) !important;
  background: #080c14 !important;
  z-index: 2 !important;
}

body.rg-theme-cyber-metal .rg-npc-artwork-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: opacity 0.3s ease, transform 0.3s ease !important;
}

body.rg-theme-cyber-metal .rg-npc-artwork-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  background: radial-gradient(circle at center, rgba(0, 229, 255, 0.12) 0%, rgba(18, 24, 40, 0.95) 60%, rgba(8, 12, 20, 0.98) 100%);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}

body.rg-theme-cyber-metal .rg-npc-artwork-placeholder.d-none,
body.rg-theme-cyber-metal .rg-npc-artwork-placeholder[style*="display: none"] {
  display: none !important;
}

body.rg-theme-cyber-metal .rg-npc-ph-disc {
  width: 110px !important;
  height: 110px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(14, 20, 34, 0.9) 0%, rgba(26, 36, 60, 0.7) 40%, rgba(8, 12, 20, 0.95) 70%, rgba(0, 229, 255, 0.2) 100%) !important;
  border: 2px solid rgba(0, 229, 255, 0.35) !important;
  box-shadow: 0 0 30px rgba(0, 229, 255, 0.18), 0 0 0 8px rgba(255, 255, 255, 0.03), 0 0 0 16px rgba(255, 255, 255, 0.02) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: transform 0.3s ease !important;
}

body.rg-theme-cyber-metal .rg-now-playing-card.is-playing .rg-npc-ph-disc {
  animation: rgDiscSpin 14s linear infinite !important;
}

@keyframes rgDiscSpin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

body.rg-theme-cyber-metal .rg-npc-ph-center {
  width: 52px !important;
  height: 52px !important;
  border-radius: 50% !important;
  background: rgba(8, 12, 20, 0.95) !important;
  border: 1.5px solid rgba(0, 229, 255, 0.5) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--rg-cm-cyan) !important;
  box-shadow: 0 0 14px rgba(0, 229, 255, 0.3) inset !important;
}

body.rg-theme-cyber-metal .rg-npc-ph-label {
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.16em !important;
  color: #8c9cb0 !important;
  text-transform: uppercase !important;
}

/* Meta */
body.rg-theme-cyber-metal .rg-npc-meta {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

body.rg-theme-cyber-metal .rg-npc-genre-wrap {
  margin-bottom: 2px !important;
}

body.rg-theme-cyber-metal .rg-npc-title {
  font-size: 1.28rem !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  line-height: 1.25 !important;
  letter-spacing: 0.01em !important;
  margin: 0 !important;
  word-break: break-word !important;
}

body.rg-theme-cyber-metal .rg-npc-artist {
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  color: var(--rg-cm-text-muted) !important;
}

body.rg-theme-cyber-metal .rg-npc-artist a {
  color: #c5d3e8 !important;
  text-decoration: none !important;
  transition: color 0.18s ease !important;
}

body.rg-theme-cyber-metal .rg-npc-artist a:hover {
  color: var(--rg-cm-cyan) !important;
  text-decoration: underline !important;
}

/* Actions Row */
body.rg-theme-cyber-metal .rg-npc-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 4px;
  padding-top: 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

body.rg-theme-cyber-metal .rg-npc-actions.d-none {
  display: none !important;
}

body.rg-theme-cyber-metal .rg-npc-btn {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  padding: 6px 12px;
  color: #94a3b8;
  font-size: 0.78rem;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  box-shadow: none;
  transition: all 0.2s ease;
}

body.rg-theme-cyber-metal .rg-npc-btn.d-none,
body.rg-theme-cyber-metal .rg-npc-btn[hidden] {
  display: none !important;
}

body.rg-theme-cyber-metal .rg-npc-btn:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.16);
  color: #ffffff;
  box-shadow: none;
}

body.rg-theme-cyber-metal .rg-npc-btn.is-active,
body.rg-theme-cyber-metal .rg-npc-fav-star.is-active {
  color: #ff4769;
  text-shadow: none;
}

/* ==========================================================================
   CYBER METAL PLAYLISTS (BORDERLESS AMBIENT STUDIO EDITION)
   ========================================================================== */
body.rg-theme-cyber-metal .rg-playlists-page .rg-section-tag,
body.rg-theme-cyber-metal .rg-page-playlists-app .rg-section-tag {
  background: rgba(255, 255, 255, 0.03) !important;
  border: none !important;
  color: #94a3b8 !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  padding: 3px 8px !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

body.rg-theme-cyber-metal .rg-playlists-page .favorites-stats-pill,
body.rg-theme-cyber-metal .rg-page-playlists-app .favorites-stats-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 3px 9px !important;
  border-radius: 6px !important;
  background: rgba(255, 255, 255, 0.03) !important;
  border: none !important;
  color: #94a3b8 !important;
  font-size: 0.76rem !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

body.rg-theme-cyber-metal .rg-pl-sidebar-card {
  background: linear-gradient(165deg, rgba(14, 18, 28, 0.65) 0%, rgba(8, 11, 18, 0.4) 100%) !important;
  backdrop-filter: blur(28px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(180%) !important;
  border: none !important;
  border-radius: 18px;
  padding: 16px;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4) !important;
  position: sticky;
  top: 24px;
}

body.rg-theme-cyber-metal .rg-premium-btn-create-pl {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #e2e8f0 !important;
  border-radius: 8px !important;
  padding: 5px 10px !important;
  font-size: 0.76rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  white-space: nowrap !important;
  box-shadow: none !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
}
body.rg-theme-cyber-metal .rg-premium-btn-create-pl:hover {
  background: rgba(0, 229, 255, 0.12) !important;
  border-color: rgba(0, 229, 255, 0.35) !important;
  color: #ffffff !important;
  box-shadow: 0 0 12px rgba(0, 229, 255, 0.15) !important;
}

body.rg-theme-cyber-metal .rg-playlist-filter-input {
  width: 100%;
  background: rgba(8, 12, 20, 0.45) !important;
  border: none !important;
  border-radius: 10px;
  color: #ffffff;
  font-size: 0.82rem;
  padding: 7px 12px;
  outline: none;
  transition: all 0.2s ease;
}
body.rg-theme-cyber-metal .rg-playlist-filter-input:focus {
  background: rgba(12, 16, 26, 0.85) !important;
  box-shadow: 0 0 12px rgba(0, 229, 255, 0.12) !important;
}

/* Playlists Sidebar Nav List */
body.rg-theme-cyber-metal .rg-pl-nav-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-height: calc(100vh - 240px);
  overflow-y: auto;
  padding-right: 2px;
}
body.rg-theme-cyber-metal .rg-pl-nav-list::-webkit-scrollbar {
  width: 4px;
}
body.rg-theme-cyber-metal .rg-pl-nav-list::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 4px;
}

body.rg-theme-cyber-metal .rg-pl-nav-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 12px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.015) !important;
  border: none !important;
  text-decoration: none !important;
  position: relative;
  transition: all 0.2s cubic-bezier(0.2, 0.9, 0.3, 1);
}
body.rg-theme-cyber-metal .rg-pl-nav-item:hover {
  background: rgba(255, 255, 255, 0.05) !important;
  transform: translateX(2px);
}
body.rg-theme-cyber-metal .rg-pl-nav-item.is-active {
  background: linear-gradient(90deg, rgba(0, 229, 255, 0.07) 0%, rgba(255, 255, 255, 0.02) 100%) !important;
  border: none !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;
}

body.rg-theme-cyber-metal .rg-pl-nav-cover {
  width: 46px;
  height: 46px;
  min-width: 46px;
  max-width: 46px;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  background: #080c14;
  flex: 0 0 46px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}
body.rg-theme-cyber-metal .rg-pl-nav-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

body.rg-theme-cyber-metal .rg-pl-nav-info {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
body.rg-theme-cyber-metal .rg-pl-nav-title {
  color: #e2e8f0;
  font-weight: 700;
  font-size: 0.92rem;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 0.18s ease;
}
body.rg-theme-cyber-metal .rg-pl-nav-item.is-active .rg-pl-nav-title {
  color: #ffffff;
}
body.rg-theme-cyber-metal .rg-pl-nav-sub {
  color: #64748b;
  font-size: 0.75rem;
  font-weight: 500;
}

body.rg-theme-cyber-metal .rg-pl-nav-active-bar {
  position: absolute;
  right: 0;
  top: 8px;
  bottom: 8px;
  width: 2.5px;
  border-radius: 3px;
  background: var(--rg-cm-cyan);
  box-shadow: 0 0 6px rgba(0, 229, 255, 0.4);
}

/* Compact Playlist Header Bar */
body.rg-theme-cyber-metal .rg-playlist-header-card {
  background: linear-gradient(165deg, rgba(14, 18, 28, 0.65) 0%, rgba(8, 11, 18, 0.4) 100%) !important;
  backdrop-filter: blur(28px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(180%) !important;
  border: none !important;
  border-radius: 14px;
  padding: 10px 14px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35) !important;
}

body.rg-theme-cyber-metal .rg-playlist-title-compact {
  font-size: 1.12rem;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: -0.01em;
  max-width: 220px;
}

/* Lighter Play Button */
body.rg-theme-cyber-metal .rg-playlist-btn-play {
  background: rgba(255, 255, 255, 0.05) !important;
  border: none !important;
  color: #e2e8f0 !important;
  border-radius: 8px !important;
  padding: 5px 12px !important;
  font-size: 0.76rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  box-shadow: none !important;
  transition: all 0.2s ease !important;
}
body.rg-theme-cyber-metal .rg-playlist-btn-play:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  color: var(--rg-cm-cyan) !important;
  box-shadow: 0 0 10px rgba(0, 229, 255, 0.2) !important;
  transform: translateY(-1px) !important;
}

/* Scrollable Tracklist Container & Borderless Track Cards */
body.rg-theme-cyber-metal .rg-playlist-tracks-scroll-wrap {
  max-height: calc(100vh - 240px);
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 4px;
  padding-bottom: 80px;
  margin-right: -4px;
}
body.rg-theme-cyber-metal .rg-playlist-tracks-scroll-wrap::-webkit-scrollbar {
  width: 4px;
}
body.rg-theme-cyber-metal .rg-playlist-tracks-scroll-wrap::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.01);
  border-radius: 4px;
}
body.rg-theme-cyber-metal .rg-playlist-tracks-scroll-wrap::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 4px;
}
body.rg-theme-cyber-metal .rg-playlist-tracks-scroll-wrap::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 229, 255, 0.35);
}

/* Borderless Track Cards with Soft Ambient Depth */
body.rg-theme-cyber-metal .rg-playlist-tracks-scroll-wrap .track-card.track-list-row {
  border: none !important;
  background: rgba(14, 18, 28, 0.4) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
  border-radius: 12px !important;
  transition: all 0.2s cubic-bezier(0.2, 0.9, 0.3, 1) !important;
}
body.rg-theme-cyber-metal .rg-playlist-tracks-scroll-wrap .track-card.track-list-row:hover {
  background: rgba(20, 26, 40, 0.65) !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35) !important;
  transform: translateY(-1px);
}
body.rg-theme-cyber-metal .rg-playlist-tracks-scroll-wrap .track-card.track-list-row.is-playing {
  border: none !important;
  background: linear-gradient(90deg, rgba(0, 229, 255, 0.09) 0%, rgba(14, 18, 28, 0.6) 100%) !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.45), inset 3px 0 0 var(--rg-cm-cyan) !important;
}

/* Rename Button */
body.rg-theme-cyber-metal .rg-playlist-btn-subtle {
  background: rgba(255, 255, 255, 0.03) !important;
  border: none !important;
  color: #94a3b8 !important;
  border-radius: 8px !important;
  padding: 5px 8px !important;
  font-size: 0.76rem !important;
  font-weight: 600 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  box-shadow: none !important;
  transition: all 0.2s ease !important;
}
body.rg-theme-cyber-metal .rg-playlist-btn-subtle:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
}

/* Delete Button */
body.rg-theme-cyber-metal .rg-playlist-btn-delete {
  background: rgba(255, 255, 255, 0.03) !important;
  border: none !important;
  color: #94a3b8 !important;
  border-radius: 8px !important;
  padding: 5px 8px !important;
  font-size: 0.76rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
  transition: all 0.2s ease !important;
}
body.rg-theme-cyber-metal .rg-playlist-btn-delete:hover {
  background: rgba(255, 46, 84, 0.12) !important;
  color: #ff5376 !important;
}

/* Remove Track Button from Playlist */
body.rg-theme-cyber-metal .rg-playlist-track-remove-btn {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.06);
  color: #64748b;
  font-size: 1.1rem;
  line-height: 1;
  border-radius: 6px;
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
  box-shadow: none;
  transition: all 0.2s ease;
}
body.rg-theme-cyber-metal .rg-playlist-track-remove-btn:hover {
  background: rgba(255, 46, 84, 0.12);
  border-color: rgba(255, 46, 84, 0.25);
  color: #ff5376;
  box-shadow: none;
}

/* ==========================================================================
   CYBER METAL PLAYLISTS APP (ZERO WINDOW SCROLL, STUDIO DESKTOP)
   ========================================================================== */
@media (min-width: 992px) {
  body.rg-page-playlists-app {
    overflow-y: hidden !important;
  }

  body.rg-page-playlists-app #rg-content {
    padding-top: 14px !important;
    padding-bottom: 4px !important;
  }

  /* Center Tracks List Scroll */
  body.rg-page-playlists-app .rg-playlist-tracks-scroll-wrap {
    max-height: calc(100vh - 210px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  /* Left Sidebar Card */
  body.rg-page-playlists-app .rg-pl-sidebar-card {
    position: sticky !important;
    top: 14px !important;
    max-height: calc(100vh - 120px) !important;
  }
  body.rg-page-playlists-app .rg-pl-nav-list {
    max-height: calc(100vh - 240px) !important;
    overflow-y: auto !important;
  }

  /* Right Now Playing Card - Strict 1:1 Square Artwork */
  body.rg-page-playlists-app .rg-now-playing-sticky-wrap {
    position: sticky !important;
    top: 14px !important;
  }
  body.rg-page-playlists-app .rg-now-playing-card {
    padding: 16px !important;
    max-height: calc(100vh - 120px) !important;
    border: none !important;
    background: linear-gradient(165deg, rgba(14, 18, 28, 0.65) 0%, rgba(8, 11, 18, 0.4) 100%) !important;
    backdrop-filter: blur(28px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(28px) saturate(180%) !important;
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.45) !important;
  }
  body.rg-page-playlists-app .rg-npc-artwork-box {
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    margin-bottom: 10px !important;
  }
  body.rg-page-playlists-app .rg-npc-artwork-frame {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 1 / 1 !important;
  }
  body.rg-page-playlists-app .rg-npc-artwork-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
  body.rg-page-playlists-app .rg-npc-title {
    font-size: 1.1rem !important;
  }
}

/* ==========================================================================
   CONTEST / EVENTS PAGE (BORDERLESS AMBIENT EDITION)
   ========================================================================== */
body.rg-theme-cyber-metal .contest-page-shell {
  max-width: 1400px !important;
  margin: 0 auto !important;
}

/* 1. Contest Rules Card */
body.rg-theme-cyber-metal .contest-rules-card {
  border: none !important;
  background:
    radial-gradient(ellipse at 15% 40%, rgba(255, 46, 84, 0.08), transparent 55%),
    radial-gradient(ellipse at 85% 60%, rgba(0, 229, 255, 0.07), transparent 50%),
    linear-gradient(165deg, rgba(14, 18, 28, 0.7) 0%, rgba(8, 11, 18, 0.45) 100%) !important;
  backdrop-filter: blur(28px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(180%) !important;
  border-radius: 20px !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4) !important;
  overflow: hidden !important;
}

body.rg-theme-cyber-metal .contest-rules-head {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.03), transparent) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
  padding: 22px 28px !important;
}

body.rg-theme-cyber-metal .contest-rules-icon {
  background: rgba(255, 46, 84, 0.12) !important;
  border: 1px solid rgba(255, 46, 84, 0.3) !important;
  color: #ff5376 !important;
  box-shadow: 0 0 18px rgba(255, 46, 84, 0.25) !important;
  border-radius: 12px !important;
}

body.rg-theme-cyber-metal .contest-rules-kicker {
  color: var(--rg-cm-cyan) !important;
  font-weight: 800 !important;
  font-size: 0.78rem !important;
  letter-spacing: 0.1em !important;
}

body.rg-theme-cyber-metal .contest-rules-title {
  color: #ffffff !important;
  font-weight: 900 !important;
  font-size: 1.35rem !important;
  letter-spacing: -0.01em !important;
}

body.rg-theme-cyber-metal .contest-rules-toggle {
  background: rgba(255, 255, 255, 0.06) !important;
  border: none !important;
  border-radius: 8px !important;
  color: #cbd5e1 !important;
  padding: 8px 14px !important;
  font-weight: 700 !important;
  font-size: 0.78rem !important;
  transition: all 0.2s ease !important;
  box-shadow: none !important;
}

body.rg-theme-cyber-metal .contest-rules-toggle:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
}

body.rg-theme-cyber-metal .contest-rules-body {
  padding: 24px 28px !important;
}

body.rg-theme-cyber-metal .contest-rules-main {
  border-right: 1px solid rgba(255, 255, 255, 0.06) !important;
}

body.rg-theme-cyber-metal .contest-rules-text {
  color: #cbd5e1 !important;
  font-size: 0.95rem !important;
  line-height: 1.7 !important;
}

body.rg-theme-cyber-metal .contest-rules-note {
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  border-radius: 14px !important;
  padding: 14px 16px !important;
  color: #94a3b8 !important;
}

body.rg-theme-cyber-metal .contest-rules-note b {
  color: #f1f5f9 !important;
  font-weight: 700 !important;
}

body.rg-theme-cyber-metal .contest-rules-note-icon {
  background: rgba(0, 229, 255, 0.1) !important;
  border: 1px solid rgba(0, 229, 255, 0.25) !important;
  color: var(--rg-cm-cyan) !important;
  border-radius: 10px !important;
}

/* 2. Quick Actions Bar */
body.rg-theme-cyber-metal .contest-quick-actions {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

body.rg-theme-cyber-metal .contest-action-btn {
  background: rgba(255, 255, 255, 0.05) !important;
  border: none !important;
  border-radius: 10px !important;
  color: #e2e8f0 !important;
  padding: 8px 16px !important;
  font-size: 0.84rem !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  backdrop-filter: blur(16px) !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body.rg-theme-cyber-metal .contest-top-header {
  margin-bottom: 20px !important;
}

/* Fixed viewport desktop app-shell for events.php */
@media (min-width: 992px) {
  html:has(body.rg-events-page),
  body.rg-theme-cyber-metal.rg-events-page {
    overflow: hidden !important;
    height: 100vh !important;
    max-height: 100vh !important;
  }

  body.rg-theme-cyber-metal.rg-events-page #rg-content {
    height: calc(100vh - 56px) !important;
    max-height: calc(100vh - 56px) !important;
    overflow: hidden !important;
    padding-bottom: 84px !important;
    padding-top: 10px !important;
  }

  body.rg-theme-cyber-metal.rg-events-page #rg-content > .container {
    height: 100% !important;
    max-height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body.rg-theme-cyber-metal.rg-events-page .contest-page-shell {
    height: 100% !important;
    max-height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
  }

  body.rg-theme-cyber-metal.rg-events-page .contest-top-header {
    flex: 0 0 auto !important;
    margin-bottom: 16px !important;
  }

  body.rg-theme-cyber-metal.rg-events-page .contest-page-shell > .row {
    flex: 1 1 auto !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  body.rg-theme-cyber-metal.rg-events-page .contest-page-shell .col-12.col-xl-8.col-lg-7 {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
  }

  body.rg-theme-cyber-metal.rg-events-page .contest-tracks-scroll-wrap {
    flex: 1 1 auto !important;
    height: 100% !important;
    max-height: 100% !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-right: 8px !important;
    padding-bottom: 16px !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(255, 255, 255, 0.15) transparent !important;
  }

  body.rg-theme-cyber-metal.rg-events-page .contest-tracks-scroll-wrap::-webkit-scrollbar {
    width: 6px !important;
  }
  body.rg-theme-cyber-metal.rg-events-page .contest-tracks-scroll-wrap::-webkit-scrollbar-track {
    background: transparent !important;
  }
  body.rg-theme-cyber-metal.rg-events-page .contest-tracks-scroll-wrap::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.12) !important;
    border-radius: 999px !important;
  }
  body.rg-theme-cyber-metal.rg-events-page .contest-tracks-scroll-wrap::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 229, 255, 0.4) !important;
  }
}

/* Fixed viewport desktop app-shell for favorites.php & album.php */
@media (min-width: 992px) {
  html:has(body.rg-favorites-page),
  html:has(body.rg-album-page),
  html.rg-favorites-page,
  html.rg-album-page {
    overflow: hidden !important;
    height: 100vh !important;
    max-height: 100vh !important;
  }

  body.rg-theme-cyber-metal.rg-favorites-page,
  body.rg-theme-cyber-metal.rg-album-page {
    overflow: hidden !important;
    height: 100vh !important;
    max-height: 100vh !important;
    position: fixed !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    left: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
  }

  body.rg-theme-cyber-metal.rg-favorites-page #rg-content,
  body.rg-theme-cyber-metal.rg-album-page #rg-content {
    box-sizing: border-box !important;
    height: 100vh !important;
    max-height: 100vh !important;
    overflow: hidden !important;
    margin-left: var(--rg-cm-sidebar-width) !important;
    width: calc(100% - var(--rg-cm-sidebar-width)) !important;
    padding: 10px 0 90px 0 !important;
  }

  body.rg-theme-cyber-metal.rg-favorites-page #rg-content > .container,
  body.rg-theme-cyber-metal.rg-album-page #rg-content > .container {
    box-sizing: border-box !important;
    height: 100% !important;
    max-height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 0 28px !important;
    margin: 0 auto !important;
    overflow: hidden !important;
  }

  body.rg-theme-cyber-metal.rg-favorites-page #rg-content > .container > .row,
  body.rg-theme-cyber-metal.rg-album-page #rg-content > .container > .row {
    box-sizing: border-box !important;
    flex: 1 1 0% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    overflow: hidden !important;
    margin: 0 !important;
    --bs-gutter-y: 0 !important;
    gap: 0 !important;
  }

  body.rg-theme-cyber-metal.rg-favorites-page .col-12.col-xl-8.col-lg-7,
  body.rg-theme-cyber-metal.rg-album-page .col-12.col-xl-8.col-lg-7 {
    box-sizing: border-box !important;
    height: 100% !important;
    max-height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding-top: 0 !important;
  }

  body.rg-theme-cyber-metal.rg-favorites-page .col-12.col-xl-4.col-lg-5,
  body.rg-theme-cyber-metal.rg-album-page .col-12.col-xl-4.col-lg-5 {
    box-sizing: border-box !important;
    height: 100% !important;
    max-height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding-top: 0 !important;
  }

  body.rg-theme-cyber-metal.rg-favorites-page .favorites-hero-card,
  body.rg-theme-cyber-metal.rg-album-page .favorites-hero-card,
  body.rg-theme-cyber-metal.rg-album-page .album-hero-card {
    flex: 0 0 auto !important;
    margin-bottom: 10px !important;
  }

  body.rg-theme-cyber-metal.rg-album-page .album-reorder-note {
    flex: 0 0 auto !important;
    margin-bottom: 8px !important;
  }

  body.rg-theme-cyber-metal.rg-favorites-page .favorites-tracks-scroll-wrap,
  body.rg-theme-cyber-metal.rg-album-page .favorites-tracks-scroll-wrap {
    flex: 1 1 0% !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 100% !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-right: 6px !important;
    padding-bottom: 16px !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(255, 255, 255, 0.15) transparent !important;
  }

  body.rg-theme-cyber-metal.rg-favorites-page .rg-now-playing-sticky-wrap,
  body.rg-theme-cyber-metal.rg-album-page .rg-now-playing-sticky-wrap {
    height: auto !important;
    max-height: 100% !important;
    position: static !important;
    display: flex !important;
    flex-direction: column !important;
  }

  body.rg-theme-cyber-metal.rg-favorites-page .rg-now-playing-card,
  body.rg-theme-cyber-metal.rg-album-page .rg-now-playing-card {
    max-height: 100% !important;
    padding: 16px !important;
    gap: 12px !important;
  }

  body.rg-theme-cyber-metal.rg-favorites-page .rg-npc-artwork-box,
  body.rg-theme-cyber-metal.rg-album-page .rg-npc-artwork-box {
    width: 100% !important;
    max-width: 100% !important;
    max-height: none !important;
    aspect-ratio: 1 / 1 !important;
    margin: 0 !important;
  }

  body.rg-theme-cyber-metal.rg-favorites-page .favorites-tracks-scroll-wrap::-webkit-scrollbar,
  body.rg-theme-cyber-metal.rg-album-page .favorites-tracks-scroll-wrap::-webkit-scrollbar {
    width: 6px !important;
  }
  body.rg-theme-cyber-metal.rg-favorites-page .favorites-tracks-scroll-wrap::-webkit-scrollbar-track,
  body.rg-theme-cyber-metal.rg-album-page .favorites-tracks-scroll-wrap::-webkit-scrollbar-track {
    background: transparent !important;
  }
  body.rg-theme-cyber-metal.rg-favorites-page .favorites-tracks-scroll-wrap::-webkit-scrollbar-thumb,
  body.rg-theme-cyber-metal.rg-album-page .favorites-tracks-scroll-wrap::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.12) !important;
    border-radius: 999px !important;
  }
  body.rg-theme-cyber-metal.rg-favorites-page .favorites-tracks-scroll-wrap::-webkit-scrollbar-thumb:hover,
  body.rg-theme-cyber-metal.rg-album-page .favorites-tracks-scroll-wrap::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 229, 255, 0.4) !important;
  }
}

body.rg-theme-cyber-metal .rg-contest-kicker-badge {
  background: rgba(255, 46, 84, 0.15) !important;
  border: 1px solid rgba(255, 46, 84, 0.4) !important;
  color: #ff5376 !important;
  font-size: 0.72rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.1em !important;
  padding: 4px 10px !important;
  border-radius: 6px !important;
}

body.rg-theme-cyber-metal .rg-contest-count-badge {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #94a3b8 !important;
  font-size: 0.74rem !important;
  padding: 4px 10px !important;
  border-radius: 6px !important;
}

body.rg-theme-cyber-metal .contest-action-btn:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
}

body.rg-theme-cyber-metal .contest-action-btn-results {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #e2e8f0 !important;
}

body.rg-theme-cyber-metal .contest-action-btn-results:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
}

/* 3. Contest Track Cards (Borderless Ambient Studio - Exact Main Page Match) */
body.rg-theme-cyber-metal .contest-track-card.track-card.track-list-row,
body.rg-theme-cyber-metal .contest-page-shell .track-card {
  height: auto !important;
  min-height: 64px !important;
  padding: 7px 10px !important;
  border-radius: 13px !important;
  background: linear-gradient(165deg, rgba(14, 18, 28, 0.65) 0%, rgba(8, 11, 18, 0.4) 100%) !important;
  backdrop-filter: blur(28px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(180%) !important;
  border: none !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;
  overflow: hidden !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease !important;
}

body.rg-theme-cyber-metal .contest-track-card.track-card.track-list-row:hover,
body.rg-theme-cyber-metal .contest-page-shell .track-card:hover {
  transform: translateY(-2px) !important;
  background: linear-gradient(165deg, rgba(18, 24, 38, 0.8) 0%, rgba(10, 14, 24, 0.55) 100%) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.45) !important;
}

body.rg-theme-cyber-metal .contest-track-card.track-card.track-list-row.is-playing,
body.rg-theme-cyber-metal .contest-page-shell .track-card.is-playing {
  background: linear-gradient(165deg, rgba(20, 32, 54, 0.95) 0%, rgba(10, 18, 32, 0.85) 100%) !important;
  border-color: rgba(0, 229, 255, 0.35) !important;
  border-left: 3px solid #00e5ff !important;
  box-shadow: 0 0 24px rgba(0, 229, 255, 0.22), 0 10px 30px rgba(0, 0, 0, 0.45) !important;
}

body.rg-theme-cyber-metal .contest-track-card.track-card.track-list-row.is-playing .track-title {
  color: #00e5ff !important;
  text-shadow: 0 0 10px rgba(0, 229, 255, 0.35) !important;
}

body.rg-theme-cyber-metal .contest-track-card .track-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 0 !important;
}

body.rg-theme-cyber-metal .contest-track-card .track-cover-btn {
  width: 50px !important;
  min-width: 50px !important;
  max-width: 50px !important;
  height: 50px !important;
  min-height: 50px !important;
  max-height: 50px !important;
  flex: 0 0 50px !important;
  border-radius: 10px !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.5) !important;
}

body.rg-theme-cyber-metal .contest-track-card .track-title {
  font-size: 0.86rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  color: #ffffff !important;
  margin: 0 0 3px 0 !important;
}

body.rg-theme-cyber-metal .contest-track-card .track-author-line {
  font-size: 0.73rem !important;
  line-height: 1.15 !important;
  color: var(--rg-cm-text-muted) !important;
}

body.rg-theme-cyber-metal .contest-track-card .track-contest-tag {
  color: var(--rg-cm-cyan) !important;
  font-weight: 800 !important;
  font-size: 0.76rem !important;
}

/* 4. Vote Buttons (Lightweight Ambient Glass) */
body.rg-theme-cyber-metal .vote-btn {
  border-radius: 6px !important;
  font-weight: 600 !important;
  font-size: 0.72rem !important;
  padding: 3px 8px !important;
  min-height: 24px !important;
  min-width: 58px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #94a3b8 !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  letter-spacing: 0.02em !important;
  box-sizing: border-box !important;
}

body.rg-theme-cyber-metal .vote-btn.btn-outline-warning {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #94a3b8 !important;
}

body.rg-theme-cyber-metal .vote-btn:hover,
body.rg-theme-cyber-metal .vote-btn.btn-outline-warning:hover {
  background: rgba(245, 158, 11, 0.12) !important;
  border-color: rgba(245, 158, 11, 0.35) !important;
  color: #fbbf24 !important;
  box-shadow: 0 0 10px rgba(245, 158, 11, 0.2) !important;
  transform: translateY(-1px) !important;
}

body.rg-theme-cyber-metal .vote-btn.btn-warning,
body.rg-theme-cyber-metal .vote-btn.is-voted {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.22) 0%, rgba(217, 119, 6, 0.15) 100%) !important;
  border: 1px solid rgba(245, 158, 11, 0.45) !important;
  color: #fbbf24 !important;
  font-weight: 800 !important;
  box-shadow: 0 0 12px rgba(245, 158, 11, 0.2) !important;
}

body.rg-theme-cyber-metal .vote-btn.btn-warning:hover,
body.rg-theme-cyber-metal .vote-btn.is-voted:hover {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
  border: none !important;
  color: #0b0f19 !important;
  box-shadow: 0 0 16px rgba(245, 158, 11, 0.35) !important;
}

body.rg-theme-cyber-metal .vote-rank-pill {
  padding: 3px 8px !important;
  font-size: 0.72rem !important;
  border-radius: 6px !important;
  min-height: 24px !important;
  min-width: 58px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
  color: #0b0f19 !important;
  font-weight: 800 !important;
  box-sizing: border-box !important;
}

/* 4.0 Contest Track Row Actions & Rating Alignment (Desktop only) */
@media (min-width: 577px) {
  body.rg-theme-cyber-metal .contest-track-card .track-list-favorite {
    width: 62px !important;
    min-width: 62px !important;
    flex: 0 0 62px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    margin-left: 0 !important;
    padding: 0 !important;
  }

  body.rg-theme-cyber-metal .contest-track-card .rg-track-personal-rating-desktop {
    display: inline-flex !important;
    margin-left: auto !important;
    margin-right: 6px !important;
    width: 115px !important;
    min-width: 115px !important;
    flex: 0 0 115px !important;
    justify-content: flex-end !important;
  }

  body.rg-theme-cyber-metal .contest-track-card .track-list-live-eq {
    margin-left: auto !important;
    margin-right: 6px !important;
  }

  body.rg-theme-cyber-metal .contest-track-card .track-list-live-eq ~ .rg-track-personal-rating-desktop {
    margin-left: 0 !important;
  }
}

/* 4.1 Contest Leaderboard Index & Points (Studio Edition) */
body.rg-theme-cyber-metal .contest-track-card.track-card.track-list-row .track-list-index {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  min-width: 28px !important;
  flex: 0 0 28px !important;
}

body.rg-theme-cyber-metal .contest-track-card.track-card.track-list-row .track-index-num,
body.rg-theme-cyber-metal .contest-track-card.track-card.track-list-row.is-playing .track-index-num {
  display: block !important;
  font-family: 'JetBrains Mono', 'SF Mono', Consolas, monospace !important;
  font-size: 0.86rem !important;
  font-weight: 700 !important;
  color: #64748b !important;
  letter-spacing: -0.02em !important;
}

body.rg-theme-cyber-metal .contest-track-card.track-card.track-list-row .track-index-wave,
body.rg-theme-cyber-metal .contest-track-card.track-card.track-list-row.is-playing .track-index-wave {
  display: none !important;
}

body.rg-theme-cyber-metal .contest-track-card.track-card.track-list-row.is-playing .track-list-live-eq {
  display: inline-flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 2.5px !important;
  height: 16px !important;
  margin-left: auto !important;
  margin-right: 8px !important;
}

body.rg-theme-cyber-metal .contest-track-card.track-card.track-list-row.is-playing .track-list-live-eq span {
  display: inline-block !important;
  width: 3px !important;
  height: 14px !important;
  background: var(--rg-cm-cyan) !important;
  border-radius: 2px !important;
  box-shadow: 0 0 8px var(--rg-cm-cyan) !important;
  transform-origin: bottom center !important;
  animation: rgTrackEqWaveBars 0.85s infinite ease-in-out alternate !important;
}

body.rg-theme-cyber-metal .contest-track-card.track-card.track-list-row.is-playing .track-list-live-eq span:nth-child(1) {
  animation-delay: 0.0s !important;
  animation-duration: 0.75s !important;
}
body.rg-theme-cyber-metal .contest-track-card.track-card.track-list-row.is-playing .track-list-live-eq span:nth-child(2) {
  animation-delay: 0.25s !important;
  animation-duration: 1.05s !important;
}
body.rg-theme-cyber-metal .contest-track-card.track-card.track-list-row.is-playing .track-list-live-eq span:nth-child(3) {
  animation-delay: 0.5s !important;
  animation-duration: 0.85s !important;
}
body.rg-theme-cyber-metal .contest-track-card.track-card.track-list-row.is-playing .track-list-live-eq span:nth-child(4) {
  animation-delay: 0.15s !important;
  animation-duration: 1.15s !important;
}

body.rg-theme-cyber-metal .contest-track-card.track-card.track-list-row .track-index-top-1,
body.rg-theme-cyber-metal .contest-track-card.track-card.track-list-row.is-playing .track-index-top-1 {
  color: #fbbf24 !important;
  font-size: 0.96rem !important;
  font-weight: 900 !important;
  text-shadow: 0 0 14px rgba(251, 191, 36, 0.6) !important;
}

body.rg-theme-cyber-metal .contest-track-card.track-card.track-list-row .track-index-top-2,
body.rg-theme-cyber-metal .contest-track-card.track-card.track-list-row.is-playing .track-index-top-2 {
  color: #e2e8f0 !important;
  font-size: 0.93rem !important;
  font-weight: 850 !important;
  text-shadow: 0 0 12px rgba(226, 232, 240, 0.4) !important;
}

body.rg-theme-cyber-metal .contest-track-card.track-card.track-list-row .track-index-top-3,
body.rg-theme-cyber-metal .contest-track-card.track-card.track-list-row.is-playing .track-index-top-3 {
  color: #d97706 !important;
  font-size: 0.91rem !important;
  font-weight: 850 !important;
  text-shadow: 0 0 12px rgba(217, 119, 6, 0.4) !important;
}

body.rg-theme-cyber-metal .contest-pts-badge {
  font-family: 'JetBrains Mono', 'SF Mono', Consolas, monospace !important;
  font-size: 0.70rem !important;
  font-weight: 700 !important;
  padding: 3px 8px !important;
  border-radius: 6px !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #94a3b8 !important;
  letter-spacing: 0.04em !important;
}

body.rg-theme-cyber-metal .contest-pts-badge.top-1 {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.18) 0%, rgba(217, 119, 6, 0.1) 100%) !important;
  border-color: rgba(245, 158, 11, 0.35) !important;
  color: #fbbf24 !important;
  box-shadow: 0 0 10px rgba(245, 158, 11, 0.2) !important;
}

body.rg-theme-cyber-metal .contest-pts-badge.top-2 {
  background: linear-gradient(135deg, rgba(226, 232, 240, 0.14) 0%, rgba(148, 163, 184, 0.08) 100%) !important;
  border-color: rgba(226, 232, 240, 0.25) !important;
  color: #e2e8f0 !important;
}

body.rg-theme-cyber-metal .contest-pts-badge.top-3 {
  background: linear-gradient(135deg, rgba(217, 119, 6, 0.14) 0%, rgba(180, 83, 9, 0.08) 100%) !important;
  border-color: rgba(217, 119, 6, 0.25) !important;
  color: #d97706 !important;
}

/* 5. Vote Modal */
body.rg-theme-cyber-metal #voteModal .modal-content {
  background: linear-gradient(165deg, rgba(16, 22, 34, 0.96) 0%, rgba(8, 12, 20, 0.98) 100%) !important;
  backdrop-filter: blur(28px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(180%) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 20px !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.7) !important;
}

body.rg-theme-cyber-metal #voteModal .modal-header,
body.rg-theme-cyber-metal #voteModal .modal-footer {
  border-color: rgba(255, 255, 255, 0.06) !important;
  padding: 18px 24px !important;
}

body.rg-theme-cyber-metal #voteModal .modal-body {
  padding: 20px 24px !important;
}

body.rg-theme-cyber-metal #voteModal .modal-title {
  font-weight: 800 !important;
  color: #ffffff !important;
}

body.rg-theme-cyber-metal #voteRankGrid .btn {
  border-radius: 8px !important;
  font-weight: 700 !important;
  min-width: 44px !important;
}

/* ==========================================================================
   CYBER METAL TRACK PAGE (track.php) STUDIO DESIGN
   ========================================================================== */
body.rg-theme-cyber-metal .track-page-container {
  max-width: 1200px !important;
  margin: 0 auto !important;
}

/* Left Column: Track Studio Card */
body.rg-theme-cyber-metal .track-studio-card {
  background: linear-gradient(165deg, rgba(14, 18, 28, 0.65) 0%, rgba(8, 11, 18, 0.4) 100%) !important;
  backdrop-filter: blur(28px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(180%) !important;
  border: none !important;
  border-radius: 22px !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4) !important;
  padding: 24px !important;
}

body.rg-theme-cyber-metal .track-studio-backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: radial-gradient(circle at 50% 20%, rgba(0, 229, 255, 0.08) 0%, rgba(255, 46, 84, 0.05) 50%, transparent 80%) !important;
  pointer-events: none !important;
}

body.rg-theme-cyber-metal .track-studio-content {
  position: relative !important;
  z-index: 2 !important;
}

body.rg-theme-cyber-metal .track-studio-back-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: #94a3b8 !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  padding: 5px 12px !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.04) !important;
  transition: all 0.2s ease !important;
}

body.rg-theme-cyber-metal .track-studio-back-btn:hover {
  color: #00e5ff !important;
  background: rgba(0, 229, 255, 0.1) !important;
  transform: translateX(-2px) !important;
}

body.rg-theme-cyber-metal .track-studio-genre-badge {
  background: rgba(0, 229, 255, 0.12) !important;
  border: 1px solid rgba(0, 229, 255, 0.4) !important;
  color: #00e5ff !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  padding: 4px 10px !important;
  border-radius: 6px !important;
  box-shadow: 0 0 12px rgba(0, 229, 255, 0.2) !important;
}

/* Studio Artwork Box */
body.rg-theme-cyber-metal .track-studio-artwork-box {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 0 16px 0 !important;
}

body.rg-theme-cyber-metal .track-studio-artwork-glow {
  position: absolute !important;
  inset: 12px !important;
  border-radius: 20px !important;
  background: radial-gradient(circle at center, rgba(0, 229, 255, 0.4) 0%, rgba(255, 46, 84, 0.25) 60%, transparent 80%) !important;
  filter: blur(28px) !important;
  opacity: 0.8 !important;
  z-index: 1 !important;
  transition: opacity 0.3s ease !important;
}

body.rg-theme-cyber-metal .track-studio-artwork-btn,
body.rg-theme-cyber-metal .track-studio-artwork-btn.track-cover-btn,
body.rg-theme-cyber-metal .track-studio-card .track-studio-artwork-btn.track-cover-btn {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: 100% !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  background: #0d121d !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.7) !important;
  cursor: pointer !important;
  display: block !important;
  flex: none !important;
}

body.rg-theme-cyber-metal .track-studio-cover-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body.rg-theme-cyber-metal .track-studio-artwork-btn:hover .track-studio-cover-img {
  transform: scale(1.04) !important;
}

body.rg-theme-cyber-metal .track-studio-cover-placeholder {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(0, 0, 0, 0.4) 100%) !important;
  color: #64748b !important;
}

/* Play Badge Overlay on Studio Card */
body.rg-theme-cyber-metal .track-studio-artwork-btn .playbadge {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, 0.4) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 0 !important;
  transition: all 0.25s ease !important;
}

body.rg-theme-cyber-metal .track-studio-artwork-btn:hover .playbadge,
body.rg-theme-cyber-metal .track-studio-artwork-btn[data-state="playing"] .playbadge {
  opacity: 1 !important;
}

body.rg-theme-cyber-metal .track-studio-artwork-btn .playbadge .icon {
  width: 58px !important;
  height: 58px !important;
  border-radius: 50% !important;
  background: rgba(0, 229, 255, 0.9) !important;
  box-shadow: 0 0 24px rgba(0, 229, 255, 0.6) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #0b0f19 !important;
  transform: scale(0.9) !important;
  transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

body.rg-theme-cyber-metal .track-studio-artwork-btn .playbadge .icon svg {
  fill: #0b0f19 !important;
  width: 28px !important;
  height: 28px !important;
  margin-left: 2px !important;
}

body.rg-theme-cyber-metal .track-studio-artwork-btn:hover .playbadge .icon {
  transform: scale(1.08) !important;
}

/* Title & Artist */
body.rg-theme-cyber-metal .track-studio-title {
  font-size: 1.6rem !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  letter-spacing: -0.01em !important;
  line-height: 1.2 !important;
  margin-bottom: 6px !important;
}

body.rg-theme-cyber-metal .track-studio-artist-link {
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  color: #94a3b8 !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

body.rg-theme-cyber-metal .track-studio-artist-link:hover {
  color: #00e5ff !important;
}

body.rg-theme-cyber-metal .track-studio-coauthor {
  font-size: 0.95rem !important;
  color: #64748b !important;
}

/* Studio Pills */
body.rg-theme-cyber-metal .track-studio-pill {
  font-size: 0.76rem !important;
  font-weight: 600 !important;
  color: #94a3b8 !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 3px 10px !important;
  border-radius: 6px !important;
  letter-spacing: 0.02em !important;
}

/* Studio Buttons (Share & Favorite) */
body.rg-theme-cyber-metal .track-studio-btn {
  border-radius: 10px !important;
  font-size: 0.86rem !important;
  font-weight: 700 !important;
  padding: 8px 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body.rg-theme-cyber-metal .track-studio-share-btn {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #e2e8f0 !important;
}

body.rg-theme-cyber-metal .track-studio-share-btn:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
}

body.rg-theme-cyber-metal .track-studio-fav-btn {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #94a3b8 !important;
}

body.rg-theme-cyber-metal .track-studio-fav-btn .track-fav-star {
  font-size: 1.05rem !important;
  line-height: 1 !important;
}

body.rg-theme-cyber-metal .track-studio-fav-btn:hover {
  background: rgba(255, 46, 84, 0.15) !important;
  border-color: rgba(255, 46, 84, 0.4) !important;
  color: #ff2e54 !important;
  box-shadow: 0 0 16px rgba(255, 46, 84, 0.3) !important;
  transform: translateY(-1px) !important;
}

body.rg-theme-cyber-metal .track-studio-fav-btn.is-active {
  background: rgba(255, 46, 84, 0.2) !important;
  border-color: rgba(255, 46, 84, 0.6) !important;
  color: #ff2e54 !important;
  box-shadow: 0 0 16px rgba(255, 46, 84, 0.4) !important;
}

/* Right Column: Lyrics Card */
body.rg-theme-cyber-metal .track-lyrics-card {
  background: linear-gradient(165deg, rgba(14, 18, 28, 0.65) 0%, rgba(8, 11, 18, 0.4) 100%) !important;
  backdrop-filter: blur(28px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(180%) !important;
  border: none !important;
  border-radius: 22px !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4) !important;
  padding: 28px 32px !important;
  min-height: 480px !important;
}

body.rg-theme-cyber-metal .track-lyrics-kicker {
  font-size: 0.72rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.12em !important;
  color: #00e5ff !important;
  text-transform: uppercase !important;
  margin-bottom: 2px !important;
}

body.rg-theme-cyber-metal .track-lyrics-title {
  font-size: 1.4rem !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  margin: 0 !important;
}

body.rg-theme-cyber-metal .track-lyrics-author-badge {
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  color: #94a3b8 !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 4px 12px !important;
  border-radius: 999px !important;
}

body.rg-theme-cyber-metal .track-lyrics-content {
  font-size: 1.05rem !important;
  line-height: 1.8 !important;
  color: #e2e8f0 !important;
}

body.rg-theme-cyber-metal .track-page-lyrics__section {
  font-size: 0.84rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: #00e5ff !important;
  margin-top: 20px !important;
  margin-bottom: 4px !important;
  text-shadow: 0 0 10px rgba(0, 229, 255, 0.3) !important;
}

body.rg-theme-cyber-metal .track-page-lyrics__section:first-child {
  margin-top: 0 !important;
}

body.rg-theme-cyber-metal .track-page-lyrics__line {
  color: rgba(255, 255, 255, 0.9) !important;
}

body.rg-theme-cyber-metal .track-page-lyrics__gap {
  height: 16px !important;
}

body.rg-theme-cyber-metal .track-lyrics-footer {
  border-top-color: rgba(255, 255, 255, 0.06) !important;
}

/* Fixed viewport desktop app-shell for track.php */
@media (min-width: 992px) {
  html:has(body.rg-track-page),
  body.rg-theme-cyber-metal.rg-track-page {
    overflow: hidden !important;
    height: 100vh !important;
    max-height: 100vh !important;
  }

  body.rg-theme-cyber-metal.rg-track-page #rg-content {
    height: calc(100vh - 56px) !important;
    max-height: calc(100vh - 56px) !important;
    overflow: hidden !important;
    padding-bottom: 84px !important;
    padding-top: 14px !important;
  }

  body.rg-theme-cyber-metal.rg-track-page .track-page-container {
    height: 100% !important;
    max-height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body.rg-theme-cyber-metal.rg-track-page .track-page-container > .row {
    height: 100% !important;
    min-height: 0 !important;
    flex: 1 1 auto !important;
  }

  body.rg-theme-cyber-metal.rg-track-page .track-page-container .col-12.col-lg-5 {
    height: 100% !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
  }

  body.rg-theme-cyber-metal.rg-track-page .track-page-container .col-12.col-lg-7 {
    height: 100% !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
  }

  body.rg-theme-cyber-metal.rg-track-page .track-studio-card {
    max-height: 100% !important;
    overflow-y: auto !important;
    scrollbar-width: thin !important;
  }

  body.rg-theme-cyber-metal.rg-track-page .track-lyrics-card {
    height: 100% !important;
    max-height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    min-height: 0 !important;
  }

  body.rg-theme-cyber-metal.rg-track-page .track-lyrics-content {
    flex: 1 1 auto !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-right: 12px !important;
    padding-bottom: 12px !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(255, 255, 255, 0.15) transparent !important;
  }

  body.rg-theme-cyber-metal.rg-track-page .track-lyrics-content::-webkit-scrollbar {
    width: 6px !important;
  }
  body.rg-theme-cyber-metal.rg-track-page .track-lyrics-content::-webkit-scrollbar-track {
    background: transparent !important;
  }
  body.rg-theme-cyber-metal.rg-track-page .track-lyrics-content::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.12) !important;
    border-radius: 999px !important;
  }
  body.rg-theme-cyber-metal.rg-track-page .track-lyrics-content::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 229, 255, 0.4) !important;
  }
}

/* ==========================================================================
   CONTEST TRACK UPLOAD PAGE (upload.php) CYBER METAL DESIGN
   ========================================================================== */
@media (min-width: 992px) {
  body.rg-theme-cyber-metal.rg-upload-contest-page #rg-content {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: calc(100vh - 56px) !important;
    padding-bottom: 84px !important;
    padding-top: 14px !important;
  }
}

body.rg-theme-cyber-metal .contest-upload-page-container,
body.rg-theme-cyber-metal.rg-upload-contest-page #rg-content > .container {
  max-width: 480px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

body.rg-theme-cyber-metal .contest-upload-glass-card {
  max-width: 480px !important;
  width: 100% !important;
  margin: 0 auto !important;
  background: linear-gradient(165deg, rgba(14, 18, 28, 0.8) 0%, rgba(8, 11, 18, 0.6) 100%) !important;
  backdrop-filter: blur(28px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(180%) !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  border-radius: 20px !important;
  padding: 24px !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.7), 0 0 35px rgba(0, 229, 255, 0.06) !important;
  position: relative !important;
}

body.rg-theme-cyber-metal .rg-contest-upload-dropzone {
  position: relative !important;
  border: 1px dashed rgba(255, 255, 255, 0.14) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.025) !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  cursor: pointer !important;
  overflow: hidden !important;
}

body.rg-theme-cyber-metal .rg-contest-upload-dropzone:hover {
  border-color: rgba(0, 229, 255, 0.45) !important;
  background: rgba(0, 229, 255, 0.04) !important;
  box-shadow: 0 0 16px rgba(0, 229, 255, 0.1) inset !important;
}

body.rg-theme-cyber-metal .rg-dropzone-hidden-input {
  position: absolute !important;
  inset: 0 !important;
  opacity: 0 !important;
  width: 100% !important;
  height: 100% !important;
  cursor: pointer !important;
  z-index: 5 !important;
}

body.rg-theme-cyber-metal .rg-dropzone-inner {
  position: relative !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

body.rg-theme-cyber-metal .rg-dropzone-preview-img {
  max-height: 38px !important;
  border-radius: 8px !important;
  object-fit: cover !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

body.rg-theme-cyber-metal .contest-upload-submit-btn {
  background: rgba(255, 255, 255, 0.07) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 12px !important;
  color: #f1f5f9 !important;
  font-weight: 700 !important;
  font-size: 0.92rem !important;
  padding: 11px 20px !important;
  letter-spacing: 0.02em !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25) !important;
  backdrop-filter: blur(12px) !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  cursor: pointer !important;
}

body.rg-theme-cyber-metal .contest-upload-submit-btn:hover {
  background: rgba(0, 229, 255, 0.15) !important;
  border-color: rgba(0, 229, 255, 0.45) !important;
  color: #ffffff !important;
  box-shadow: 0 0 20px rgba(0, 229, 255, 0.3), 0 6px 20px rgba(0, 0, 0, 0.35) !important;
  transform: translateY(-1px) !important;
}

/* ==========================================================================
   CONTEST CABINET (cabinet.php) CYBER METAL DESIGN
   ========================================================================== */
@media (min-width: 992px) {
  body.rg-theme-cyber-metal.rg-cabinet-contest-page #rg-content {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: calc(100vh - 56px) !important;
    padding-bottom: 84px !important;
    padding-top: 14px !important;
  }
}

body.rg-theme-cyber-metal .contest-cabinet-page-container,
body.rg-theme-cyber-metal.rg-cabinet-contest-page #rg-content > .container {
  max-width: 620px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

body.rg-theme-cyber-metal .contest-cabinet-glass-card {
  max-width: 620px !important;
  width: 100% !important;
  margin: 0 auto !important;
  background: linear-gradient(165deg, rgba(14, 18, 28, 0.8) 0%, rgba(8, 11, 18, 0.6) 100%) !important;
  backdrop-filter: blur(28px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(180%) !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  border-radius: 20px !important;
  padding: 24px !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.7), 0 0 35px rgba(0, 229, 255, 0.06) !important;
  position: relative !important;
}

body.rg-theme-cyber-metal .contest-cabinet-track-row {
  background: rgba(255, 255, 255, 0.025) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 14px !important;
  transition: all 0.2s ease !important;
}

body.rg-theme-cyber-metal .contest-cabinet-track-row:hover {
  background: rgba(255, 255, 255, 0.05) !important;
  border-color: rgba(0, 229, 255, 0.25) !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4) !important;
}

body.rg-theme-cyber-metal .contest-cabinet-cover-box {
  width: 48px !important;
  height: 48px !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  background: #0d121d !important;
}

body.rg-theme-cyber-metal .contest-cabinet-cover-box img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

body.rg-theme-cyber-metal .contest-cabinet-cover-ph {
  width: 100% !important;
  height: 100% !important;
  background: rgba(255, 255, 255, 0.05) !important;
}

body.rg-theme-cyber-metal .contest-delete-track-btn {
  background: rgba(255, 46, 84, 0.08) !important;
  border: 1px solid rgba(255, 46, 84, 0.25) !important;
  color: #ff5376 !important;
  border-radius: 10px !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  padding: 6px 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
}

body.rg-theme-cyber-metal .contest-delete-track-btn:hover {
  background: rgba(255, 46, 84, 0.2) !important;
  border-color: rgba(255, 46, 84, 0.6) !important;
  color: #ffffff !important;
  box-shadow: 0 0 16px rgba(255, 46, 84, 0.4) !important;
  transform: translateY(-1px) !important;
}

/* ==========================================================================
   SEARCH HERO INTEGRATED CARDS & DOCKS
   ========================================================================== */
body.rg-theme-cyber-metal .search-hero-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

body.rg-theme-cyber-metal .search-hero-card .favorites-hero-main {
  width: 100% !important;
}

body.rg-theme-cyber-metal .search-hero-card .js-search-section-artists,
body.rg-theme-cyber-metal .search-hero-card .js-search-section-albums {
  width: 100% !important;
}

body.rg-theme-cyber-metal .search-artist-card {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 14px !important;
  background: rgba(18, 24, 38, 0.65) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 14px !important;
  padding: 12px 16px !important;
  text-decoration: none !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  min-height: 68px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
body.rg-theme-cyber-metal .search-artist-card:hover {
  background: rgba(26, 35, 56, 0.85) !important;
  border-color: rgba(0, 229, 255, 0.4) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45) !important;
}
body.rg-theme-cyber-metal .search-artist-avatar-wrap {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 2px solid rgba(255, 255, 255, 0.18) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}
body.rg-theme-cyber-metal .search-artist-avatar-wrap img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}
body.rg-theme-cyber-metal .search-artist-avatar-ph {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--rg-cm-cyan) !important;
  font-weight: 800 !important;
  font-size: 1.1rem !important;
  background: rgba(0, 229, 255, 0.12) !important;
}
body.rg-theme-cyber-metal .search-artist-info {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}
body.rg-theme-cyber-metal .search-artist-name {
  font-weight: 700 !important;
  color: #ffffff !important;
  font-size: 0.95rem !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}
body.rg-theme-cyber-metal .search-artist-meta {
  color: #8c9cb0 !important;
  font-size: 0.8rem !important;
  font-weight: 500 !important;
}

/* Borderless Premium Filter Bar & Pills */
body.rg-theme-cyber-metal .search-filter-bar {
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  width: 100% !important;
  padding: 0 !important;
  margin-top: 4px !important;
}

body.rg-theme-cyber-metal .search-filter-pills-wrap {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
}

body.rg-theme-cyber-metal .search-filter-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
  outline: none !important;
  border-radius: 999px !important;
  padding: 6px 14px !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  color: #94a3b8 !important;
  background: rgba(255, 255, 255, 0.04) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  cursor: pointer !important;
  text-decoration: none !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
}

body.rg-theme-cyber-metal .search-filter-pill:hover {
  background: rgba(255, 255, 255, 0.09) !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
}

body.rg-theme-cyber-metal .search-filter-pill.active,
body.rg-theme-cyber-metal .search-filter-pill.is-active {
  background: linear-gradient(135deg, rgba(255, 46, 84, 0.85) 0%, rgba(255, 83, 118, 0.95) 100%) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 14px rgba(255, 46, 84, 0.4) !important;
  transform: translateY(-1px) !important;
}

/* ==========================================================================
   CONTEST ADMIN SUITE (PREMIUM CYBER METAL EDITION)
   ========================================================================== */
.rg-contest-admin-hero {
  background: linear-gradient(165deg, rgba(16, 22, 34, 0.85) 0%, rgba(9, 13, 20, 0.75) 100%) !important;
  backdrop-filter: blur(24px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(150%) !important;
  border: 1px solid rgba(87, 190, 238, 0.16) !important;
  border-radius: 12px !important;
  padding: 22px 26px !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45) !important;
}

.rg-contest-admin-hero::before {
  content: "" !important;
  position: absolute !important;
  top: -80px !important;
  right: -80px !important;
  width: 240px !important;
  height: 240px !important;
  background: radial-gradient(circle, rgba(87, 190, 238, 0.12) 0%, transparent 70%) !important;
  pointer-events: none !important;
}

.rg-contest-admin-phase-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 5px 12px !important;
  border-radius: 6px !important;
  font-size: 0.76rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;
}

.rg-contest-admin-phase-badge.phase-active {
  background: rgba(87, 190, 238, 0.12) !important;
  color: #38bdf8 !important;
  border: 1px solid rgba(87, 190, 238, 0.38) !important;
  box-shadow: 0 0 14px rgba(87, 190, 238, 0.18) !important;
}

.rg-contest-admin-phase-badge.phase-voting {
  background: rgba(239, 68, 68, 0.14) !important;
  color: #f87171 !important;
  border: 1px solid rgba(239, 68, 68, 0.4) !important;
  box-shadow: 0 0 14px rgba(239, 68, 68, 0.22) !important;
}

.rg-contest-admin-phase-badge.phase-finished {
  background: rgba(34, 197, 94, 0.12) !important;
  color: #4ade80 !important;
  border: 1px solid rgba(34, 197, 94, 0.35) !important;
  box-shadow: 0 0 14px rgba(34, 197, 94, 0.18) !important;
}

.rg-contest-admin-phase-badge.phase-archived {
  background: rgba(148, 163, 184, 0.12) !important;
  color: #cbd5e1 !important;
  border: 1px solid rgba(148, 163, 184, 0.3) !important;
}

/* Premium Cyber Buttons with Mild Rounding */
.rg-btn-cyber {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  padding: 7px 14px !important;
  border-radius: 8px !important;
  font-size: 0.84rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  white-space: nowrap !important;
}

.rg-btn-cyber-primary {
  background: linear-gradient(135deg, rgba(87, 190, 238, 0.2) 0%, rgba(6, 182, 212, 0.32) 100%) !important;
  border: 1px solid rgba(87, 190, 238, 0.45) !important;
  color: #67e8f9 !important;
  box-shadow: 0 2px 10px rgba(87, 190, 238, 0.15) !important;
}

.rg-btn-cyber-primary:hover {
  background: linear-gradient(135deg, rgba(87, 190, 238, 0.3) 0%, rgba(6, 182, 212, 0.45) 100%) !important;
  border-color: rgba(87, 190, 238, 0.7) !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 16px rgba(87, 190, 238, 0.3) !important;
}

.rg-btn-cyber-gold {
  background: linear-gradient(135deg, rgba(251, 191, 36, 0.18) 0%, rgba(217, 119, 6, 0.28) 100%) !important;
  border: 1px solid rgba(251, 191, 36, 0.45) !important;
  color: #fde047 !important;
  box-shadow: 0 2px 10px rgba(251, 191, 36, 0.15) !important;
}

.rg-btn-cyber-gold:hover {
  background: linear-gradient(135deg, rgba(251, 191, 36, 0.28) 0%, rgba(217, 119, 6, 0.4) 100%) !important;
  border-color: rgba(251, 191, 36, 0.7) !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 16px rgba(251, 191, 36, 0.3) !important;
}

.rg-btn-cyber-danger {
  background: linear-gradient(135deg, #ef4444 0%, #b91c1c 100%) !important;
  border: 1px solid rgba(239, 68, 68, 0.7) !important;
  color: #ffffff !important;
  box-shadow: 0 3px 14px rgba(239, 68, 68, 0.35) !important;
}

.rg-btn-cyber-danger:hover {
  background: linear-gradient(135deg, #f87171 0%, #dc2626 100%) !important;
  border-color: #f87171 !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(239, 68, 68, 0.5) !important;
}

.rg-btn-cyber-outline {
  background: rgba(14, 20, 32, 0.6) !important;
  border: 1px solid rgba(87, 190, 238, 0.28) !important;
  color: #bae6fd !important;
}

.rg-btn-cyber-outline:hover {
  background: rgba(87, 190, 238, 0.14) !important;
  border-color: rgba(87, 190, 238, 0.55) !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
}

.rg-btn-cyber-neutral {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #cbd5e1 !important;
}

.rg-btn-cyber-neutral:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
}

/* Voting Switch Widget */
.rg-contest-admin-switch-wrap {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 6px 12px !important;
  border-radius: 8px !important;
  background: rgba(10, 14, 24, 0.75) !important;
  border: 1px solid rgba(87, 190, 238, 0.22) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

/* 4 Stat Cards */
.rg-contest-admin-stat-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

@media (max-width: 991.98px) {
  .rg-contest-admin-stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 575.98px) {
  .rg-contest-admin-stat-grid {
    grid-template-columns: 1fr !important;
  }
}

.rg-contest-admin-stat-card {
  background: linear-gradient(180deg, rgba(14, 20, 32, 0.75) 0%, rgba(9, 13, 22, 0.85) 100%) !important;
  border: 1px solid rgba(87, 190, 238, 0.14) !important;
  border-top: 2px solid rgba(87, 190, 238, 0.45) !important;
  border-radius: 10px !important;
  padding: 14px 18px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  transition: all 0.25s ease !important;
}

.rg-contest-admin-stat-card:hover {
  border-color: rgba(87, 190, 238, 0.35) !important;
  border-top-color: #38bdf8 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35) !important;
}

.rg-contest-admin-stat-val {
  font-family: 'Unbounded', 'JetBrains Mono', Consolas, monospace !important;
  font-size: 1.65rem !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  line-height: 1.15 !important;
  margin-bottom: 4px !important;
}

.rg-contest-admin-stat-lbl {
  font-size: 0.74rem !important;
  font-weight: 700 !important;
  color: #8c9cb0 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}

/* Tabs */
.rg-contest-admin-tabs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  border-bottom: 1px solid rgba(87, 190, 238, 0.14) !important;
  padding-bottom: 12px !important;
  margin-bottom: 20px !important;
}

.rg-contest-admin-tab-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 9px 16px !important;
  border-radius: 8px !important;
  background: rgba(14, 20, 32, 0.6) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #94a3b8 !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  text-decoration: none !important;
}

.rg-contest-admin-tab-btn:hover {
  background: rgba(87, 190, 238, 0.1) !important;
  color: #ffffff !important;
  border-color: rgba(87, 190, 238, 0.28) !important;
}

.rg-contest-admin-tab-btn.is-active,
.rg-contest-admin-tab-btn.active {
  background: linear-gradient(135deg, rgba(87, 190, 238, 0.18) 0%, rgba(6, 182, 212, 0.08) 100%) !important;
  border-color: rgba(87, 190, 238, 0.5) !important;
  color: #38bdf8 !important;
  font-weight: 700 !important;
  box-shadow: 0 0 14px rgba(87, 190, 238, 0.16) !important;
}

/* Card & Table */
.rg-contest-admin-card {
  background: rgba(10, 15, 25, 0.75) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(87, 190, 238, 0.14) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.4) !important;
}

.rg-contest-admin-table {
  width: 100% !important;
  margin: 0 !important;
  color: #e2e8f0 !important;
  vertical-align: middle !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

.rg-contest-admin-table thead th {
  background: rgba(6, 9, 16, 0.8) !important;
  color: #8c9cb0 !important;
  font-size: 0.74rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  padding: 12px 14px !important;
  border-bottom: 1px solid rgba(87, 190, 238, 0.14) !important;
}

.rg-contest-admin-table tbody td {
  padding: 10px 14px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
  font-size: 0.85rem !important;
}

.rg-contest-admin-table tbody tr {
  transition: background 0.15s ease !important;
}

.rg-contest-admin-table tbody tr:hover {
  background: rgba(87, 190, 238, 0.04) !important;
}

.rg-contest-admin-table tbody tr:last-child td {
  border-bottom: none !important;
}

/* Action Buttons inside Table */
.rg-btn-cyber-action {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 6px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: #e2e8f0 !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}

.rg-btn-cyber-action:hover {
  background: rgba(87, 190, 238, 0.16) !important;
  border-color: rgba(87, 190, 238, 0.45) !important;
  color: #ffffff !important;
}

.rg-btn-cyber-disq {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  height: 28px !important;
  padding: 0 !important;
  border-radius: 6px !important;
  background: rgba(239, 68, 68, 0.12) !important;
  border: 1px solid rgba(239, 68, 68, 0.3) !important;
  color: #f87171 !important;
  font-size: 0.85rem !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}

.rg-btn-cyber-disq:hover {
  background: rgba(239, 68, 68, 0.25) !important;
  border-color: rgba(239, 68, 68, 0.6) !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
}

.rg-badge-cyber-suno {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 3px 8px !important;
  border-radius: 6px !important;
  background: rgba(14, 20, 32, 0.8) !important;
  border: 1px solid rgba(87, 190, 238, 0.28) !important;
  color: #38bdf8 !important;
  font-size: 0.74rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.rg-badge-cyber-suno:hover {
  background: rgba(87, 190, 238, 0.15) !important;
  border-color: rgba(87, 190, 238, 0.55) !important;
  color: #ffffff !important;
}

.rg-contest-search-input {
  background: rgba(14, 20, 32, 0.7) !important;
  border: 1px solid rgba(87, 190, 238, 0.2) !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  padding: 7px 12px !important;
  font-size: 0.82rem !important;
}

.rg-contest-search-input:focus {
  background: rgba(18, 26, 42, 0.9) !important;
  border-color: rgba(87, 190, 238, 0.55) !important;
  box-shadow: 0 0 12px rgba(87, 190, 238, 0.22) !important;
  color: #ffffff !important;
  outline: none !important;
}

/* ==========================================================================
   HOME HERO BANNER (ADMIN CUSTOMIZABLE)
   ========================================================================== */
body.rg-theme-cyber-metal .rg-board-block-hero.has-home-hero-banner.card {
  position: relative !important;
  background: #080b12 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  overflow: hidden !important;
  border: none !important;
}

body.rg-theme-cyber-metal .rg-board-block-hero.has-home-hero-banner.card::after {
  display: none !important;
  content: none !important;
}

body.rg-theme-cyber-metal .rg-home-hero-banner-img {
  position: absolute !important;
  inset: 0 !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  opacity: 0.65 !important;
  filter: saturate(115%) brightness(0.95) !important;
  pointer-events: none !important;
  z-index: 1 !important;
  border-radius: 20px !important;
}

body.rg-theme-cyber-metal .rg-home-hero-backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(90deg, rgba(8, 11, 18, 0.88) 0%, rgba(8, 11, 18, 0.50) 45%, rgba(8, 11, 18, 0.25) 75%, rgba(8, 11, 18, 0.60) 100%) !important;
  pointer-events: none !important;
  z-index: 2 !important;
  border-radius: 20px !important;
}

body.rg-theme-cyber-metal .rg-board-block-hero.has-home-hero-banner > .p-4 {
  position: relative !important;
  z-index: 3 !important;
}

body.rg-theme-cyber-metal .rg-admin-hero-banner-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  padding: 8px 14px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  background: rgba(255, 255, 255, 0.05) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  color: #e2e8f0 !important;
  transition: all 0.2s ease !important;
}

body.rg-theme-cyber-metal .rg-admin-hero-banner-btn:hover {
  background: rgba(0, 229, 255, 0.12) !important;
  border-color: rgba(0, 229, 255, 0.45) !important;
  color: #ffffff !important;
  box-shadow: 0 0 16px rgba(0, 229, 255, 0.2) !important;
  transform: translateY(-1px) !important;
}

@media (max-width: 991.98px) {
  body.rg-theme-cyber-metal .rg-admin-hero-banner-btn {
    display: none !important;
  }
}

/* ==========================================================================
   CONTEST PERSONAL TRACK RATINGS (5 STARS)
   ========================================================================== */
.rg-contest-toolbar {
  padding: 8px 14px !important;
  border-radius: 14px !important;
  background: rgba(14, 18, 28, 0.6) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
}

.rg-contest-sort-dock {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.rg-contest-sort-dock .btn {
  font-weight: 600 !important;
  font-size: 0.78rem !important;
  padding: 6px 13px !important;
  min-height: 36px !important;
  border-radius: 9px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  background: rgba(14, 18, 28, 0.7) !important;
  color: #94a3b8 !important;
  opacity: 0.65 !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  cursor: pointer !important;
  user-select: none !important;
  white-space: nowrap !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
}

.rg-contest-sort-dock .btn:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.25) !important;
  color: #ffffff !important;
  opacity: 0.95 !important;
  transform: translateY(-1px) !important;
}

.rg-contest-sort-dock .btn.active {
  opacity: 1 !important;
  font-weight: 800 !important;
  transform: none !important;
}

.rg-contest-sort-dock .btn.active svg {
  filter: drop-shadow(0 0 4px currentColor) !important;
}

.rg-contest-sort-dock .btn.active[data-sort-mode="default"] {
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.25) 0%, rgba(185, 28, 28, 0.35) 100%) !important;
  border: 1.5px solid #ef4444 !important;
  color: #ffffff !important;
  box-shadow: 0 0 16px rgba(239, 68, 68, 0.4), inset 0 0 8px rgba(239, 68, 68, 0.15) !important;
}

.rg-contest-sort-dock .btn.active[data-sort-mode="date"] {
  background: linear-gradient(135deg, rgba(6, 182, 212, 0.25) 0%, rgba(2, 132, 199, 0.35) 100%) !important;
  border: 1.5px solid #06b6d4 !important;
  color: #38bdf8 !important;
  box-shadow: 0 0 16px rgba(6, 182, 212, 0.4), inset 0 0 8px rgba(6, 182, 212, 0.15) !important;
}

.rg-contest-sort-dock .btn.active[data-sort-mode="my-rating"] {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.28) 0%, rgba(217, 119, 6, 0.38) 100%) !important;
  border: 1.5px solid #f59e0b !important;
  color: #fbbf24 !important;
  box-shadow: 0 0 16px rgba(245, 158, 11, 0.4), inset 0 0 8px rgba(245, 158, 11, 0.15) !important;
}

.rg-track-personal-rating {
  align-items: center !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  transition: opacity 0.2s ease !important;
  user-select: none !important;
  opacity: 0.45 !important;
}

.rg-track-personal-rating-desktop {
  display: inline-flex !important;
  margin-left: 0 !important;
  margin-right: 12px !important;
}

.rg-track-personal-rating-mobile {
  display: none !important;
}

.rg-stars-row:not([data-current-rating="0"]) ~ *,
.rg-track-personal-rating:has(.rg-stars-row:not([data-current-rating="0"])),
.track-row:hover .rg-track-personal-rating,
.track-row:focus-within .rg-track-personal-rating {
  opacity: 1 !important;
}

.rg-stars-row {
  display: flex !important;
  align-items: center !important;
  gap: 1px !important;
}

.rg-star-btn {
  background: transparent !important;
  border: none !important;
  padding: 4px 3px !important;
  min-width: 22px !important;
  min-height: 28px !important;
  color: rgba(255, 255, 255, 0.18) !important;
  cursor: pointer !important;
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: transform 0.12s ease, color 0.12s ease, filter 0.12s ease !important;
  border-radius: 4px !important;
  touch-action: manipulation !important;
  -webkit-tap-highlight-color: transparent !important;
  user-select: none !important;
}

.rg-star-btn svg {
  pointer-events: none !important;
}

.rg-star-btn .rg-star-icon-filled {
  display: none !important;
}

.rg-star-btn .rg-star-icon-outline {
  display: block !important;
  color: #ffffff !important;
  opacity: 0.85 !important;
  filter: none !important;
}

.rg-star-btn.is-active .rg-star-icon-filled,
.rg-star-btn.is-hovered .rg-star-icon-filled {
  display: block !important;
  color: #ffffff !important;
  filter: none !important;
}

.rg-star-btn.is-active .rg-star-icon-outline,
.rg-star-btn.is-hovered .rg-star-icon-outline {
  display: none !important;
}

.rg-star-btn:focus,
.rg-star-btn:focus-visible,
.rg-star-btn:active {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
  background: transparent !important;
}

.rg-star-btn:not(.is-active) {
  color: #ffffff !important;
  filter: none !important;
  transform: none !important;
}

.rg-star-btn:not(.is-active) .rg-star-icon-outline {
  color: #ffffff !important;
  opacity: 0.85 !important;
  filter: none !important;
}

@media (hover: hover) {
  .rg-star-btn:hover {
    transform: scale(1.22) !important;
    color: #ffffff !important;
    filter: none !important;
  }
  .rg-star-btn.is-hovered {
    color: #ffffff !important;
    filter: none !important;
  }
}

.rg-star-btn.is-active {
  color: #ffffff !important;
  filter: none !important;
}

@media (max-width: 576px) {
  body.rg-theme-cyber-metal .rg-contest-toolbar {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
  }
  body.rg-theme-cyber-metal .rg-contest-sort-wrap {
    width: 100% !important;
  }
  body.rg-theme-cyber-metal .rg-contest-sort-dock {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 6px !important;
  }
  body.rg-theme-cyber-metal .rg-contest-sort-dock .btn {
    width: 100% !important;
    padding: 7px 3px !important;
    font-size: 0.72rem !important;
    min-height: 38px !important;
    gap: 4px !important;
    white-space: nowrap !important;
    justify-content: center !important;
    text-align: center !important;
    border-radius: 8px !important;
  }
  body.rg-theme-cyber-metal .rg-contest-sort-dock .btn svg {
    width: 12px !important;
    height: 12px !important;
    flex-shrink: 0 !important;
  }
  body.rg-theme-cyber-metal .contest-track-card .track-contest-tag {
    display: none !important;
  }
  body.rg-theme-cyber-metal .rg-track-personal-rating-desktop,
  body.rg-theme-cyber-metal .contest-track-card .rg-track-personal-rating-desktop {
    display: none !important;
  }
  body.rg-theme-cyber-metal .track-author-line {
    display: flex !important;
    align-items: center !important;
    min-height: 18px !important;
  }
  body.rg-theme-cyber-metal .rg-track-personal-rating-mobile {
    display: inline-flex !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0.9 !important;
  }
  body.rg-theme-cyber-metal .rg-track-personal-rating-mobile:has(.rg-stars-row:not([data-current-rating="0"])),
  body.rg-theme-cyber-metal .track-row:hover .rg-track-personal-rating-mobile {
    opacity: 1 !important;
  }
  body.rg-theme-cyber-metal .rg-track-personal-rating-mobile .rg-stars-row {
    gap: 0px !important;
  }
  body.rg-theme-cyber-metal .rg-track-personal-rating-mobile .rg-star-btn {
    padding: 3px 2px !important;
    min-width: 18px !important;
    min-height: 24px !important;
    color: #ffffff !important;
  }
  body.rg-theme-cyber-metal .rg-track-personal-rating-mobile .rg-star-btn .rg-star-icon-outline {
    color: #ffffff !important;
    opacity: 0.85 !important;
    filter: none !important;
  }
  body.rg-theme-cyber-metal .rg-track-personal-rating-mobile .rg-star-btn svg {
    width: 13px !important;
    height: 13px !important;
  }
  body.rg-theme-cyber-metal .contest-track-card .track-list-favorite {
    width: auto !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
    margin-left: auto !important;
  }
}

/* ==========================================================================
   PERFORMANCE & SMOOTH SCROLL ACCELERATION (ARTIST & USER PROFILE PAGES)
   ========================================================================== */
body.rg-theme-cyber-metal.artist-page,
body.rg-theme-cyber-metal .artist-page {
  -webkit-font-smoothing: antialiased !important;
  text-rendering: optimizeLegibility !important;
}

body.rg-theme-cyber-metal.artist-page .artist-hero-card,
body.rg-theme-cyber-metal .artist-hero-card {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: linear-gradient(165deg, rgba(14, 18, 28, 0.88) 0%, rgba(8, 11, 18, 0.95) 100%) !important;
  transform: translateZ(0) !important;
  backface-visibility: hidden !important;
}

body.rg-theme-cyber-metal.artist-page .artist-hero-stats-dock,
body.rg-theme-cyber-metal .artist-hero-stats-dock {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: rgba(18, 24, 38, 0.85) !important;
}

body.rg-theme-cyber-metal.artist-page .artist-compact-album-card,
body.rg-theme-cyber-metal .artist-compact-album-card {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: rgba(14, 20, 34, 0.88) !important;
  transform: translateZ(0) !important;
}

body.rg-theme-cyber-metal.artist-page .artist-compact-album-card:hover,
body.rg-theme-cyber-metal .artist-compact-album-card:hover {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: rgba(20, 28, 48, 0.95) !important;
}

body.rg-theme-cyber-metal.artist-page #artistTracksGrid,
body.rg-theme-cyber-metal #artistTracksGrid {
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
  overflow: visible !important;
  position: relative !important;
}

body.rg-theme-cyber-metal.artist-page #artistTracksGrid:has(.has-menu-open),
body.rg-theme-cyber-metal.artist-page #artistTracksGrid:has(.is-open),
body.rg-theme-cyber-metal #artistTracksGrid:has(.has-menu-open),
body.rg-theme-cyber-metal #artistTracksGrid:has(.is-open) {
  z-index: 1000 !important;
}

body.rg-theme-cyber-metal.artist-page .track-card.track-list-row,
body.rg-theme-cyber-metal.artist-page .js-track-col {
  overflow: visible !important;
}

body.rg-theme-cyber-metal.artist-page .track-card.track-list-row {
  background: rgba(14, 18, 28, 0.65) !important;
  border: 1px solid rgba(255, 255, 255, 0.04) !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}

body.rg-theme-cyber-metal.artist-page .track-card.track-list-row:hover {
  background: rgba(22, 30, 48, 0.85) !important;
  border-color: rgba(0, 229, 255, 0.25) !important;
  transform: translateY(-1px) translateZ(0) !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35) !important;
}

body.rg-theme-cyber-metal.artist-page .track-card.track-list-row.is-playing,
body.rg-theme-cyber-metal.artist-page .track-card.track-list-row.is-active {
  background: linear-gradient(90deg, rgba(0, 229, 255, 0.12) 0%, rgba(14, 18, 28, 0.85) 100%) !important;
  border-color: rgba(0, 229, 255, 0.35) !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.45), inset 3px 0 0 var(--rg-cm-cyan) !important;
}

/* User Profile Cabinet (profile.php) */
body.rg-theme-cyber-metal .profile-page-shell,
body.rg-theme-cyber-metal .profile-hero-card {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transform: translateZ(0) !important;
}

/* Clickable Co-Authors Links */
body.rg-theme-cyber-metal .track-coauthor a.track-coauthor-link,
body.rg-theme-cyber-metal .track-studio-coauthor a.track-coauthor-link,
body.rg-theme-cyber-metal a.track-coauthor-link {
  color: #94a3b8 !important;
  text-decoration: none !important;
  transition: color 0.15s ease, text-shadow 0.15s ease !important;
  display: inline-block !important;
}

body.rg-theme-cyber-metal .track-coauthor a.track-coauthor-link:hover,
body.rg-theme-cyber-metal .track-studio-coauthor a.track-coauthor-link:hover,
body.rg-theme-cyber-metal a.track-coauthor-link:hover {
  color: var(--rg-cm-cyan, #00e5ff) !important;
  text-decoration: underline !important;
  text-shadow: 0 0 8px rgba(0, 229, 255, 0.4) !important;
}

/* Contest Organizer Button (Matches 'Слушать всё' style) */
body.rg-theme-cyber-metal .artist-action-btn--organizer {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 20px !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.05) !important;
  color: #e2e8f0 !important;
  font-weight: 600 !important;
  font-size: 0.82rem !important;
  letter-spacing: 0.02em !important;
  border: none !important;
  box-shadow: none !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
}

body.rg-theme-cyber-metal .artist-action-btn--organizer:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 0 14px rgba(0, 229, 255, 0.2) !important;
  transform: translateY(-1px) !important;
  color: var(--rg-cm-cyan) !important;
}

body.rg-theme-cyber-metal .artist-action-btn--organizer-active {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 20px !important;
  border-radius: 8px !important;
  background: rgba(0, 229, 255, 0.12) !important;
  border: 1px solid rgba(0, 229, 255, 0.35) !important;
  color: var(--rg-cm-cyan, #00e5ff) !important;
  font-weight: 600 !important;
  font-size: 0.82rem !important;
  letter-spacing: 0.02em !important;
  box-shadow: 0 0 14px rgba(0, 229, 255, 0.25) !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
}

body.rg-theme-cyber-metal .artist-action-btn--organizer-active:hover {
  background: rgba(0, 229, 255, 0.22) !important;
  border-color: rgba(0, 229, 255, 0.5) !important;
  color: #ffffff !important;
  box-shadow: 0 0 18px rgba(0, 229, 255, 0.45) !important;
  transform: translateY(-1px) !important;
}

/* ===== 👥 BAND / AI MUSIC COLLECTIVE STYLES ===== */

/* Badge next to artist name */
body.rg-theme-cyber-metal .band-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  vertical-align: middle !important;
  font-size: 0.52em !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  color: #0df !important;
  background: linear-gradient(135deg, rgba(0, 221, 255, 0.16) 0%, rgba(138, 43, 226, 0.16) 100%) !important;
  border: 1px solid rgba(0, 221, 255, 0.45) !important;
  border-radius: 8px !important;
  padding: 3px 9px !important;
  margin-left: 10px !important;
  text-transform: uppercase !important;
  box-shadow: 0 0 14px rgba(0, 221, 255, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
  position: relative !important;
  top: -4px !important;
}

body.rg-theme-cyber-metal .band-badge-icon {
  filter: drop-shadow(0 0 4px rgba(0, 221, 255, 0.7)) !important;
}


/* Members lineup */
body.rg-theme-cyber-metal .band-members-lineup {
  background: rgba(0, 0, 0, 0.25);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 12px 14px;
  max-width: 600px;
}

body.rg-theme-cyber-metal .band-members-label {
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: rgba(0, 221, 255, 0.7);
  text-transform: uppercase;
  margin-bottom: 10px;
}

body.rg-theme-cyber-metal .band-members-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

/* Member chip */
body.rg-theme-cyber-metal .band-member-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 5px 10px 5px 5px;
  border-radius: 50px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.85);
  text-decoration: none;
  font-size: 0.78rem;
  transition: background 0.2s, border-color 0.2s;
}

body.rg-theme-cyber-metal .band-member-chip:hover {
  background: rgba(0, 221, 255, 0.12);
  border-color: rgba(0, 221, 255, 0.35);
  color: #fff;
}

body.rg-theme-cyber-metal .band-member-chip--leader {
  border-color: rgba(255, 215, 0, 0.35);
  background: rgba(255, 215, 0, 0.07);
}

body.rg-theme-cyber-metal .band-member-chip--leader:hover {
  background: rgba(255, 215, 0, 0.14);
  border-color: rgba(255, 215, 0, 0.5);
}

body.rg-theme-cyber-metal .band-member-avatar {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

body.rg-theme-cyber-metal .band-member-name {
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.rg-theme-cyber-metal .band-member-crown {
  font-size: 0.7rem;
  color: #ffd700;
  opacity: 0.8;
}

/* Invite chip button */
body.rg-theme-cyber-metal .band-invite-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  border-radius: 50px;
  background: transparent;
  border: 1px dashed rgba(0, 221, 255, 0.4);
  color: rgba(0, 221, 255, 0.8);
  font-size: 0.78rem;
  cursor: pointer;
  transition: all 0.2s;
}

body.rg-theme-cyber-metal .band-invite-chip:hover {
  background: rgba(0, 221, 255, 0.1);
  border-color: rgba(0, 221, 255, 0.7);
  color: #0df;
}

body.rg-theme-cyber-metal .band-invite-plus {
  font-size: 1rem;
  line-height: 1;
}

/* Leave band button */
body.rg-theme-cyber-metal .band-leave-btn {
  background: transparent;
  border: 1px solid rgba(255, 80, 80, 0.35);
  color: rgba(255, 120, 120, 0.8);
  font-size: 0.72rem;
  padding: 3px 10px;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s;
}

body.rg-theme-cyber-metal .band-leave-btn:hover {
  background: rgba(255, 80, 80, 0.12);
  border-color: rgba(255, 80, 80, 0.6);
  color: #ff6060;
}

/* Invite search results */
body.rg-theme-cyber-metal .band-invite-results .band-invite-user-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 10px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.07);
  margin-bottom: 6px;
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.85);
}

body.rg-theme-cyber-metal .band-invite-send-btn {
  background: rgba(0, 221, 255, 0.12);
  border: 1px solid rgba(0, 221, 255, 0.35);
  color: #0df;
  font-size: 0.72rem;
  padding: 3px 10px;
  border-radius: 6px;
  transition: all 0.2s;
}

body.rg-theme-cyber-metal .band-invite-send-btn:hover {
  background: rgba(0, 221, 255, 0.22);
  border-color: rgba(0, 221, 255, 0.6);
}

/* ================================================================
   PROFILE TYPE SELECTOR — "Артист / AI Группа" cards
   ================================================================ */

body.rg-theme-cyber-metal .rg-create-type-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

body.rg-theme-cyber-metal .rg-create-type-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 16px 12px 14px;
  border-radius: 14px;
  background: rgba(14, 19, 32, 0.7);
  border: 1.5px solid rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.55);
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  text-align: center;
  line-height: 1.25;
}

body.rg-theme-cyber-metal .rg-create-type-card:hover {
  background: rgba(0, 221, 255, 0.07);
  border-color: rgba(0, 221, 255, 0.3);
  color: rgba(255, 255, 255, 0.85);
}

body.rg-theme-cyber-metal .rg-create-type-card--active {
  background: rgba(0, 221, 255, 0.1) !important;
  border-color: var(--rg-cm-cyan) !important;
  color: #fff !important;
  box-shadow: 0 0 18px rgba(0, 229, 255, 0.2), inset 0 1px 0 rgba(0, 229, 255, 0.15);
}

body.rg-theme-cyber-metal .rg-create-type-icon {
  font-size: 1.6rem;
  line-height: 1;
  filter: drop-shadow(0 0 6px rgba(0, 221, 255, 0.5));
}

body.rg-theme-cyber-metal .rg-create-type-name {
  font-weight: 700;
  font-size: 0.9rem;
  letter-spacing: 0.02em;
  color: inherit;
}

body.rg-theme-cyber-metal .rg-create-type-desc {
  font-size: 0.68rem;
  color: rgba(140, 156, 176, 0.85);
  line-height: 1.3;
}

body.rg-theme-cyber-metal .rg-create-type-card--active .rg-create-type-desc {
  color: rgba(0, 229, 255, 0.7);
}

/* ================================================================
   FILE DROP ZONE — styled file picker
   ================================================================ */

body.rg-theme-cyber-metal .rg-file-drop-zone {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 16px;
  border-radius: 14px;
  border: 1.5px dashed rgba(255, 255, 255, 0.15);
  background: rgba(14, 19, 32, 0.6);
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  width: 100%;
  margin-bottom: 0;
}

body.rg-theme-cyber-metal .rg-file-drop-zone:hover {
  border-color: rgba(0, 221, 255, 0.45);
  background: rgba(0, 221, 255, 0.06);
}

body.rg-theme-cyber-metal .rg-file-drop-zone--selected {
  border-color: rgba(0, 221, 255, 0.6) !important;
  border-style: solid !important;
  background: rgba(0, 221, 255, 0.08) !important;
}

body.rg-theme-cyber-metal .rg-file-drop-title {
  font-size: 0.85rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.8);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 320px;
}

body.rg-theme-cyber-metal .rg-file-drop-zone--selected .rg-file-drop-title {
  color: var(--rg-cm-cyan);
}

body.rg-theme-cyber-metal .rg-file-drop-hint {
  font-size: 0.7rem;
  color: #8c9cb0;
  margin-top: 2px;
}

/* Band invitation alert banner */
body.rg-theme-cyber-metal .band-invite-banner {
  background: linear-gradient(135deg, rgba(0, 221, 255, 0.12) 0%, rgba(14, 19, 32, 0.9) 100%);
  border: 1.5px solid rgba(0, 221, 255, 0.4);
  border-radius: 16px;
  padding: 16px 20px;
  box-shadow: 0 0 25px rgba(0, 221, 255, 0.15);
}

/* ================================================================
   HERO NOTIFICATION BELL & BAND INVITES MODAL
   ================================================================ */

body.rg-theme-cyber-metal .artist-hero-bell-btn {
  position: absolute !important;
  top: 18px !important;
  right: 18px !important;
  z-index: 99 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: rgba(14, 19, 32, 0.85) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1px solid rgba(0, 221, 255, 0.45) !important;
  color: var(--rg-cm-cyan) !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 0 18px rgba(0, 221, 255, 0.3) !important;
  padding: 0 !important;
}

body.rg-theme-cyber-metal .artist-hero-bell-btn * {
  pointer-events: none !important;
}

body.rg-theme-cyber-metal .artist-hero-bell-btn:hover {
  background: rgba(0, 221, 255, 0.22) !important;
  border-color: var(--rg-cm-cyan) !important;
  color: #fff !important;
  transform: scale(1.08) !important;
  box-shadow: 0 0 28px rgba(0, 221, 255, 0.6) !important;
}

body.rg-theme-cyber-metal .artist-hero-bell-badge {
  position: absolute !important;
  top: -3px !important;
  right: -3px !important;
  min-width: 20px !important;
  height: 20px !important;
  padding: 0 5px !important;
  border-radius: 50px !important;
  background: linear-gradient(135deg, #ff2e54 0%, #ff5277 100%) !important;
  color: #fff !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 2px solid #0a0e18 !important;
  box-shadow: 0 0 10px rgba(255, 46, 84, 0.7) !important;
  animation: hero-bell-pulse 2s infinite ease-in-out !important;
}

@keyframes hero-bell-pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.15); box-shadow: 0 0 16px rgba(255, 46, 84, 0.95); }
}

body.rg-theme-cyber-metal .band-invites-modal-content {
  background: radial-gradient(circle at top left, rgba(16, 24, 40, 0.98) 0%, rgba(10, 14, 24, 0.98) 100%) !important;
  border: 1px solid rgba(0, 221, 255, 0.25) !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.95), 0 0 35px rgba(0, 221, 255, 0.15) !important;
}

body.rg-theme-cyber-metal .band-modal-invite-card {
  background: linear-gradient(145deg, rgba(20, 28, 46, 0.75) 0%, rgba(12, 17, 30, 0.85) 100%) !important;
  border: 1px solid rgba(0, 221, 255, 0.2) !important;
  border-radius: 16px !important;
  padding: 16px 18px !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.3) !important;
}

body.rg-theme-cyber-metal .band-modal-invite-card:hover {
  border-color: rgba(0, 221, 255, 0.45) !important;
  box-shadow: 0 6px 24px rgba(0, 221, 255, 0.15) !important;
  transform: translateY(-2px) !important;
}

body.rg-theme-cyber-metal .band-modal-avatar-wrap {
  position: relative !important;
  flex-shrink: 0 !important;
}

body.rg-theme-cyber-metal .band-modal-avatar-img {
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 1.5px solid rgba(0, 221, 255, 0.4) !important;
  box-shadow: 0 0 12px rgba(0, 221, 255, 0.3) !important;
}

body.rg-theme-cyber-metal .band-modal-avatar-ph {
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, rgba(0, 221, 255, 0.15) 0%, rgba(138, 43, 226, 0.15) 100%) !important;
  border: 1.5px solid rgba(0, 221, 255, 0.4) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 0 12px rgba(0, 221, 255, 0.2) !important;
}

body.rg-theme-cyber-metal .band-modal-title {
  font-size: 1.02rem !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  letter-spacing: 0.02em !important;
}

body.rg-theme-cyber-metal .band-modal-tag {
  font-size: 0.62rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  color: var(--rg-cm-cyan) !important;
  background: rgba(0, 221, 255, 0.12) !important;
  border: 1px solid rgba(0, 221, 255, 0.35) !important;
  border-radius: 6px !important;
  padding: 1px 6px !important;
  text-transform: uppercase !important;
}

body.rg-theme-cyber-metal .band-modal-meta {
  font-size: 0.78rem !important;
  color: #8c9cb0 !important;
}

body.rg-theme-cyber-metal .band-modal-actions {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 14px !important;
}

body.rg-theme-cyber-metal .band-modal-btn-accept {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  flex: 1 1 auto !important;
  background: linear-gradient(135deg, #00f5a0 0%, #00d9f5 100%) !important;
  color: #061018 !important;
  font-weight: 800 !important;
  font-size: 0.82rem !important;
  letter-spacing: 0.02em !important;
  padding: 8px 16px !important;
  border-radius: 10px !important;
  border: none !important;
  box-shadow: 0 0 16px rgba(0, 245, 160, 0.35) !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body.rg-theme-cyber-metal .band-modal-btn-accept:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 0 24px rgba(0, 245, 160, 0.6) !important;
  color: #000 !important;
}

body.rg-theme-cyber-metal .band-modal-btn-decline {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255, 46, 84, 0.06) !important;
  color: #ff5277 !important;
  border: 1px solid rgba(255, 46, 84, 0.3) !important;
  font-weight: 700 !important;
  font-size: 0.82rem !important;
  padding: 8px 16px !important;
  border-radius: 10px !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body.rg-theme-cyber-metal .band-modal-btn-decline:hover {
  background: rgba(255, 46, 84, 0.18) !important;
  border-color: #ff2e54 !important;
  color: #ffffff !important;
  box-shadow: 0 0 14px rgba(255, 46, 84, 0.35) !important;
}

body.rg-theme-cyber-metal .band-modal-btn-view {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255, 255, 255, 0.05) !important;
  color: rgba(255, 255, 255, 0.7) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 10px !important;
  padding: 0 !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body.rg-theme-cyber-metal .band-modal-btn-view:hover {
  background: rgba(0, 221, 255, 0.15) !important;
  border-color: rgba(0, 221, 255, 0.4) !important;
  color: #ffffff !important;
  box-shadow: 0 0 12px rgba(0, 221, 255, 0.25) !important;
}