:root {
  --rb-bg: #03172d;
  --rb-panel: #062a52;
  --rb-panel-soft: #0a4a87;
  --rb-gold: #ffdf47;
  --rb-gold-soft: #fff3a3;
  --rb-green: #38d98d;
  --rb-red: #e20b19;
  --rb-text: #f7fbff;
  --rb-muted: #c6ddf4;
}

body.rb-customer-player {
  background:
    radial-gradient(circle at top left, rgba(226, 11, 25, 0.28), transparent 30rem),
    radial-gradient(circle at top right, rgba(255, 223, 71, 0.22), transparent 28rem),
    linear-gradient(180deg, #075ba3 0%, #03172d 60%, #010912 100%);
  color: var(--rb-text);
}

html.rb-embedded-player #install-banner,
html.rb-embedded-player #cookie-banner,
html.rb-embedded-player #cookie-modal {
  display: none !important;
}

.rb-customer-player.menu-open #hamburger {
  transform: none !important;
}

.rb-customer-player .seo-header {
  color: var(--rb-text);
}

.rb-customer-player .seo-header h1 {
  letter-spacing: 0;
}

.rb-customer-player .seo-header p {
  color: var(--rb-muted);
}

.rb-customer-player .player-card {
  border-color: rgba(255, 223, 71, 0.38);
  background: var(--rb-panel);
}

.rb-customer-player .player-card.playing {
  box-shadow: 0 0 0 2px rgba(255, 223, 71, 0.95), 0 18px 40px rgba(0, 0, 0, 0.45);
}

.rb-customer-player #player-bar,
.rb-customer-player #menu-drawer,
.rb-customer-player #cookie-banner,
.rb-customer-player .cookie-modal-inner,
.rb-customer-player #install-banner {
  background: rgba(6, 42, 82, 0.96);
  border-color: rgba(255, 223, 71, 0.32);
}

.rb-customer-player #playpause,
.rb-customer-player .btn-accept,
.rb-customer-player #cookie-save,
.rb-customer-player #install-btn {
  background: linear-gradient(135deg, var(--rb-gold-soft), var(--rb-gold));
  color: #111827;
}

.rb-customer-player #station-name,
.rb-customer-player #title-main,
.rb-customer-player .player-card-text {
  color: var(--rb-text);
}

.rb-customer-player #title-sub,
.rb-customer-player .history-list,
.rb-customer-player #cookie-banner p {
  color: var(--rb-muted);
}

.rb-customer-player #player-cover {
  background: #ffffff;
  object-fit: contain;
}

.rb-customer-player #mobile-nav {
  background: rgba(3, 23, 45, 0.94);
  border-top-color: rgba(255, 223, 71, 0.3);
}

.rb-customer-player #mobile-nav button.active,
.rb-customer-player .rb-live-dot {
  color: var(--rb-green);
}