/* Laravel-only hooks — no prototype visual overrides (colors, fonts, spacing come from danzflo-style.css + music.css) */

body.dashboard-page[class*="music-"] {
  max-width: 100%;
}

/* Sticky sidebar: prototype uses .music-left-rail { position: sticky; top: 92px } in music.css */
body.dashboard-page[class*="music-"] .music-wrap .container,
body.dashboard-page[class*="music-"] .music-wrap .row,
body.dashboard-page[class*="music-"] .col-lg-4,
body.dashboard-page[class*="music-"] .col-xl-3,
body.dashboard-page[class*="music-"] .col-lg-8,
body.dashboard-page[class*="music-"] .col-xl-9 {
  overflow: visible;
}

body.dashboard-page[class*="music-"] .music-wrap {
  padding-bottom: 96px;
  overflow: visible;
}

body.dashboard-page.music-store-page .music-wrap {
  padding-bottom: calc(96px + 4rem);
}

body.dashboard-page[class*="music-"] .dash-wrap {
  overflow: visible;
}

/* Legacy list rows use `.module.module-row` — do not apply carousel flex from danzflo-style */
body.dashboard-page[class*="music-"] .module.module-row {
  display: block;
  position: relative;
  overflow: visible;
  scroll-snap-type: none;
  gap: 0;
  padding-bottom: 0;
}

/* Legacy #main / #page wrappers must not affect layout */
body.dashboard-page[class*="music-"]:not(.music-promoter-mgmt-page) #main,
body.dashboard-page[class*="music-"]:not(.music-promoter-mgmt-page) #page,
body.dashboard-page[class*="music-"]:not(.music-promoter-mgmt-page) #page-content {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  min-height: 0 !important;
  overflow: visible !important;
}

body.dashboard-page[class*="music-"] .music-song-play.play-object,
body.dashboard-page[class*="music-"] .music-my-track-play-wrap.play-object {
  cursor: pointer;
  border: 0;
  background: transparent;
}

body.dashboard-page[class*="music-"] .music-details-play.play-object,
body.dashboard-page[class*="music-"] .music-my-toolbar-btn.play-object {
  cursor: pointer;
  text-decoration: none;
}

body.dashboard-page[class*="music-"] .music-details-actions a.favorite {
  cursor: pointer;
  text-decoration: none;
}

/* Add New Music — legacy upload host stays functional but invisible */
body.music-add-music-page .music-add-music-body .uploaded-files,
body.music-add-music-page .music-album-upload-body .uploaded-files,
body.music-add-music-page .v1-legacy-store-hooks {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

body.music-add-music-page .music-add-music-body .uploaded-files {
  margin: 0;
  padding: 0;
}

body.music-add-music-page .music-upload-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}

body.music-add-music-page .music-upload-cover {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

body.music-add-music-page .music-upload-cover-icon {
  pointer-events: none;
}

body.music-add-music-page .music-upload-cover-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.music-add-music-page .music-upload-cover-edit {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  text-align: center;
  line-height: 40px;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  cursor: pointer;
  opacity: 1;
  transition: opacity 0.15s ease;
}

body.music-add-music-page .music-upload-cover:hover .music-upload-cover-edit,
body.music-add-music-page .music-upload-cover:focus-within .music-upload-cover-edit {
  opacity: 1;
}

body.music-add-music-page .music-upload-cover-input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

body.music-add-music-page .music-add-music-panel,
body.music-add-music-page .music-album-upload-panel,
body.music-uploads-page .music-uploads-panel,
body.music-albums-page .music-albums-panel,
body.music-albums-page .music-album-detail-panel,
body.music-promoter-mgmt-page .music-promoter-panel {
  padding: 0;
}

body.music-add-music-page .music-artist-upload-hero,
body.music-uploads-page .music-artist-upload-hero,
body.music-albums-page .music-artist-upload-hero {
  overflow: visible;
}

body.music-artist-profile-page .music-artist-profile-avatar {
  background-size: cover;
  background-position: center;
}

body.music-artist-earning-page .music-artist-earning-row {
  display: grid;
  grid-template-columns: 2rem 1fr repeat(4, auto);
  gap: 12px;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .06);
}

body.music-artist-earning-page .music-artist-earning-title {
  color: #fff;
  text-decoration: none;
}

body.music-promotions-page .music-promo-list {
  display: grid;
  gap: 14px;
}

body.music-promotions-page .music-promo-card {
  display: flex;
  gap: 16px;
  padding: 16px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, .08);
  background: rgba(0, 0, 0, .18);
}

body.music-promotions-page .music-promo-card-media {
  width: 88px;
  height: 88px;
  flex-shrink: 0;
  border-radius: 10px;
  overflow: hidden;
}

body.music-promotions-page .music-promo-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.music-dashboard-page .music-dashboard-top-row {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .06);
}

body.music-dashboard-page .music-dashboard-top-play {
  position: relative;
  width: 52px;
  height: 52px;
  flex-shrink: 0;
  border-radius: 8px;
  overflow: hidden;
}

body.music-dashboard-page .music-dashboard-top-play img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Hide legacy chrome completely */
.music-legacy-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
}

/* Keep overlays above player/footer */
.cart .dropdown-menu {
  z-index: 1080;
}

.tooltip.header-notifications,
.tooltip.suggest,
.tooltip.emoji-tooltip {
  z-index: 1085;
}

/* Bootstrap 5 sets .tooltip { opacity: 0 } — override for legacy search suggest panel */
.tooltip.suggest:not(.hide) {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto;
}

.embed-container,
#embed_player {
  z-index: 1045;
}

/* Shared dark menu tokens — one look for all music dropdowns */
body.dashboard-page[class*="music-"] {
  --music-menu-bg: linear-gradient(
    180deg,
    rgba(88, 28, 135, 0.14) 0%,
    rgba(12, 16, 26, 0.96) 28%,
    rgba(10, 14, 24, 0.98) 100%
  );
  --music-menu-border: rgba(255, 255, 255, 0.12);
  --music-menu-text: rgba(234, 240, 255, 0.92);
  --music-menu-muted: rgba(234, 240, 255, 0.55);
  --music-menu-hover-bg: rgba(47, 157, 244, 0.22);
  --music-menu-hover-text: #fff;
  --music-menu-separator: rgba(255, 255, 255, 0.1);
  --music-menu-shadow: 0 16px 40px rgba(0, 0, 0, 0.45);
  --music-menu-radius: 12px;
}

/*
 * All jquery-contextMenu panels (Add Song, playlist flyouts, play menu,
 * profile, comment, queue). Colors only — do not override layout sizing
 * used by specialized menus (profile / comment / queue carets).
 */
body.dashboard-page[class*="music-"] .context-menu-list {
  background: var(--music-menu-bg) !important;
  border: 1px solid var(--music-menu-border) !important;
  border-radius: var(--music-menu-radius);
  box-shadow: var(--music-menu-shadow);
  color: var(--music-menu-text) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

body.dashboard-page[class*="music-"] .context-menu-list .context-menu-item {
  color: var(--music-menu-text) !important;
  background: transparent;
}

body.dashboard-page[class*="music-"] .context-menu-list .context-menu-item.context-menu-hover,
body.dashboard-page[class*="music-"] .context-menu-list .context-menu-item.context-menu-visible {
  background: var(--music-menu-hover-bg) !important;
  color: var(--music-menu-hover-text) !important;
}

body.dashboard-page[class*="music-"] .context-menu-list .context-menu-separator {
  border-bottom-color: var(--music-menu-separator) !important;
  border-top-color: transparent !important;
}

body.dashboard-page[class*="music-"] .context-menu-list .context-menu-submenu::after {
  border-left-color: var(--music-menu-muted) !important;
}

body.dashboard-page[class*="music-"] .context-menu-list .context-menu-item.context-menu-hover.context-menu-submenu::after,
body.dashboard-page[class*="music-"] .context-menu-list .context-menu-item.context-menu-visible.context-menu-submenu::after {
  border-left-color: var(--music-menu-hover-text) !important;
}

body.dashboard-page[class*="music-"] .context-menu-list li .context-song .context-song-info .title {
  color: var(--music-menu-text) !important;
}

body.dashboard-page[class*="music-"] .context-menu-list li .context-song .context-song-info .subtitle {
  color: var(--music-menu-muted) !important;
}

body.dashboard-page[class*="music-"] .context-menu-list li.contextmenu-item-info {
  background: rgba(255, 255, 255, 0.06) !important;
  border: none;
  color: var(--music-menu-text) !important;
}

/* Bootstrap toolbar / uploads menus — same tokens */
body.dashboard-page[class*="music-"] .dropdown-menu.music-my-dropdown,
body.dashboard-page[class*="music-"] .dropdown-menu.music-uploads-dropdown {
  background: var(--music-menu-bg) !important;
  border: 1px solid var(--music-menu-border) !important;
  border-radius: var(--music-menu-radius);
  box-shadow: var(--music-menu-shadow);
  color: var(--music-menu-text);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

body.dashboard-page[class*="music-"] .dropdown-menu.music-my-dropdown .dropdown-item,
body.dashboard-page[class*="music-"] .dropdown-menu.music-uploads-dropdown .dropdown-item {
  color: var(--music-menu-text) !important;
  background: transparent;
}

body.dashboard-page[class*="music-"] .dropdown-menu.music-my-dropdown .dropdown-item:hover,
body.dashboard-page[class*="music-"] .dropdown-menu.music-my-dropdown .dropdown-item:focus,
body.dashboard-page[class*="music-"] .dropdown-menu.music-my-dropdown .dropdown-item.is-active,
body.dashboard-page[class*="music-"] .dropdown-menu.music-uploads-dropdown .dropdown-item:hover,
body.dashboard-page[class*="music-"] .dropdown-menu.music-uploads-dropdown .dropdown-item:focus,
body.dashboard-page[class*="music-"] .dropdown-menu.music-uploads-dropdown .dropdown-item.is-active {
  background: var(--music-menu-hover-bg) !important;
  color: var(--music-menu-hover-text) !important;
}

body.dashboard-page[class*="music-"] .dropdown-menu.music-my-dropdown .dropdown-divider,
body.dashboard-page[class*="music-"] .dropdown-menu.music-uploads-dropdown .dropdown-divider {
  border-top-color: var(--music-menu-separator);
}

/* Header dropdown shell — v1 dark glass (profile + notifications) */
body.dashboard-page[class*="music-"] .context-menu-list.context-menu-profile,
.tooltip.header-notifications.music-notifications-dropdown {
  --music-header-dropdown-bg: var(--music-menu-bg);
  --music-header-dropdown-border: var(--music-menu-border);
  --music-header-dropdown-shadow: var(--music-menu-shadow);
}

.tooltip.header-notifications.music-notifications-dropdown {
  position: fixed !important;
  display: flex;
  flex-direction: column;
  width: 350px;
  max-width: calc(100vw - 24px);
  height: auto;
  max-height: min(72vh, 420px);
  padding: 0;
  margin: 0;
  border-radius: 14px;
  border: 1px solid var(--music-header-dropdown-border);
  background: var(--music-header-dropdown-bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: var(--music-header-dropdown-shadow);
  overflow: hidden;
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 1090;
  transform: none !important;
  inset: auto;
}

.tooltip.header-notifications.music-notifications-dropdown.hide {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none;
}

.tooltip.header-notifications.music-notifications-dropdown:before,
.tooltip.header-notifications.music-notifications-dropdown:after {
  display: none;
}

.music-notifications-dropdown-scroll {
  flex: 1 1 auto;
  height: auto;
  max-height: min(calc(72vh - 52px), 360px);
  overflow-x: hidden;
  overflow-y: auto;
  padding-bottom: 0;
  min-height: 0;
  /* Single native scrollbar only */
  scrollbar-width: thin;
  scrollbar-color: rgba(94, 184, 255, 0.35) transparent;
}

.music-notifications-dropdown-scroll::-webkit-scrollbar {
  width: 6px;
}

.music-notifications-dropdown-scroll::-webkit-scrollbar-track {
  background: transparent;
}

.music-notifications-dropdown-scroll::-webkit-scrollbar-thumb {
  background: rgba(94, 184, 255, 0.35);
  border-radius: 999px;
}

/* Kill SimpleBar second scroller if it was already mounted */
.music-notifications-dropdown-scroll .simplebar-track,
.tooltip.header-notifications.music-notifications-dropdown .simplebar-track {
  display: none !important;
  width: 0 !important;
  pointer-events: none !important;
}

.music-notifications-dropdown-scroll .simplebar-wrapper,
.music-notifications-dropdown-scroll .simplebar-mask,
.music-notifications-dropdown-scroll .simplebar-offset {
  height: auto !important;
  max-height: inherit;
}

.music-notifications-dropdown-scroll .simplebar-content-wrapper {
  height: auto !important;
  max-height: inherit;
  overflow: visible !important;
}

.music-notifications-dropdown-scroll .simplebar-content {
  height: auto !important;
  overflow: visible !important;
}

#notifications-container.music-notifications-dropdown-list {
  padding: 8px 12px;
}

.music-notifications-dropdown-list .music-notification-row {
  grid-template-columns: 48px minmax(0, 1fr) auto;
  gap: 10px;
  padding: 12px 4px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  color: rgba(234, 240, 255, 0.88);
}

.music-notifications-dropdown-list .music-notification-row:hover {
  background: rgba(255, 255, 255, 0.04);
}

.music-notifications-dropdown-list .music-notification-text {
  color: rgba(234, 240, 255, 0.72);
  font-size: 0.88rem;
  line-height: 1.45;
}

.music-notifications-dropdown-list .music-notification-text strong {
  color: #fff;
  font-weight: 800;
}

.music-notifications-dropdown-list .music-notification-time {
  color: rgba(234, 240, 255, 0.42);
  font-size: 0.74rem;
  font-weight: 600;
}

.music-notifications-dropdown-list .music-notification-avatar-wrap {
  width: 40px;
  height: 40px;
}

.music-notifications-dropdown-list .music-notification-avatar {
  width: 40px;
  height: 40px;
  border: 2px solid rgba(255, 255, 255, 0.1);
}

.music-notifications-dropdown-list .music-notification-reaction {
  width: 20px;
  height: 20px;
  font-size: 0.65rem;
  border-color: rgba(12, 18, 28, 0.95);
}

.music-notifications-dropdown-list .music-notifications-empty {
  min-height: 120px;
  margin: 4px 0;
  padding: 20px 12px;
  border-radius: 12px;
  border: 1px dashed rgba(255, 255, 255, 0.12);
  color: rgba(234, 240, 255, 0.48);
  background: transparent;
}

.music-notifications-dropdown-list .music-notifications-empty i {
  color: rgba(234, 240, 255, 0.42);
}

.music-notifications-dropdown-list .music-notifications-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 120px;
  margin: 4px 0;
  padding: 20px 12px;
  border-radius: 12px;
  color: rgba(234, 240, 255, 0.62);
  font-size: 0.86rem;
  font-weight: 600;
  text-align: center;
}

.music-notifications-spinner {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 2px solid rgba(94, 184, 255, 0.22);
  border-top-color: #5eb8ff;
  animation: musicNotificationsSpin 0.7s linear infinite;
}

@keyframes musicNotificationsSpin {
  to { transform: rotate(360deg); }
}

.music-notifications-dropdown-list .music-notifications-error p {
  margin: 0 0 10px;
}

.music-notifications-retry-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  padding: 0 14px;
  border: 1px solid rgba(94, 184, 255, 0.35);
  border-radius: 8px;
  background: rgba(94, 184, 255, 0.12);
  color: #5eb8ff;
  font-size: 0.8rem;
  font-weight: 700;
  cursor: pointer;
}

.music-notifications-retry-btn:hover {
  background: rgba(94, 184, 255, 0.2);
}

.music-notifications-dropdown-list .music-notification-action.is-decline {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(234, 240, 255, 0.72);
}

.tooltip.header-notifications.music-notifications-dropdown .see-all {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  line-height: 1;
  text-align: center;
  padding: 0 16px;
  color: rgba(234, 240, 255, 0.88);
  text-decoration: none;
  font-size: 0.84rem;
  font-weight: 700;
  position: static;
  letter-spacing: 0.01em;
}

.music-notifications-dropdown-footer {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
  flex: 0 0 auto;
  min-height: 44px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.04);
  position: relative;
  bottom: auto;
  left: auto;
  right: auto;
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
  overflow: hidden;
}

.music-notifications-clear-btn,
body.dashboard-page.music-notifications-page .music-notifications-clear-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 18px;
  border: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 0;
  background: transparent;
  color: rgba(234, 240, 255, 0.92);
  font: inherit;
  font-size: 0.84rem;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}

/* Dropdown Clear matches See all */
.tooltip.header-notifications.music-notifications-dropdown .music-notifications-clear-btn,
.tooltip.header-notifications.music-notifications-dropdown .music-notifications-clear-btn--dropdown {
  width: 100%;
  height: 44px;
  min-height: 44px;
  margin: 0;
  padding: 0 16px;
  border: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 0;
  background: transparent;
  color: rgba(234, 240, 255, 0.88);
  font-size: 0.84rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 1;
}

.tooltip.header-notifications.music-notifications-dropdown .music-notifications-clear-btn:hover:not(:disabled),
.tooltip.header-notifications.music-notifications-dropdown .see-all:hover {
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
}

.tooltip.header-notifications.music-notifications-dropdown .music-notifications-clear-btn:disabled {
  opacity: 0.45;
  cursor: default;
}

.music-notifications-clear-btn--dropdown {
  min-height: 44px;
}

.music-notifications-clear-btn:hover:not(:disabled),
body.dashboard-page.music-notifications-page .music-notifications-clear-btn:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
}

.music-notifications-clear-btn:disabled,
body.dashboard-page.music-notifications-page .music-notifications-clear-btn:disabled {
  opacity: 0.55;
  cursor: wait;
}

.tooltip.header-notifications.music-notifications-dropdown .see-all:hover {
  background: rgba(47, 157, 244, 0.16);
  color: #fff;
}

.tooltip.header-notifications.music-notifications-dropdown .see-all .caret {
  position: relative;
  top: 1px;
  border-left: 4px solid rgba(234, 240, 255, 0.62);
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  display: inline-block;
  margin-left: 6px;
}

/* Profile header dropdown — same dark glass shell */
body.dashboard-page[class*="music-"] .context-menu-list.context-menu-profile {
  z-index: 11000 !important;
  min-width: 220px;
  width: auto;
  max-width: min(280px, calc(100vw - 24px));
  padding: 8px 0;
  margin: 0;
  border: 1px solid var(--music-header-dropdown-border);
  border-radius: 14px;
  background: var(--music-header-dropdown-bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: var(--music-header-dropdown-shadow);
  list-style: none;
}

body.dashboard-page[class*="music-"] .context-menu-list.context-menu-profile .context-menu-item {
  padding: 11px 20px;
  font-size: 0.88rem;
  line-height: 1.35;
  font-weight: 700;
  color: rgba(234, 240, 255, 0.92);
}

body.dashboard-page[class*="music-"] .context-menu-list.context-menu-profile .context-menu-item.context-menu-hover {
  background: rgba(47, 157, 244, 0.16);
  color: #fff;
}

body.dashboard-page[class*="music-"] .context-menu-list.context-menu-profile .context-menu-item.context-menu-disabled {
  display: none;
}

body.dashboard-page[class*="music-"] .context-menu-list.context-menu-profile .context-menu-separator {
  padding: 0;
  margin: 6px 16px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

body.dashboard-page[class*="music-"] .context-menu-list.context-menu-profile li.contextmenu-subscription-block {
  display: none;
}

body.dashboard-page[class*="music-"] .context-menu-profile:before,
body.dashboard-page[class*="music-"] .context-menu-profile:after {
  display: none;
}

body.dashboard-page[class*="music-"].dark-theme .context-menu-list.context-menu-profile,
body.dashboard-page[class*="music-"].dark-theme .context-menu-list.context-menu-profile .context-menu-item {
  color: var(--music-menu-text);
  border-color: var(--music-menu-border);
}

body.dashboard-page[class*="music-"].dark-theme .context-menu-list.context-menu-profile {
  background: var(--music-menu-bg) !important;
}

body.dashboard-page[class*="music-"].dark-theme .context-menu-list.context-menu-profile .context-menu-item.context-menu-hover {
  background: var(--music-menu-hover-bg) !important;
  color: var(--music-menu-hover-text) !important;
}

body.dashboard-page[class*="music-"] #profile-button.active,
body.dashboard-page[class*="music-"] #notification-button.active,
body.dashboard-page[class*="music-"] .notification-button.active {
  background: rgba(255, 255, 255, 0.14);
  border-color: rgba(255, 255, 255, 0.2);
}

@media (min-width: 992px) {
  body.dashboard-page[class*="music-"] .nav-modern > .container {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
  }

  body.dashboard-page[class*="music-"] .nav-modern > .container > .d-lg-flex.ms-auto {
    display: flex !important;
    align-items: center;
    gap: 1rem;
    margin-left: auto !important;
    flex-wrap: nowrap;
    flex: 0 1 auto;
    min-width: 0;
  }

  body.dashboard-page[class*="music-"] .nav-modern .navbar-nav.nav-links {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    margin-bottom: 0;
    flex: 0 0 auto;
  }

  body.dashboard-page[class*="music-"] .nav-modern .nav-links .nav-link {
    white-space: nowrap;
  }
}

/* Header legacy hooks */
body.dashboard-page[class*="music-"] #header-search-container {
  position: relative;
  flex: 0 0 auto;
}

body.dashboard-page[class*="music-"] #header-search,
body.dashboard-page[class*="music-"] #header-search-mobile {
  --music-search-border: 1px solid rgba(255, 255, 255, 0.08);
  --music-search-bg: rgba(255, 255, 255, 0.06);
  --music-search-focus-border: 1px solid rgba(34, 211, 238, 0.35);
  --music-search-focus-shadow: 0 0 0 0.25rem rgba(34, 211, 238, 0.14);
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  width: 280px;
  height: 40px;
  padding: 0 14px 0 12px;
  margin: 0;
  background: var(--music-search-bg);
  border: var(--music-search-border);
  border-radius: 999px;
  box-shadow: none;
  outline: none;
  transition: none;
}

/* Idle / hover — same quiet border (matches notification button) */
body.dashboard-page[class*="music-"] #header-search:hover,
body.dashboard-page[class*="music-"] #header-search-mobile:hover {
  background: var(--music-search-bg);
  border: var(--music-search-border);
  box-shadow: none;
  outline: none;
}

/* Click, keyboard focus, and typing — identical teal ring */
body.dashboard-page[class*="music-"] #header-search:focus-within,
body.dashboard-page[class*="music-"] #header-search-mobile:focus-within,
body.dashboard-page[class*="music-"] #header-search:focus,
body.dashboard-page[class*="music-"] #header-search-mobile:focus,
body.dashboard-page[class*="music-"] #header-search:active,
body.dashboard-page[class*="music-"] #header-search-mobile:active {
  background: var(--music-search-bg) !important;
  border: var(--music-search-focus-border) !important;
  box-shadow: var(--music-search-focus-shadow) !important;
  outline: none !important;
}

body.dashboard-page[class*="music-"] #header-search-mobile {
  width: 100%;
}

body.dashboard-page[class*="music-"] #header-search .prediction,
body.dashboard-page[class*="music-"] #header-search-mobile .prediction {
  display: none;
}

body.dashboard-page[class*="music-"] #header-search input.search,
body.dashboard-page[class*="music-"] #header-search-mobile input.search {
  display: block;
  flex: 1;
  min-width: 0;
  width: auto;
  height: 38px;
  line-height: 38px;
  padding: 0;
  margin: 0;
  background: transparent !important;
  color: rgba(234, 240, 255, 0.92);
  border: 0 !important;
  border-radius: 0;
  box-shadow: none !important;
  outline: none !important;
  caret-color: #fff;
  font-size: 0.9rem;
  order: 2;
  -webkit-appearance: none;
  appearance: none;
}

/* Kill legacy/bootstrap input focus border so only the pill ring shows */
body.dashboard-page[class*="music-"] #header-search input.search:focus,
body.dashboard-page[class*="music-"] #header-search-mobile input.search:focus,
body.dashboard-page[class*="music-"] #header-search input.search:focus-visible,
body.dashboard-page[class*="music-"] #header-search-mobile input.search:focus-visible,
body.dashboard-page[class*="music-"] #header-search input.search:active,
body.dashboard-page[class*="music-"] #header-search-mobile input.search:active,
body.dashboard-page[class*="music-"] #header-search input.search.focused,
body.dashboard-page[class*="music-"] #header-search-mobile input.search.focused {
  background: transparent !important;
  color: rgba(234, 240, 255, 0.92) !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

body.dashboard-page[class*="music-"] #header-search input.search::placeholder,
body.dashboard-page[class*="music-"] #header-search-mobile input.search::placeholder {
  color: rgba(234, 240, 255, 0.45);
}

body.dashboard-page[class*="music-"] #header-search .srch-icon,
body.dashboard-page[class*="music-"] #header-search-mobile .srch-icon {
  position: static;
  top: auto;
  right: auto;
  order: 1;
  flex-shrink: 0;
  height: auto;
  width: auto;
  background: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  cursor: pointer;
  color: rgba(234, 240, 255, 0.55);
  outline: none;
  box-shadow: none;
}

body.dashboard-page[class*="music-"] #header-search .srch-icon:focus,
body.dashboard-page[class*="music-"] #header-search-mobile .srch-icon:focus,
body.dashboard-page[class*="music-"] #header-search .srch-icon:focus-visible,
body.dashboard-page[class*="music-"] #header-search-mobile .srch-icon:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

body.dashboard-page[class*="music-"] #header-search .srch-icon .icon.search,
body.dashboard-page[class*="music-"] #header-search-mobile .srch-icon .icon.search {
  position: static;
  fill: rgba(234, 240, 255, 0.55);
  width: 18px;
  height: 18px;
}

/* Same teal focus ring for .nav-search (click + keyboard + typing) */
body.dashboard-page[class*="music-"] .nav-search:focus-within,
body.dashboard-page[class*="music-"] .nav-search:focus,
body.dashboard-page[class*="music-"] .nav-search:active {
  border-color: rgba(34, 211, 238, 0.35) !important;
  box-shadow: 0 0 0 0.25rem rgba(34, 211, 238, 0.14) !important;
}

body.dashboard-page[class*="music-"] .nav-search .form-control:focus,
body.dashboard-page[class*="music-"] .nav-search .form-control:focus-visible {
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

body.dashboard-page[class*="music-"] #notification-button,
body.dashboard-page[class*="music-"] #cart-button,
body.dashboard-page[class*="music-"] #profile-button {
  position: relative;
}

body.dashboard-page[class*="music-"] .navbar.nav-modern,
body.dashboard-page[class*="music-"] .nav-glass {
  overflow: visible;
}

body.music-artists-page .music-artists-page-nav {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  line-height: 1;
  vertical-align: middle;
}

body.music-artists-page a.music-artists-page-nav {
  text-decoration: none;
}

body.music-artists-page span.music-artists-page-nav[aria-disabled="true"] {
  opacity: 0.45;
  cursor: not-allowed;
  pointer-events: none;
}

body.music-artist-page .music-artist-profile-toolbar button.music-my-toolbar-btn,
body.music-artist-page .music-artist-profile-toolbar button.music-artist-profile-sort {
  font-family: inherit;
  cursor: pointer;
}

/* Artist profile — legacy comments styled like v1 prototype */
body.dashboard-page.music-artist-page .music-artist-profile-comments-block .page-post-comment,
body.dashboard-page.music-artist-page .music-artist-profile-comments-block .music-details-comment-form.page-post-comment {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(0, 0, 0, 0.18);
  margin: 0;
  float: none;
  width: 100%;
  position: relative;
}

body.dashboard-page.music-artist-page .music-artist-profile-comments-block .user-comment-image,
body.dashboard-page.music-artist-page .music-artist-profile-comments-block .music-details-comment-avatar {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  margin: 0;
}

body.dashboard-page.music-artist-page .music-artist-profile-comments-block .music-details-comment-avatar.music-avatar-fallback {
  font-size: 1rem;
}

body.dashboard-page.music-artist-page .music-artist-profile-comments-block .comment-feed-msg {
  flex: 1;
  min-width: 0;
  border: 0;
  background: transparent;
  color: #fff;
  padding: 0;
  min-height: 24px;
  font-size: 0.88rem;
  border-radius: 0;
  float: none;
  width: auto;
  position: static;
}

body.dashboard-page.music-artist-page .music-artist-profile-comments-block .comment-feed-msg:empty:before {
  color: rgba(234, 240, 255, 0.42);
  width: auto;
  position: static;
}

body.dashboard-page.music-artist-page .music-artist-profile-comments-block .comment-form .insert-emoji,
body.dashboard-page.music-artist-page .music-artist-profile-comments-block .music-details-comment-emoji {
  position: static;
  right: auto;
  bottom: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: rgba(234, 240, 255, 0.55);
  flex-shrink: 0;
  cursor: pointer;
  padding: 0;
}

body.dashboard-page.music-artist-page .music-artist-profile-comments-block .comment-form .insert-emoji:hover,
body.dashboard-page.music-artist-page .music-artist-profile-comments-block .music-details-comment-emoji:hover {
  color: #fff;
}

body.dashboard-page.music-artist-page .music-artist-profile-comments-block .insert-emoji svg {
  display: none;
}

body.dashboard-page.music-artist-page .music-artist-profile-comments-block .insert-emoji .bi {
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-size: 1.1rem;
  line-height: 1;
  font-style: normal;
  font-weight: normal !important;
}

/* Artist profile — comment list grid alignment (override legacy absolute layout) */
body.dashboard-page.music-artist-page .music-artist-profile-comments-block .comments-grid {
  margin-top: 12px;
  gap: 10px;
}

body.dashboard-page.music-artist-page .music-artist-profile-comments-block .module-comment {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  column-gap: 10px;
  row-gap: 6px;
  align-items: start;
}

body.dashboard-page.music-artist-page .music-artist-profile-comments-block .module-comment .author-image {
  position: static;
  grid-column: 1;
  grid-row: 1;
  width: 34px;
  height: 34px;
}

body.dashboard-page.music-artist-page .music-artist-profile-comments-block .module-comment .author-image img {
  width: 34px;
  height: 34px;
}

body.dashboard-page.music-artist-page .music-artist-profile-comments-block .module-comment .comment-details {
  grid-column: 2;
  grid-row: 1;
  margin: 0 !important;
  max-width: 100% !important;
  width: fit-content;
  padding-bottom: 14px;
}

body.dashboard-page.music-artist-page .music-artist-profile-comments-block .module-comment .comment-footer {
  grid-column: 2;
  grid-row: 2;
  margin: 0 !important;
}

body.dashboard-page.music-artist-page .music-artist-profile-comments-block .module-comment .comment-response-container {
  grid-column: 1 / -1;
  margin-left: 44px !important;
  margin-right: 0 !important;
}

body.dashboard-page.music-artist-page .music-artist-profile-comments-block .comment-details.short-text .comment-reactions,
body.dashboard-page.music-artist-page .music-artist-profile-comments-block .short-text .comment-reactions {
  left: auto !important;
  right: 8px !important;
  bottom: -10px !important;
  top: auto !important;
  width: fit-content !important;
}

body.dashboard-page.music-artist-page .music-artist-profile-comments-block .more-comments {
  margin-top: 8px;
}

body.dashboard-page[class*="music-"] #notification-button.hide,
body.dashboard-page[class*="music-"] #cart-button.hide,
body.dashboard-page[class*="music-"] #profile-button.hide {
  display: none !important;
}

body.dashboard-page[class*="music-"] .notification-pill {
  position: absolute;
  top: -4px;
  right: -6px;
  z-index: 2;
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  background-color: #2aa8f2;
}

body.dashboard-page[class*="music-"] .notification-pill.hide {
  display: none !important;
}

body.dashboard-page[class*="music-"] .notification-count {
  display: block;
  width: 16px;
  height: 16px;
  color: #fff;
  font-size: 9px;
  line-height: 16px;
  text-align: center;
}

body.dashboard-page[class*="music-"] #header-search-container .tooltip.suggest,
body.dashboard-page[class*="music-"] #header-search .tooltip.suggest {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  width: min(360px, 92vw);
  z-index: 1085;
  border-radius: 12px;
  background: rgba(14, 23, 48, 0.98);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.35);
}

body.dashboard-page[class*="music-"] #header-search-container .tooltip.suggest::before,
body.dashboard-page[class*="music-"] #header-search-container .tooltip.suggest::after,
body.dashboard-page[class*="music-"] #header-search .tooltip.suggest::before,
body.dashboard-page[class*="music-"] #header-search .tooltip.suggest::after {
  display: none;
}

body.dashboard-page[class*="music-"] #header-search-mobile {
  position: relative;
}

body.dashboard-page[class*="music-"] #header-search-mobile .tooltip.suggest {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1085;
  border-radius: 12px;
  background: rgba(14, 23, 48, 0.98);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.35);
}

body.dashboard-page[class*="music-"] #header-search-container .tooltip.suggest:not(.hide),
body.dashboard-page[class*="music-"] #header-search .tooltip.suggest:not(.hide),
body.dashboard-page[class*="music-"] #header-search-mobile .tooltip.suggest:not(.hide) {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto;
}

body.dashboard-page[class*="music-"] #header-search-container .tooltip.suggest.hide,
body.dashboard-page[class*="music-"] #header-search .tooltip.suggest.hide,
body.dashboard-page[class*="music-"] #header-search-mobile .tooltip.suggest.hide {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none;
}

body.dashboard-page[class*="music-"] #header-search-container .autocomplete-section-title,
body.dashboard-page[class*="music-"] #header-search .autocomplete-section-title,
body.dashboard-page[class*="music-"] #header-search-mobile .autocomplete-section-title {
  margin: 8px 4px 4px;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(234, 240, 255, 0.45);
}

body.dashboard-page[class*="music-"] #header-search-container .autocomplete-list,
body.dashboard-page[class*="music-"] #header-search .autocomplete-list,
body.dashboard-page[class*="music-"] #header-search-mobile .autocomplete-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

body.dashboard-page[class*="music-"] #header-search-container .autocomplete-list-item,
body.dashboard-page[class*="music-"] #header-search .autocomplete-list-item,
body.dashboard-page[class*="music-"] #header-search-mobile .autocomplete-list-item {
  margin: 0;
  padding: 0;
}

body.dashboard-page[class*="music-"] #header-search-container .autocomplete-item-link,
body.dashboard-page[class*="music-"] #header-search .autocomplete-item-link,
body.dashboard-page[class*="music-"] #header-search-mobile .autocomplete-item-link {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border-radius: 12px;
  color: rgba(234, 240, 255, 0.92);
  text-decoration: none;
}

body.dashboard-page[class*="music-"] #header-search-container .autocomplete-item-link:hover,
body.dashboard-page[class*="music-"] #header-search .autocomplete-item-link:hover,
body.dashboard-page[class*="music-"] #header-search-mobile .autocomplete-item-link:hover,
body.dashboard-page[class*="music-"] #header-search-container .autocomplete-list-item.selected .autocomplete-item-link,
body.dashboard-page[class*="music-"] #header-search .autocomplete-list-item.selected .autocomplete-item-link,
body.dashboard-page[class*="music-"] #header-search-mobile .autocomplete-list-item.selected .autocomplete-item-link {
  background: rgba(47, 157, 244, 0.16);
  color: #fff;
}

body.dashboard-page[class*="music-"] #header-search-container .autocomplete-list-item .image,
body.dashboard-page[class*="music-"] #header-search .autocomplete-list-item .image,
body.dashboard-page[class*="music-"] #header-search-mobile .autocomplete-list-item .image {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  overflow: hidden;
  flex-shrink: 0;
  background: rgba(255, 255, 255, 0.06);
}

body.dashboard-page[class*="music-"] #header-search-container .autocomplete-list-item .image img,
body.dashboard-page[class*="music-"] #header-search .autocomplete-list-item .image img,
body.dashboard-page[class*="music-"] #header-search-mobile .autocomplete-list-item .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

body.dashboard-page[class*="music-"] #header-search-container .autocomplete-item-name,
body.dashboard-page[class*="music-"] #header-search .autocomplete-item-name,
body.dashboard-page[class*="music-"] #header-search-mobile .autocomplete-item-name {
  margin: 0;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.25;
}

body.dashboard-page[class*="music-"] #header-search-container .autocomplete-item-subtext,
body.dashboard-page[class*="music-"] #header-search .autocomplete-item-subtext,
body.dashboard-page[class*="music-"] #header-search-mobile .autocomplete-item-subtext {
  display: block;
  margin-top: 2px;
  font-size: 0.78rem;
  color: rgba(234, 240, 255, 0.58);
}

body.dashboard-page[class*="music-"] .music-header-profile-dropdown {
  position: fixed;
  z-index: 11000;
  min-width: 220px;
  max-width: min(280px, calc(100vw - 24px));
  padding: 8px 0;
  border: 1px solid var(--music-header-dropdown-border, rgba(255, 255, 255, 0.1));
  border-radius: 14px;
  background: var(--music-header-dropdown-bg, linear-gradient(180deg, rgba(88, 28, 135, 0.14) 0%, rgba(12, 16, 26, 0.96) 28%, rgba(10, 14, 24, 0.98) 100%));
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: var(--music-header-dropdown-shadow, 0 16px 40px rgba(0, 0, 0, 0.45));
  overflow: visible;
  white-space: nowrap;
}

body.dashboard-page[class*="music-"] .music-header-profile-dropdown.hide {
  display: none !important;
  pointer-events: none;
}

body.dashboard-page[class*="music-"] .music-header-profile-dropdown-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

body.dashboard-page[class*="music-"] .music-header-profile-dropdown-list a {
  display: block;
  padding: 11px 20px;
  font-size: 0.88rem;
  line-height: 1.35;
  font-weight: 700;
  color: rgba(234, 240, 255, 0.92);
  text-decoration: none;
}

body.dashboard-page[class*="music-"] .music-header-profile-dropdown-list a:hover,
body.dashboard-page[class*="music-"] .music-header-profile-dropdown-list a:focus {
  background: rgba(47, 157, 244, 0.16);
  color: #fff;
}

body.dashboard-page[class*="music-"] .music-header-profile-dropdown-sep {
  height: 1px;
  margin: 6px 16px;
  background: rgba(255, 255, 255, 0.08);
}

/* Mobile offcanvas nav — ensure readable links on dark panel */
body.dashboard-page[class*="music-"] .nav-offcanvas {
  --bs-offcanvas-bg: rgba(7, 10, 18, 0.96);
  --bs-offcanvas-color: #eaf0ff;
  color: #eaf0ff;
}

body.dashboard-page[class*="music-"] .nav-offcanvas .offcanvas-header,
body.dashboard-page[class*="music-"] .nav-offcanvas .offcanvas-body,
body.dashboard-page[class*="music-"] .nav-offcanvas #navOffcanvasLabel {
  color: #eaf0ff;
}

body.dashboard-page[class*="music-"] .nav-offcanvas .navbar-nav .nav-link {
  color: rgba(234, 240, 255, 0.92) !important;
  font-weight: 600;
}

body.dashboard-page[class*="music-"] .nav-offcanvas .navbar-nav .nav-link:hover,
body.dashboard-page[class*="music-"] .nav-offcanvas .navbar-nav .nav-link:focus {
  color: #fff !important;
  background: rgba(255, 255, 255, 0.08);
}

body.dashboard-page[class*="music-"] .nav-offcanvas .navbar-nav .nav-link.active {
  color: #fff !important;
  background: rgba(124, 58, 237, 0.28);
}

body.dashboard-page[class*="music-"] .nav-offcanvas .nav-signin {
  color: #fff !important;
}

body.dashboard-page[class*="music-"] .nav-offcanvas .btn-accent {
  color: #071026 !important;
  font-weight: 800;
}

body.dashboard-page[class*="music-"] #page-nav.music-search-subnav-wrap {
  position: static;
  width: auto;
  height: auto;
  margin: 0 0 18px;
  border: 0;
  background: transparent;
}

body.dashboard-page.music-search-page #page-nav.music-search-subnav-wrap .outer {
  position: static;
  left: auto;
  float: none;
}

body.dashboard-page.music-search-page .music-search-subnav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
}

body.dashboard-page.music-search-page .music-search-subnav li {
  float: none;
  margin: 0;
}

body.dashboard-page.music-search-page .music-search-subnav-link {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 16px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(0, 0, 0, 0.18);
  color: rgba(234, 240, 255, 0.72);
  font-size: 0.82rem;
  font-weight: 700;
  text-decoration: none;
}

body.dashboard-page.music-search-page .music-search-subnav-link:hover {
  color: #fff;
  border-color: rgba(47, 157, 244, 0.35);
}

body.dashboard-page.music-search-page .music-search-subnav-link.is-active,
body.dashboard-page.music-search-page .music-search-subnav-link.active {
  color: #fff;
  border-color: rgba(47, 157, 244, 0.55);
  background: rgba(47, 157, 244, 0.18);
}

body.dashboard-page.music-search-page #page-content.search .page-header h1,
body.dashboard-page.music-search-page #page-content.search .sub-header h2,
body.dashboard-page.music-search-page #page-content.search .sub-header h3 {
  color: rgba(234, 240, 255, 0.95);
}

body.dashboard-page.music-search-page #page-content.search .search-bar .filter,
body.dashboard-page.music-search-page #page-content.search #filter-search {
  width: 100%;
  max-width: 280px;
  min-height: 38px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(0, 0, 0, 0.18);
  color: #fff;
}

/* Search results — restore legacy list layout (app.css not loaded in v2 stack) */
body.dashboard-page.music-search-page #page-content.search {
  padding-top: 4px;
}

body.dashboard-page.music-search-page #page-content.search .container::after {
  content: "";
  display: table;
  clear: both;
}

body.dashboard-page.music-search-page #page-content.search #column1 {
  width: calc(66.6666% - 16px);
  float: left;
}

body.dashboard-page.music-search-page #page-content.search #column2 {
  width: calc(33.3333% - 16px);
  margin-top: 0;
  float: right;
}

body.dashboard-page.music-search-page #page-content.search .page-header {
  margin-bottom: 18px;
}

body.dashboard-page.music-search-page #page-content.search .page-header h1 {
  margin: 0;
  font-size: 1.35rem;
  font-weight: 800;
}

body.dashboard-page.music-search-page #page-content.search .sub-header {
  margin-bottom: 12px;
}

body.dashboard-page.music-search-page #page-content.search .sub-header h2,
body.dashboard-page.music-search-page #page-content.search .sub-header h3 {
  margin: 0;
  font-size: 1rem;
  font-weight: 800;
}

body.dashboard-page.music-search-page #page-content.search #column2 .sub-header {
  position: relative;
  margin-bottom: 10px;
}

body.dashboard-page.music-search-page #page-content.search #column2 .sub-header .view-more {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 0.82rem;
  font-weight: 700;
  color: rgba(47, 157, 244, 0.92);
  text-decoration: none;
}

body.dashboard-page.music-search-page #page-content.search #grid-toolbar-container {
  height: auto;
  margin-bottom: 12px;
}

body.dashboard-page.music-search-page #page-content.search .grid-toolbar {
  margin: 0;
}

body.dashboard-page.music-search-page #page-content.search .grid-toolbar .grid-toolbar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 10px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(0, 0, 0, 0.18);
}

body.dashboard-page.music-search-page #page-content.search .grid-toolbar .actions {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  float: none;
  list-style: none;
}

body.dashboard-page.music-search-page #page-content.search .grid-toolbar .actions > li {
  float: none;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.dashboard-page.music-search-page #page-content.search .grid-toolbar .actions.secondary {
  float: none;
  margin-left: auto;
}

body.dashboard-page.music-search-page #page-content.search .grid-toolbar .btn,
body.dashboard-page.music-search-page #page-content.search .grid-toolbar .btn-group {
  display: inline-flex;
  align-items: center;
}

body.dashboard-page.music-search-page #page-content.search .grid-toolbar .btn-group .btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.04);
  color: rgba(234, 240, 255, 0.88);
  font-size: 0.82rem;
  font-weight: 700;
  text-decoration: none;
}

body.dashboard-page.music-search-page #page-content.search .grid-toolbar .btn-group.first .btn:first-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  margin-right: -1px;
}

body.dashboard-page.music-search-page #page-content.search .grid-toolbar .btn-group.first .btn.play-menu,
body.dashboard-page.music-search-page #page-content.search .grid-toolbar .btn-group.first .btn.add-menu {
  min-width: 30px;
  padding: 0 8px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

body.dashboard-page.music-search-page #page-content.search .grid-toolbar .btn-group .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid currentColor;
}

body.dashboard-page.music-search-page #page-content.search .grid-toolbar .btn svg {
  fill: currentColor;
}

body.dashboard-page.music-search-page #page-content.search .grid-toolbar .btn:hover,
body.dashboard-page.music-search-page #page-content.search .grid-toolbar .btn-group .btn:hover {
  color: #fff;
  border-color: rgba(47, 157, 244, 0.35);
  background: rgba(47, 157, 244, 0.12);
}

body.dashboard-page.music-search-page #page-content.search #songs-grid .song-row-favorite .on,
body.dashboard-page.music-search-page #page-content.search #column2 .song-row-favorite .on {
  display: none;
}

body.dashboard-page.music-search-page #page-content.search #songs-grid .song-row-favorite.on .off,
body.dashboard-page.music-search-page #page-content.search #column2 .song-row-favorite.on .off {
  display: none;
}

body.dashboard-page.music-search-page #page-content.search #songs-grid .song-row-favorite.on .on,
body.dashboard-page.music-search-page #page-content.search #column2 .song-row-favorite.on .on {
  display: block;
}

body.dashboard-page.music-search-page #page-content.search #songs-grid .song-row-favorite svg,
body.dashboard-page.music-search-page #page-content.search #column2 .song-row-favorite svg {
  fill: rgba(234, 240, 255, 0.72);
}

body.dashboard-page.music-search-page #page-content.search #songs-grid .song-row-favorite.on svg,
body.dashboard-page.music-search-page #page-content.search #column2 .song-row-favorite.on svg {
  fill: #2f9df4;
}

body.dashboard-page.music-search-page #page-content.search #songs-grid .module.module-row.song.tall,
body.dashboard-page.music-search-page #page-content.search #column2 .snapshot .module.module-row.tall {
  display: block;
  position: relative;
  height: 60px;
  margin: 0;
  padding: 0;
  overflow: visible;
  scroll-snap-type: none;
  gap: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: transparent;
}

body.dashboard-page.music-search-page #page-content.search #songs-grid .module.module-row.song.tall:hover,
body.dashboard-page.music-search-page #page-content.search #column2 .snapshot .module.module-row.tall:hover {
  background: rgba(255, 255, 255, 0.04);
}

body.dashboard-page.music-search-page #page-content.search #songs-grid .module.module-row.song.tall .fav-btn,
body.dashboard-page.music-search-page #page-content.search #column2 .snapshot .module.module-row.tall .fav-btn {
  position: absolute;
  top: 18px;
  left: 10px;
  width: 24px;
  height: 24px;
}

body.dashboard-page.music-search-page #page-content.search #songs-grid .module.module-row.song.tall .img-container,
body.dashboard-page.music-search-page #page-content.search #column2 .snapshot .module.module-row.tall .img-container {
  position: absolute;
  top: 8px;
  left: 50px;
  width: 44px;
  height: 44px;
  overflow: hidden;
  border-radius: 8px;
}

body.dashboard-page.music-search-page #page-content.search #column2 .snapshot .module.module-row.tall .img-container {
  left: 10px;
}

body.dashboard-page.music-search-page #page-content.search #column2 .snapshot .module.module-row.tall .metadata a.title,
body.dashboard-page.music-search-page #page-content.search #column2 .snapshot .module.module-row.tall .metadata .meta-inner {
  float: none;
  display: block;
  max-width: 100%;
  line-height: 1.25;
  padding-right: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.dashboard-page.music-search-page #page-content.search #column2 .snapshot .module.module-row.tall .metadata a.title {
  color: rgba(234, 240, 255, 0.95);
  text-decoration: none;
  font-weight: 700;
}

body.dashboard-page.music-search-page #page-content.search #column2 .snapshot .module.module-row.tall .metadata .meta-inner {
  margin-top: 2px;
  font-size: 0.76rem;
  color: rgba(234, 240, 255, 0.55);
}

body.dashboard-page.music-search-page #page-content.search #songs-grid .module.module-row.song.tall .img-container .img,
body.dashboard-page.music-search-page #page-content.search #column2 .snapshot .module.module-row.tall .img-container .img,
body.dashboard-page.music-search-page #page-content.search #column2 .snapshot .module.module-row.tall .img-container img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}

body.dashboard-page.music-search-page #page-content.search #songs-grid .module.module-row.song.tall .metadata,
body.dashboard-page.music-search-page #page-content.search #column2 .snapshot .module.module-row.tall .metadata {
  position: absolute;
  top: 0;
  left: 130px;
  width: calc(100% - 170px);
  height: 60px;
  overflow: hidden;
  font-size: 12px;
}

body.dashboard-page.music-search-page #page-content.search #column2 .snapshot .module.module-row.tall .metadata {
  left: 64px;
  width: calc(100% - 78px);
  height: 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
}

body.dashboard-page.music-search-page #page-content.search #column2 .snapshot .module.module-row.tall .title,
body.dashboard-page.music-search-page #page-content.search #column2 .snapshot .module.module-row.tall .artist {
  float: none;
  max-width: 100%;
  line-height: 1.25;
  padding-right: 0;
  font-size: 0.82rem;
}

body.dashboard-page.music-search-page #page-content.search #column2 .snapshot .module.module-row.tall .title {
  font-weight: 700;
}

body.dashboard-page.music-search-page #page-content.search #column2 .snapshot .module.module-row.tall .artist {
  font-size: 0.76rem;
}

body.dashboard-page.music-search-page #page-content.search #songs-grid .module.module-row.song.tall .title,
body.dashboard-page.music-search-page #page-content.search #songs-grid .module.module-row.song.tall .artist,
body.dashboard-page.music-search-page #page-content.search #songs-grid .module.module-row.song.tall .duration,
body.dashboard-page.music-search-page #page-content.search #column2 .snapshot .module.module-row.tall .title,
body.dashboard-page.music-search-page #page-content.search #column2 .snapshot .module.module-row.tall .artist {
  float: left;
  line-height: 58px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  padding-right: 16px;
}

body.dashboard-page.music-search-page #page-content.search #songs-grid .module.module-row.song.tall .title,
body.dashboard-page.music-search-page #page-content.search #column2 .snapshot .module.module-row.tall .title {
  max-width: 38%;
  font-size: 13px;
  font-weight: 700;
}

body.dashboard-page.music-search-page #page-content.search #songs-grid .module.module-row.song.tall .title a,
body.dashboard-page.music-search-page #page-content.search #column2 .snapshot .module.module-row.tall .title a {
  color: rgba(234, 240, 255, 0.95);
  text-decoration: none;
}

body.dashboard-page.music-search-page #page-content.search #songs-grid .module.module-row.song.tall .artist,
body.dashboard-page.music-search-page #page-content.search #column2 .snapshot .module.module-row.tall .artist {
  max-width: 28%;
  color: rgba(234, 240, 255, 0.62);
}

body.dashboard-page.music-search-page #page-content.search #songs-grid .module.module-row.song.tall .artist a,
body.dashboard-page.music-search-page #page-content.search #column2 .snapshot .module.module-row.tall .artist a {
  color: rgba(47, 157, 244, 0.92);
  text-decoration: none;
}

body.dashboard-page.music-search-page #page-content.search #songs-grid .module.module-row.song.tall .duration {
  width: auto;
  min-width: 48px;
  color: rgba(234, 240, 255, 0.55);
}

body.dashboard-page.music-search-page #page-content.search #songs-grid .module.module-row.song.tall .row-actions.secondary,
body.dashboard-page.music-search-page #page-content.search #column2 .snapshot .module.module-row.tall .row-actions.secondary {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  display: none;
}

body.dashboard-page.music-search-page #page-content.search #songs-grid .module.module-row.song.tall:hover .row-actions.secondary,
body.dashboard-page.music-search-page #page-content.search #column2 .snapshot .module.module-row.tall:hover .row-actions.secondary {
  display: block;
}

body.dashboard-page.music-search-page #page-content.search #songs-grid .module.module-row.song.tall .row-actions.primary,
body.dashboard-page.music-search-page #page-content.search #column2 .snapshot .module.module-row.tall .row-actions.primary {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 36px;
  height: 36px;
  margin: -18px 0 0 -18px;
  display: none;
  z-index: 2;
}

body.dashboard-page.music-search-page #page-content.search #songs-grid .module.module-row.song.tall:hover .row-actions.primary,
body.dashboard-page.music-search-page #page-content.search #column2 .snapshot .module.module-row.tall:hover .row-actions.primary {
  display: block;
}

body.dashboard-page.music-search-page #page-content.search #songs-grid .module.module-row.song.tall .metadata {
  display: flex;
  align-items: center;
  gap: 14px;
}

body.dashboard-page.music-search-page #page-content.search #songs-grid .module.module-row.song.tall .metadata > * {
  float: none;
  line-height: 1.2;
  flex: 0 0 auto;
}

body.dashboard-page.music-search-page #page-content.search #songs-grid .module.module-row.song.tall .metadata .title {
  flex: 1 1 120px;
  min-width: 0;
  max-width: none;
}

body.dashboard-page.music-search-page #page-content.search #songs-grid .module.module-row.song.tall .metadata .artist {
  flex: 1 1 100px;
  min-width: 0;
  max-width: none;
}

body.dashboard-page.music-search-page #page-content.search #songs-grid .module.module-row.song.tall .metadata .duration {
  min-width: 44px;
}

body.dashboard-page.music-search-page #page-content.search #songs-grid .module.module-row.song.tall .metadata .flat-song-list-button {
  margin-top: 0;
  flex: 0 0 auto;
}

body.dashboard-page.music-search-page #page-content.search #column2 .snapshot {
  margin: 0;
  padding: 0;
  list-style: none;
}

body.dashboard-page.music-search-page #page-content.search #column2 .divider {
  height: 1px;
  margin: 16px 0;
  background: rgba(255, 255, 255, 0.08);
}

/* Search tabs: Artists, Albums, Playlists, People, Events (#grid) */
body.dashboard-page.music-search-page #page-content.search #grid .module.module-row.tall,
body.dashboard-page.music-search-page #page-content.search #grid .module.module-row.event.tall {
  display: block;
  position: relative;
  height: 60px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  scroll-snap-type: none;
  gap: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: transparent;
}

body.dashboard-page.music-search-page #page-content.search #grid .module.module-row.tall:hover,
body.dashboard-page.music-search-page #page-content.search #grid .module.module-row.event.tall:hover {
  background: rgba(255, 255, 255, 0.04);
}

body.dashboard-page.music-search-page #page-content.search #grid .module.module-row.tall .img-container {
  position: absolute;
  top: 8px;
  left: 10px;
  width: 44px;
  height: 44px;
  overflow: hidden;
  border-radius: 8px;
}

body.dashboard-page.music-search-page #page-content.search #grid .module.module-row.tall.user .img-container {
  border-radius: 50%;
}

body.dashboard-page.music-search-page #page-content.search #grid .module.module-row.tall .img-container .img,
body.dashboard-page.music-search-page #page-content.search #grid .module.module-row.tall .img-container img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}

body.dashboard-page.music-search-page #page-content.search #grid .module.module-row.tall .metadata,
body.dashboard-page.music-search-page #page-content.search #grid .module.module-row.event.tall .metadata {
  position: absolute;
  top: 0;
  left: 64px;
  width: calc(100% - 78px);
  height: 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
  overflow: hidden;
  font-size: 12px;
}

body.dashboard-page.music-search-page #page-content.search #grid .module.module-row.tall .metadata a.title,
body.dashboard-page.music-search-page #page-content.search #grid .module.module-row.event.tall .metadata a.title {
  display: block;
  float: none;
  max-width: 100%;
  line-height: 1.25;
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgba(234, 240, 255, 0.95);
  text-decoration: none;
  font-size: 0.88rem;
  font-weight: 700;
}

body.dashboard-page.music-search-page #page-content.search #grid .module.module-row.tall .metadata .meta-inner,
body.dashboard-page.music-search-page #page-content.search #grid .module.module-row.event.tall .metadata .meta-inner {
  float: none;
  display: block;
  max-width: 100%;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.76rem;
  color: rgba(234, 240, 255, 0.55);
}

body.dashboard-page.music-search-page #page-content.search #grid .module.module-row.tall .metadata .meta-inner a,
body.dashboard-page.music-search-page #page-content.search #grid .module.module-row.tall .metadata .meta-text {
  color: rgba(47, 157, 244, 0.92);
  text-decoration: none;
}

body.dashboard-page.music-search-page #page-content.search #grid .module.module-row.tall .row-actions.secondary {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
}

body.dashboard-page.music-search-page #page-content.search #grid .module.module-row.event.tall .date {
  position: absolute;
  top: 8px;
  left: 10px;
  width: 44px;
  height: 44px;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(0, 0, 0, 0.2);
  text-align: center;
}

body.dashboard-page.music-search-page #page-content.search #grid .module.module-row.event.tall .month {
  display: block;
  height: 14px;
  background: rgba(47, 157, 244, 0.85);
  font-size: 9px;
  font-weight: 800;
  line-height: 14px;
  color: #fff;
  text-transform: uppercase;
}

body.dashboard-page.music-search-page #page-content.search #grid .module.module-row.event.tall .day {
  display: block;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  font-weight: 800;
  color: rgba(234, 240, 255, 0.95);
}

body.dashboard-page.music-search-page #page-content.search #grid-no-results {
  padding: 24px 20px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(0, 0, 0, 0.18);
  text-align: center;
  color: rgba(234, 240, 255, 0.62);
}

body.dashboard-page.music-search-page #page-content.search #search-no-match-header {
  color: rgba(234, 240, 255, 0.95);
}

body.dashboard-page.music-search-page #page-content.search #grid-no-results p {
  margin: 0;
}

body.dashboard-page.music-search-page #page-content.search #grid-no-results a {
  color: rgba(47, 157, 244, 0.92);
  text-decoration: none;
  font-weight: 700;
}

body.dashboard-page.music-search-page #page-content.search .search-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 180px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(0, 0, 0, 0.18);
}

body.dashboard-page.music-search-page #page-content.search .search-bar .icon.search {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  fill: rgba(234, 240, 255, 0.55);
}

body.dashboard-page.music-search-page #page-content.search .search-bar .filter {
  flex: 1 1 auto;
  min-width: 0;
  height: 34px;
  border: 0;
  background: transparent;
  color: #fff;
  padding: 0;
}

body.dashboard-page.music-search-page #page-content.search .search-bar .filter::placeholder {
  color: rgba(234, 240, 255, 0.45);
}

body.dashboard-page.music-search-page #page-content.search .search-bar .clear-filter {
  flex: 0 0 auto;
  opacity: 0.65;
}

body.dashboard-page.music-search-page #page-content.search .grid-toolbar .actions.primary:empty {
  display: none;
}

@media (max-width: 991px) {
  body.dashboard-page.music-search-page #page-content.search #column1,
  body.dashboard-page.music-search-page #page-content.search #column2 {
    width: 100%;
    float: none;
  }

  body.dashboard-page.music-search-page #page-content.search #column2 {
    margin-top: 24px;
  }

  body.dashboard-page.music-search-page #page-content.search .grid-toolbar .grid-toolbar-inner {
    flex-direction: column;
    align-items: stretch;
  }

  body.dashboard-page.music-search-page #page-content.search .grid-toolbar .actions.secondary {
    margin-left: 0;
  }
}

body.dashboard-page[class*="music-"] #header-search-container .search-suggest-content-scroll,
body.dashboard-page[class*="music-"] #header-search .search-suggest-content-scroll,
body.dashboard-page[class*="music-"] #header-search-mobile .search-suggest-content-scroll {
  max-height: 420px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 8px;
  color: #eaf0ff;
}

body.dashboard-page #user-settings-menu {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 2000;
  overflow: auto;
  background: #0b1020;
  color: #eaf0ff;
}

@media (min-width: 992px) {
  body.dashboard-page #user-settings-menu {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}

body.dashboard-page #leftProfileCard,
body.dashboard-page #leftProfileCardAccount {
  display: none !important;
}

body.dashboard-page .cart .dropdown-menu {
  top: -500%;
}

body.dashboard-page .cart.is-open .dropdown-menu,
body.dashboard-page .cart.open .dropdown-menu {
  top: 0;
}

/* Store filter panel — keep legacy filter DOM usable on v2 store page */
body.dashboard-page.music-store-page {
  overflow-x: hidden;
}

/* Match v1 store.html — Bootstrap container width + side gutters on all page shells */
body.dashboard-page.music-store-page .music-topbar > .container,
body.dashboard-page.music-store-page .nav-modern > .container,
body.dashboard-page.music-store-page .music-wrap > .container,
body.dashboard-page.music-store-page .footer-clean > .container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1140px;
}

@media (min-width: 1400px) {
  body.dashboard-page.music-store-page .music-topbar > .container,
  body.dashboard-page.music-store-page .nav-modern > .container,
  body.dashboard-page.music-store-page .music-wrap > .container,
  body.dashboard-page.music-store-page .footer-clean > .container {
    max-width: 1320px;
  }
}

body.dashboard-page.music-store-page .music-wrap {
  overflow-x: clip;
}

/* Match v1 store.html search bar — neutralize legacy cart.css on the prototype form */
body.dashboard-page.music-store-page .music-store-search-block .music-store-search {
  position: relative !important;
  z-index: auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  padding: 6px 8px 6px 14px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  background: rgba(0, 0, 0, 0.18) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

body.dashboard-page.music-store-page .music-store-search-block .music-store-search-icon {
  margin: 0 !important;
  width: auto !important;
  height: auto !important;
  flex-shrink: 0;
  color: rgba(234, 240, 255, 0.55) !important;
  fill: currentColor !important;
  cursor: pointer;
}

body.dashboard-page.music-store-page .music-store-search-block .music-store-search-field {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px 8px !important;
}

body.dashboard-page.music-store-page .music-store-search-block .music-store-search-field .music-store-active-filters {
  display: contents;
}

body.dashboard-page.music-store-page .music-store-search-block .music-store-search-field .music-store-clear-filters {
  order: 90;
  margin: 0 !important;
  padding: 4px 10px !important;
  font-size: 0.7rem !important;
}

body.dashboard-page.music-store-page .music-store-search-block .music-store-search-field .music-store-filter-chip,
body.dashboard-page.music-store-page .music-store-search-block .music-store-search-field .eb8kde96 {
  order: 1;
  padding: 4px 6px 4px 10px !important;
  font-size: 0.74rem !important;
}

body.dashboard-page.music-store-page .music-store-search-block #header-filter-search-input {
  flex: 1 1 140px !important;
  order: 100;
  min-width: 120px !important;
  width: auto !important;
  background: transparent !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 4px 0 !important;
  height: auto !important;
  min-height: 0 !important;
  font-size: 0.92rem !important;
}

body.dashboard-page.music-store-page .music-store-search-block #header-filter-search-input::placeholder {
  color: rgba(234, 240, 255, 0.42) !important;
}

body.dashboard-page.music-store-page .music-store-panel .music-artist-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

@media (max-width: 991.98px) {
  body.dashboard-page.music-store-page .music-store-panel .music-artist-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767.98px) {
  body.dashboard-page.music-store-page .music-store-panel .music-artist-grid {
    grid-template-columns: 1fr !important;
  }
}


body.dashboard-page.music-store-page #page .music-store-filter-shell,
body.dashboard-page.music-store-page #page .store-container,
body.dashboard-page.music-store-page #page .store-filter-section {
  display: none !important;
}

body.dashboard-page.music-store-page .music-store-filter-shell {
  position: fixed;
  inset: 0;
  z-index: 1060;
  pointer-events: none;
  overflow: hidden;
  display: none !important;
}

body.dashboard-page.music-store-page .music-store-filter-shell:has(.store-container.active-filter) {
  display: block !important;
  visibility: visible;
  pointer-events: auto;
}

body.dashboard-page.music-store-page .music-store-filter-shell:has(.store-container.active-filter)::before {
  content: "";
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 1060;
  pointer-events: auto;
}

body.dashboard-page.music-store-page .music-store-filter-shell .store-container {
  position: fixed;
  top: 92px;
  right: 0;
  bottom: 0;
  width: min(420px, 92vw);
  z-index: 1061;
  margin-top: 0 !important;
  display: flex !important;
  flex-direction: column;
  transform: translateX(100%);
  transition: transform 0.25s ease, visibility 0.25s ease;
  overflow: hidden;
  background: rgba(12, 18, 28, 0.98);
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: -12px 0 40px rgba(0, 0, 0, 0.35);
  pointer-events: none;
  visibility: hidden;
}

body.dashboard-page.music-store-page .music-store-filter-shell .store-container.active-filter {
  transform: translateX(0);
  pointer-events: auto;
  visibility: visible;
  overflow-x: hidden;
  overflow-y: auto;
}

/* Store page — override legacy cart.css so v2 prototype layout shows */
body.dashboard-page.music-store-page .music-store-artist-pagination {
  display: block !important;
  margin-top: 14px;
  margin-bottom: 1rem;
  clear: both;
  position: relative;
  z-index: 3;
}

body.dashboard-page.music-store-page #musicStorePaginationMount .music-store-pagination-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  width: fit-content;
  max-width: 100%;
}

body.dashboard-page.music-store-page #musicStorePaginationMount .music-store-page-btn,
body.dashboard-page.music-store-page #musicStorePaginationMount .music-store-page-nav {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 38px;
  height: 38px;
  padding: 0 12px;
  margin: 0;
  text-decoration: none !important;
  cursor: pointer;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
}

body.dashboard-page.music-store-page #musicStorePaginationMount button.music-store-page-btn,
body.dashboard-page.music-store-page #musicStorePaginationMount button.music-store-page-nav {
  appearance: none;
  -webkit-appearance: none;
  font: inherit;
}

body.dashboard-page.music-store-page #musicStorePaginationMount .music-store-page-nav {
  min-width: auto;
  padding: 0 14px;
}

body.dashboard-page.music-store-page #musicStorePaginationMount.is-loading {
  opacity: 0.65;
  pointer-events: none;
}

body.dashboard-page.music-store-page .music-store-artist-pagination:empty {
  display: none !important;
  margin: 0;
}

body.dashboard-page.music-store-page .music-store-tracks-block {
  padding-bottom: calc(72px + 1.5rem);
}

body.dashboard-page.music-store-page .music-store-tracks-pagination {
  margin-top: 16px;
  margin-bottom: 1.5rem;
  position: relative;
  z-index: 2;
}

body.dashboard-page.music-store-page button.music-store-track-play-wrap {
  border: 0;
  padding: 0;
  background: transparent;
  cursor: pointer;
  font: inherit;
  color: inherit;
}

body.dashboard-page.music-store-page .music-store-filter-shell .paginateArtist,
body.dashboard-page.music-store-page .music-store-filter-shell .paginateGenre {
  display: none;
  margin-top: 12px;
}

body.dashboard-page #lightbox-overlay {
  display: none;
  pointer-events: none;
  position: fixed !important;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2490 !important;
  background-color: rgba(0, 0, 0, 0.85);
}

body.dashboard-page #lightbox-outer {
  display: none;
  pointer-events: none;
  position: fixed !important;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 2500 !important;
  margin-top: 0;
  text-align: center;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 1.25rem 1rem 5.5rem;
  box-sizing: border-box;
}

body.dashboard-page #lightbox-outer:before {
  display: inline-block;
  content: '';
  width: 0;
  height: 100%;
  vertical-align: middle;
}

body.dashboard-page .lightbox:not(.hide) {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: min(600px, calc(100vw - 2rem));
  max-height: calc(100vh - 7rem);
  overflow-x: hidden;
  overflow-y: auto;
  text-align: left;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: #161b28;
  color: #eaf0ff;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.55);
  z-index: 2501 !important;
}

body.dashboard-page .lightbox .lightbox-header,
body.dashboard-page .lightbox .lightbox-content,
body.dashboard-page .lightbox .lightbox-footer {
  background: #161b28;
  color: #eaf0ff;
}

body.dashboard-page .lightbox .lightbox-header {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 56px;
  padding: 0 52px 0 18px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

body.dashboard-page .lightbox .lightbox-header .title {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.3;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.dashboard-page .lightbox .lightbox-close {
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  cursor: pointer;
  text-decoration: none;
  color: rgba(234, 240, 255, 0.72);
  transition: background .15s ease, color .15s ease;
}

body.dashboard-page .lightbox .lightbox-close:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
}

body.dashboard-page .lightbox .lightbox-close .icon {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

body.dashboard-page .lightbox .lightbox-content {
  padding: 18px;
  background: #161b28;
}

body.dashboard-page .lightbox .lightbox-content-block {
  position: relative;
}

/* Download quality picker */
body.dashboard-page .lightbox.lightbox-download {
  width: min(460px, calc(100vw - 2rem));
}

body.dashboard-page .lightbox.lightbox-download .music-download-modal {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

body.dashboard-page .lightbox.lightbox-download .download-tip {
  height: auto;
  margin: 0;
  padding: 16px 16px 18px;
  border-radius: 12px;
  border: 1px solid rgba(47, 157, 244, 0.28);
  background:
    radial-gradient(ellipse 80% 120% at 100% 0%, rgba(47, 157, 244, 0.22), transparent 55%),
    radial-gradient(ellipse 70% 100% at 0% 100%, rgba(88, 28, 135, 0.2), transparent 50%),
    rgba(255, 255, 255, 0.03);
  text-align: left;
}

body.dashboard-page .lightbox.lightbox-download .download-tip h1 {
  margin: 0 0 14px;
  padding: 0;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.4;
  color: #fff;
  text-align: left;
}

body.dashboard-page .lightbox.lightbox-download .download-tip .download-tip-learn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 0 16px;
  border-radius: 8px;
  border: 0;
  background: linear-gradient(135deg, #2f9df4, #1d7fd4);
  color: #fff !important;
  font-size: 0.86rem;
  font-weight: 700;
  text-decoration: none !important;
  box-shadow: 0 8px 18px rgba(47, 157, 244, 0.28);
  transition: filter 0.15s ease;
}

body.dashboard-page .lightbox.lightbox-download .download-tip .download-tip-learn:hover {
  filter: brightness(1.06);
  color: #fff !important;
}

body.dashboard-page .lightbox.lightbox-download .music-download-options {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

body.dashboard-page .lightbox.lightbox-download .music-download-options > [class*="col-"] {
  flex: 1 1 calc(50% - 6px);
  max-width: calc(50% - 6px);
  padding: 0;
  width: auto;
}

body.dashboard-page .lightbox.lightbox-download .btn.btn-download {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 4px;
  width: 100%;
  min-height: 92px;
  height: auto;
  margin: 0;
  padding: 16px 14px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  background: rgba(255, 255, 255, 0.04) !important;
  color: #fff !important;
  text-align: left;
  box-shadow: none;
  transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

body.dashboard-page .lightbox.lightbox-download .btn.btn-download:hover,
body.dashboard-page .lightbox.lightbox-download .btn.btn-download:focus {
  background: rgba(47, 157, 244, 0.14) !important;
  border-color: rgba(47, 157, 244, 0.4) !important;
  color: #fff !important;
  transform: translateY(-1px);
}

body.dashboard-page .lightbox.lightbox-download .btn.btn-download .music-download-option-title {
  display: block;
  float: none;
  margin: 0;
  font-size: 0.95rem;
  font-weight: 800;
  line-height: 1.25;
  color: #fff !important;
}

body.dashboard-page .lightbox.lightbox-download .btn.btn-download .music-download-option-meta {
  display: block;
  float: none;
  margin: 0;
  font-size: 0.8rem;
  font-weight: 600;
  line-height: 1.3;
  color: rgba(234, 240, 255, 0.62) !important;
}

body.dashboard-page .lightbox.lightbox-download .btn.btn-download .music-download-locked-label,
body.dashboard-page .lightbox.lightbox-download .btn.btn-download label {
  display: none !important;
}

body.dashboard-page .lightbox.lightbox-download .btn.btn-download .download-badge,
body.dashboard-page .lightbox.lightbox-download .btn.btn-download .download-badge.bg-danger {
  display: inline-flex;
  align-items: center;
  position: static;
  top: auto;
  right: auto;
  margin-top: 8px;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid rgba(251, 191, 36, 0.35);
  background: rgba(251, 191, 36, 0.14) !important;
  color: #fbbf24 !important;
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.02em;
  line-height: 1.2;
  text-transform: uppercase;
}

body.dashboard-page .lightbox.lightbox-download .btn.btn-download .download-badge.hide {
  display: none !important;
}

body.dashboard-page .lightbox.lightbox-download .btn.btn-download[disabled],
body.dashboard-page .lightbox.lightbox-download .btn.btn-download[disabled]:hover,
body.dashboard-page .lightbox.lightbox-download .btn.btn-download[disabled]:focus {
  opacity: 0.55;
  cursor: not-allowed;
  transform: none;
  background: rgba(255, 255, 255, 0.03) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

body.dashboard-page .lightbox.lightbox-download .btn.btn-download[disabled]:hover span,
body.dashboard-page .lightbox.lightbox-download .btn.btn-download[disabled]:focus span,
body.dashboard-page .lightbox.lightbox-download .btn.btn-download[disabled]:active span {
  display: block !important;
}

body.dashboard-page .lightbox.lightbox-download .btn.btn-download[disabled]:hover label,
body.dashboard-page .lightbox.lightbox-download .btn.btn-download[disabled]:focus label,
body.dashboard-page .lightbox.lightbox-download .btn.btn-download[disabled]:active label {
  display: none !important;
}

@media (max-width: 480px) {
  body.dashboard-page .lightbox.lightbox-download .music-download-options > [class*="col-"] {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

body.dashboard-page .lightbox .lightbox-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  padding: 14px 18px 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  background: #161b28;
}

body.dashboard-page .lightbox .lightbox-footer .right,
body.dashboard-page .lightbox .lightbox-footer .right-btns {
  margin-left: auto;
}

body.dashboard-page .lightbox .btn.btn-primary {
  border: 0;
  border-radius: 10px;
  padding: 10px 18px;
  background: linear-gradient(180deg, #3da8f4 0%, #2f8fd4 100%);
  color: #fff;
  font-size: .88rem;
  font-weight: 700;
  box-shadow: 0 8px 20px rgba(47, 157, 244, 0.22);
}

body.dashboard-page .lightbox .btn.btn-primary:hover {
  filter: brightness(1.05);
}

body.dashboard-page .lightbox .btn.btn-secondary {
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 10px;
  padding: 10px 18px;
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
  font-size: .88rem;
  font-weight: 600;
}

body.dashboard-page .lightbox input[type="text"],
body.dashboard-page .lightbox input[type="number"],
body.dashboard-page .lightbox input[type="email"],
body.dashboard-page .lightbox input[type="password"],
body.dashboard-page .lightbox textarea,
body.dashboard-page .lightbox select,
body.dashboard-page .lightbox .form-control {
  width: 100%;
  box-sizing: border-box;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(0, 0, 0, 0.22);
  color: #eaf0ff;
  font-size: .9rem;
  padding: 10px 12px;
}

/* Native <select> popup: force dark menu so white labels aren't on light OS chrome */
body.dashboard-page .lightbox select,
body.dashboard-page .lightbox select.form-control,
body.dashboard-page .lightbox .music-album-type-select {
  color-scheme: dark;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #0f1624;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%235eb3ff' d='M1.4.6 6 5.2 10.6.6 12 2 6 8 0 2z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 10px 7px;
  padding-right: 34px;
}

body.dashboard-page .lightbox select option,
body.dashboard-page .lightbox select.form-control option,
body.dashboard-page .lightbox .music-album-type-select option {
  background-color: #121826;
  background: #121826;
  color: #eaf0ff;
}

body.dashboard-page .lightbox select option:checked,
body.dashboard-page .lightbox select option:hover,
body.dashboard-page .lightbox .music-album-type-select option:checked {
  background-color: #2f9df4;
  color: #fff;
}

body.dashboard-page .lightbox textarea {
  min-height: 84px;
  resize: vertical;
}

body.dashboard-page .lightbox input:focus,
body.dashboard-page .lightbox textarea:focus,
body.dashboard-page .lightbox select:focus,
body.dashboard-page .lightbox .form-control:focus {
  outline: none;
  border-color: rgba(47, 157, 244, 0.45);
  background-color: #0b1220;
  box-shadow: 0 0 0 3px rgba(47, 157, 244, 0.12);
  color: #eaf0ff;
}

body.dashboard-page .lightbox .control.field {
  margin-bottom: 14px;
}

body.dashboard-page .lightbox .control.field label,
body.dashboard-page .lightbox .control.field > label {
  display: block;
  margin-bottom: 6px;
  font-size: .82rem;
  font-weight: 600;
  color: rgba(234, 240, 255, 0.78);
}

body.dashboard-page .lightbox .error:not(.hide) {
  margin-bottom: 12px;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid rgba(255, 99, 99, 0.35);
  background: rgba(255, 99, 99, 0.12);
  color: #ffb4b4;
}

/* Edit song modal */
body.dashboard-page .lightbox.lightbox-edit-song {
  width: min(640px, calc(100vw - 2rem));
}

body.dashboard-page .lightbox.lightbox-edit-song .lightbox-content-block {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}

body.dashboard-page .lightbox.lightbox-edit-song .img-container {
  position: relative;
  flex: 0 0 120px;
  width: 120px;
  height: 120px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.35);
  background: rgba(255, 255, 255, 0.04);
}

body.dashboard-page .lightbox.lightbox-edit-song .img-container img,
body.dashboard-page .lightbox.lightbox-edit-song .img-container .img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.dashboard-page .lightbox.lightbox-edit-song .edit-song-artwork,
body.dashboard-page .lightbox.lightbox-edit-song .edit-artwork {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.72);
  color: #fff;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .02em;
  text-transform: uppercase;
  opacity: 1;
  transition: opacity .15s ease;
  cursor: pointer;
}

body.dashboard-page .lightbox.lightbox-edit-song .song-info-container .control.field {
  margin-bottom: 12px;
}

body.dashboard-page .lightbox.lightbox-edit-song .music-date-input-wrap {
  position: relative;
}

body.dashboard-page .lightbox.lightbox-edit-song .music-date-input-wrap .datepicker {
  padding-right: 40px;
}

body.dashboard-page .lightbox.lightbox-edit-song .music-date-input-icon {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  pointer-events: none;
  color: rgba(94, 179, 255, 0.85);
  font-size: 1rem;
}

body.dashboard-page .lightbox.lightbox-edit-song .comments-check-box {
  margin-top: 8px;
  padding-top: 4px;
}

/* jQuery UI datepicker — mounts under #lightbox-outer (text-align:center), so
   header nav must be flex (not absolute) or ‹ › stack centered above the selects. */
body.dashboard-page #ui-datepicker-div,
body.dashboard-page #ui-datepicker-div.ui-datepicker {
  z-index: 2605 !important;
  box-sizing: border-box;
  width: 18.5em !important;
  max-width: calc(100vw - 2rem);
  padding: 12px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  background: #121826 !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.55);
  color: #eaf0ff;
  font-family: inherit;
  text-align: left !important;
  color-scheme: dark;
}

body.dashboard-page #ui-datepicker-div *,
body.dashboard-page #ui-datepicker-div *::before,
body.dashboard-page #ui-datepicker-div *::after {
  box-sizing: border-box;
}

body.dashboard-page #ui-datepicker-div .ui-datepicker-header {
  position: relative !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 6px;
  border: 0 !important;
  background: transparent !important;
  color: #fff;
  padding: 0 0 10px !important;
  margin: 0 !important;
  min-height: 0 !important;
  width: 100% !important;
}

/* Kill clearfix spacers — they add phantom header height */
body.dashboard-page #ui-datepicker-div .ui-datepicker-header.ui-helper-clearfix::before,
body.dashboard-page #ui-datepicker-div .ui-datepicker-header.ui-helper-clearfix::after {
  content: none !important;
  display: none !important;
}

body.dashboard-page #ui-datepicker-div .ui-datepicker-prev,
body.dashboard-page #ui-datepicker-div .ui-datepicker-next {
  position: static !important;
  float: none !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex: 0 0 28px;
  width: 28px !important;
  height: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-width: 0 !important;
  border-style: none !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  cursor: pointer;
  text-indent: 0 !important;
  overflow: hidden;
  text-decoration: none !important;
  line-height: 1 !important;
}

body.dashboard-page #ui-datepicker-div .ui-datepicker-prev {
  order: 1;
}

body.dashboard-page #ui-datepicker-div .ui-datepicker-title {
  order: 2;
}

body.dashboard-page #ui-datepicker-div .ui-datepicker-next {
  order: 3;
}

body.dashboard-page #ui-datepicker-div .ui-datepicker-prev:hover,
body.dashboard-page #ui-datepicker-div .ui-datepicker-next:hover {
  background: rgba(94, 179, 255, 0.18) !important;
}

body.dashboard-page #ui-datepicker-div .ui-datepicker-prev span,
body.dashboard-page #ui-datepicker-div .ui-datepicker-next span {
  display: none !important;
}

body.dashboard-page #ui-datepicker-div .ui-datepicker-prev::after,
body.dashboard-page #ui-datepicker-div .ui-datepicker-next::after {
  position: static !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  color: #5eb3ff;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
  speak: never;
}

body.dashboard-page #ui-datepicker-div .ui-datepicker-prev::after {
  content: "‹" !important;
}

body.dashboard-page #ui-datepicker-div .ui-datepicker-next::after {
  content: "›" !important;
}

body.dashboard-page #ui-datepicker-div .ui-datepicker-title {
  display: flex !important;
  flex: 1 1 auto;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.2;
  color: #fff;
  font-weight: 700;
  font-size: .92rem;
  text-align: center;
  min-width: 0;
}

body.dashboard-page #ui-datepicker-div .ui-datepicker-title select,
body.dashboard-page #ui-datepicker-div select.ui-datepicker-month,
body.dashboard-page #ui-datepicker-div select.ui-datepicker-year {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  display: inline-block !important;
  float: none !important;
  width: auto !important;
  max-width: 46% !important;
  margin: 0 !important;
  padding: 6px 26px 6px 10px !important;
  min-height: 30px;
  border-radius: 8px !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  background: #0b1220 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%235eb3ff' d='M1.4.6 6 5.2 10.6.6 12 2 6 8 0 2z'/%3E%3C/svg%3E") no-repeat right 8px center / 10px 7px !important;
  color: #eaf0ff !important;
  color-scheme: dark;
  font: inherit;
  font-size: .82rem !important;
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
  outline: none;
  vertical-align: middle;
}

body.dashboard-page #ui-datepicker-div .ui-datepicker-title select:hover,
body.dashboard-page #ui-datepicker-div .ui-datepicker-title select:focus,
body.dashboard-page #ui-datepicker-div select.ui-datepicker-month:hover,
body.dashboard-page #ui-datepicker-div select.ui-datepicker-year:hover,
body.dashboard-page #ui-datepicker-div select.ui-datepicker-month:focus,
body.dashboard-page #ui-datepicker-div select.ui-datepicker-year:focus {
  border-color: rgba(94, 179, 255, 0.45) !important;
  background-color: #070d18 !important;
  box-shadow: 0 0 0 2px rgba(47, 157, 244, 0.18);
}

body.dashboard-page #ui-datepicker-div .ui-datepicker-title select option,
body.dashboard-page #ui-datepicker-div select.ui-datepicker-month option,
body.dashboard-page #ui-datepicker-div select.ui-datepicker-year option {
  background: #121826 !important;
  color: #eaf0ff !important;
}

body.dashboard-page #ui-datepicker-div select.ui-datepicker-month {
  max-width: 5.6em !important;
}

body.dashboard-page #ui-datepicker-div select.ui-datepicker-year {
  max-width: 5.4em !important;
}

body.dashboard-page #ui-datepicker-div table {
  margin: 0 !important;
  width: 100% !important;
  border-collapse: collapse;
  table-layout: fixed;
}

body.dashboard-page #ui-datepicker-div table thead {
  background: transparent !important;
}

body.dashboard-page #ui-datepicker-div th {
  padding: 8px 2px 6px !important;
  color: rgba(234, 240, 255, 0.55) !important;
  font-size: .7rem !important;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .02em;
  border: 0 !important;
  background: transparent !important;
  text-align: center !important;
}

body.dashboard-page #ui-datepicker-div td {
  padding: 2px !important;
  border: 0 !important;
  background: transparent !important;
}

body.dashboard-page #ui-datepicker-div td a,
body.dashboard-page #ui-datepicker-div td span {
  display: block !important;
  padding: 8px 4px !important;
  text-align: center !important;
  text-decoration: none !important;
  color: rgba(234, 240, 255, 0.88) !important;
  border-radius: 8px !important;
  border: 0 !important;
  background: transparent !important;
  font-size: .82rem !important;
  font-weight: 600;
  line-height: 1.2 !important;
  filter: none !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

body.dashboard-page #ui-datepicker-div td a:hover {
  background: rgba(94, 179, 255, 0.16) !important;
  color: #fff !important;
}

body.dashboard-page #ui-datepicker-div .ui-state-active,
body.dashboard-page #ui-datepicker-div td a.ui-state-active,
body.dashboard-page #ui-datepicker-div td .ui-state-active {
  background: #2f9df4 !important;
  color: #fff !important;
}

body.dashboard-page #ui-datepicker-div .ui-state-highlight:not(.ui-state-active),
body.dashboard-page #ui-datepicker-div td a.ui-state-highlight:not(.ui-state-active) {
  background: rgba(94, 179, 255, 0.18) !important;
  color: #fff !important;
  box-shadow: inset 0 0 0 1px rgba(94, 179, 255, 0.35) !important;
}

body.dashboard-page #ui-datepicker-div .ui-datepicker-other-month a,
body.dashboard-page #ui-datepicker-div .ui-datepicker-other-month span {
  color: rgba(234, 240, 255, 0.28) !important;
}

body.dashboard-page #ui-datepicker-div .ui-datepicker-unselectable .ui-state-default {
  color: rgba(234, 240, 255, 0.22) !important;
  background: transparent !important;
}

body.dashboard-page .lightbox.lightbox-edit-song .edit-artwork-input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  border: 0;
  padding: 0;
}

body.dashboard-page .lightbox.lightbox-edit-song .song-info-container {
  flex: 1;
  min-width: 0;
}

body.dashboard-page .lightbox.lightbox-edit-song .comments-check-box {
  display: inline-flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 10px;
  margin-top: 8px;
  padding-top: 0;
  width: auto;
  max-width: 100%;
}

body.dashboard-page .lightbox.lightbox-edit-song .comments-check-box .lbl {
  margin: 0 !important;
  padding: 0;
  font-size: .86rem;
  font-weight: 500;
  line-height: 1.2;
  color: rgba(234, 240, 255, 0.82);
  cursor: pointer;
  width: auto !important;
  max-width: none !important;
  flex: 0 1 auto;
}

/* Legacy custom-checkbox (.cbx) — square box (Bootstrap .row was stretching it) */
body.dashboard-page .lightbox label.cbx {
  display: inline-block !important;
  box-sizing: border-box !important;
  flex: 0 0 18px !important;
  flex-shrink: 0 !important;
  position: relative;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  min-height: 18px !important;
  max-height: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1.5px solid rgba(200, 204, 212, 0.55);
  border-radius: 3px !important;
  background: rgba(255, 255, 255, 0.04);
  vertical-align: middle;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
  overflow: hidden;
}

body.dashboard-page .lightbox label.cbx.radio {
  border-radius: 50% !important;
}

body.dashboard-page .lightbox label.cbx::after {
  content: '';
  position: absolute;
  top: 1px;
  left: 5px;
  width: 5px;
  height: 11px;
  opacity: 0;
  transform: rotate(45deg) scale(0);
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transition: all 0.3s ease;
  transition-delay: 0.15s;
}

body.dashboard-page .lightbox label.cbx.radio::after {
  height: 9px;
  top: 2px;
  left: 5px;
}

body.dashboard-page .lightbox .custom-checkbox:checked ~ label.cbx {
  border-color: transparent;
  background: #2aa8f2;
}

body.dashboard-page .lightbox .custom-checkbox:checked ~ label.cbx::after {
  opacity: 1;
  transform: rotate(45deg) scale(1);
}

body.dashboard-page .lightbox .control.field label.cbx,
body.dashboard-page .lightbox .comments-check-box label.cbx {
  display: inline-block !important;
  margin-bottom: 0 !important;
  font-weight: 400;
}

body.dashboard-page .lightbox .comments-check-box label.lbl {
  display: inline !important;
  margin: 0 !important;
  margin-bottom: 0 !important;
  font-weight: 500;
  font-size: .86rem;
  line-height: 1.2;
  color: rgba(234, 240, 255, 0.82);
  cursor: pointer;
  width: auto !important;
  max-width: none !important;
}

/* Bootstrap .row > * sets width:100% — stacks/stretches checkbox */
body.dashboard-page .lightbox .comments-check-box.row > label.cbx,
body.dashboard-page .lightbox .comments-check-box.row > label.lbl,
body.dashboard-page .lightbox .music-lightbox-check > label.cbx,
body.dashboard-page .lightbox .music-lightbox-check > label.lbl {
  width: auto !important;
  max-width: none !important;
  flex: 0 0 auto;
}

body.dashboard-page .lightbox .music-lightbox-check > label.cbx,
body.dashboard-page .lightbox .comments-check-box > label.cbx {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  flex: 0 0 18px !important;
}

body.dashboard-page .lightbox .comments-check-box.row > label.lbl {
  flex: 1 1 auto;
  min-width: 0;
}

@media (max-width: 575.98px) {
  body.dashboard-page .lightbox.lightbox-edit-song .lightbox-content-block {
    flex-direction: column;
    align-items: stretch;
  }

  body.dashboard-page .lightbox.lightbox-edit-song .img-container {
    align-self: center;
  }
}

/* Edit album modal shares the same artwork + fields layout */
body.dashboard-page .lightbox.lightbox-edit-album,
body.dashboard-page .lightbox.lightbox-create-album {
  width: min(680px, calc(100vw - 2rem));
}

body.dashboard-page .lightbox.lightbox-edit-album .lightbox-with-artwork-block,
body.dashboard-page .lightbox.lightbox-create-album .lightbox-with-artwork-block {
  display: flex;
  gap: 18px;
  align-items: flex-start;
  width: 100%;
}

body.dashboard-page .lightbox.lightbox-edit-album .img-container,
body.dashboard-page .lightbox.lightbox-create-album .img-container {
  position: relative;
  flex: 0 0 120px;
  width: 120px;
  height: 120px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.35);
}

body.dashboard-page .lightbox.lightbox-edit-album .img-container img,
body.dashboard-page .lightbox.lightbox-create-album .img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

body.dashboard-page .lightbox.lightbox-edit-album .album-info-container,
body.dashboard-page .lightbox.lightbox-create-album .album-info-container,
body.dashboard-page .lightbox.lightbox-edit-album .input-container,
body.dashboard-page .lightbox.lightbox-create-album .input-container {
  float: none;
  flex: 1 1 auto;
  width: auto;
  max-width: none;
  min-width: 0;
}

body.dashboard-page .lightbox.lightbox-edit-album .input-container .control.field,
body.dashboard-page .lightbox.lightbox-create-album .input-container .control.field,
body.dashboard-page .lightbox.lightbox-edit-album .album-info-container .control.field,
body.dashboard-page .lightbox.lightbox-create-album .album-info-container .control.field {
  width: 100%;
}

body.dashboard-page .lightbox.lightbox-edit-album .input-container select:not(.select2-hidden-accessible),
body.dashboard-page .lightbox.lightbox-create-album .input-container select:not(.select2-hidden-accessible),
body.dashboard-page .lightbox.lightbox-edit-album .input-container .form-control,
body.dashboard-page .lightbox.lightbox-create-album .input-container .form-control,
body.dashboard-page .lightbox.lightbox-edit-album .input-container .select2-container,
body.dashboard-page .lightbox.lightbox-create-album .input-container .select2-container {
  width: 100% !important;
  max-width: 100%;
  box-sizing: border-box;
}

/* Select2 closed field inside dark lightboxes */
body.dashboard-page .lightbox .select2-container--default .select2-selection--single,
body.dashboard-page .lightbox .select2-container--default .select2-selection--multiple {
  min-height: 42px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(0, 0, 0, 0.22);
  color: #fff;
}

body.dashboard-page .lightbox .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 40px;
  padding-left: 12px;
  color: #fff;
}

body.dashboard-page .lightbox .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 40px;
}

body.dashboard-page .lightbox .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: rgba(234, 240, 255, 0.7) transparent transparent transparent;
}

body.dashboard-page .lightbox .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent rgba(234, 240, 255, 0.7) transparent;
}

body.dashboard-page .lightbox .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: rgba(47, 157, 244, 0.22);
  border-color: rgba(47, 157, 244, 0.35);
  color: #fff;
}

/* Select2 open menu — dark readable options above lightbox */
body.dashboard-page .select2-dropdown,
body.dashboard-page .select2-container--open .select2-dropdown,
body.dashboard-page #lightbox-outer .select2-dropdown {
  z-index: 2700 !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 10px !important;
  background: #121826 !important;
  color: #eaf0ff !important;
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.55);
  overflow: hidden;
}

body.dashboard-page .select2-container--default .select2-results__option,
body.dashboard-page #lightbox-outer .select2-results__option {
  padding: 9px 12px;
  color: #eaf0ff !important;
  background: #121826 !important;
}

body.dashboard-page .select2-container--default .select2-results__option[aria-selected="true"],
body.dashboard-page #lightbox-outer .select2-results__option[aria-selected="true"] {
  background: rgba(47, 157, 244, 0.22) !important;
  color: #fff !important;
}

body.dashboard-page .select2-container--default .select2-results__option--highlighted[aria-selected],
body.dashboard-page .select2-container--default .select2-results__option--highlighted,
body.dashboard-page #lightbox-outer .select2-results__option--highlighted {
  background: #2f9df4 !important;
  color: #fff !important;
}

body.dashboard-page .select2-container--default .select2-search--dropdown .select2-search__field {
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  background: #0b1220 !important;
  color: #eaf0ff !important;
}

/* Album create/edit checkboxes — side-by-side label, no Bootstrap row stretch */
body.dashboard-page .lightbox .music-lightbox-checks {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 28px;
  margin-top: 8px;
}

body.dashboard-page .lightbox .music-lightbox-check {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px;
  margin: 0;
  min-width: 0;
  width: auto;
  max-width: 100%;
}

body.dashboard-page .lightbox .music-lightbox-check > label.cbx {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  flex: 0 0 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 3px !important;
}

body.dashboard-page .lightbox .music-lightbox-check > label.lbl {
  display: inline !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0;
  border: 0;
  font-size: 0.86rem;
  font-weight: 500;
  line-height: 1.2;
  color: rgba(234, 240, 255, 0.86);
  cursor: pointer;
  white-space: nowrap;
}

body.dashboard-page.queue-medium #lightbox-outer,
body.dashboard-page.embed_large_queue #lightbox-outer {
  bottom: 240px;
}

body.dashboard-page.queue-small #lightbox-outer {
  bottom: 135px;
}

/* v2 modals — sit above fixed music player and stay fully visible */
body.dashboard-page[class*="music-"] .music-my-modal,
body.dashboard-page[class*="music-"] .music-withdraw-modal {
  z-index: 1065 !important;
}

body.dashboard-page[class*="music-"] .music-my-modal.show {
  display: block !important;
}

body.dashboard-page[class*="music-"] .modal-backdrop.show {
  z-index: 1060 !important;
}

body.dashboard-page[class*="music-"] #musicCartStripeModal.show,
body.dashboard-page[class*="music-"] #musicPromoShareModal.show,
body.dashboard-page[class*="music-"] #priceModal.show,
body.dashboard-page[class*="music-"] .music-uploads-modal.show,
body.dashboard-page[class*="music-"] .music-withdraw-modal.show {
  z-index: 1065 !important;
}

body.dashboard-page[class*="music-"] .music-uploads-modal .modal-dialog {
  margin: 1.25rem auto 5.5rem;
  max-height: calc(100vh - 7rem);
}

body.dashboard-page[class*="music-"] .music-uploads-modal .modal-content {
  max-height: calc(100vh - 7rem);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

body.dashboard-page[class*="music-"] .music-uploads-modal .modal-body {
  overflow-y: auto;
  flex: 1 1 auto;
  min-height: 0;
}

body.dashboard-page[class*="music-"] .music-uploads-modal .modal-footer {
  flex-shrink: 0;
}

body.dashboard-page[class*="music-"] .tooltip .tooltip-inner{
  max-width: 220px;
  padding: 6px 10px;
  border-radius: 8px;
  background: rgba(14, 18, 28, .98);
  border: 1px solid rgba(255, 255, 255, .12);
  color: rgba(234, 240, 255, .92);
  font-size: .78rem;
  font-weight: 600;
  box-shadow: 0 10px 28px rgba(0, 0, 0, .45);
}

body.dashboard-page[class*="music-"] .tooltip .tooltip-arrow::before{
  border-top-color: rgba(14, 18, 28, .98);
  border-bottom-color: rgba(14, 18, 28, .98);
}

body.dashboard-page[class*="music-"] .music-my-modal.show + .modal-backdrop {
  z-index: 1060 !important;
}

body.dashboard-page[class*="music-"] .music-my-modal .modal-dialog {
  pointer-events: auto;
}

body.dashboard-page[class*="music-"] .music-withdraw-modal .modal-dialog,
body.dashboard-page[class*="music-"] .music-withdraw-modal .modal-content,
body.dashboard-page[class*="music-"] .music-withdraw-modal .music-withdraw-input {
  pointer-events: auto !important;
}

body.dashboard-page[class*="music-"] .music-my-modal .modal-dialog {
  margin: 1.25rem auto 5.5rem;
  max-width: min(640px, calc(100vw - 2rem));
  max-height: calc(100vh - 7rem);
}

body.dashboard-page[class*="music-"] .music-my-modal .modal-content {
  max-height: calc(100vh - 7rem);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

body.dashboard-page[class*="music-"] .music-my-modal .modal-body {
  overflow-y: auto;
  flex: 1 1 auto;
  min-height: 0;
}

body.dashboard-page[class*="music-"] .music-my-modal .modal-footer {
  flex-shrink: 0;
}

body.dashboard-page.music-store-page .music-store-page-nav[aria-disabled="true"],
body.dashboard-page.music-store-page .music-store-page-btn[aria-disabled="true"] {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}

body.dashboard-page.music-store-page .music-store-pagination .pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 6px;
  width: fit-content;
  max-width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.dashboard-page.music-store-page .music-store-pagination .page-item {
  margin: 0;
  list-style: none;
}

body.dashboard-page.music-store-page .music-store-pagination .page-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  min-height: 38px;
  padding: 0 12px;
  border-radius: 9px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.04);
  color: rgba(234, 240, 255, 0.78);
  font-size: 0.84rem;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

body.dashboard-page.music-store-page .music-store-pagination .page-link:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.14);
  color: #fff;
}

body.dashboard-page.music-store-page .music-store-pagination .page-item.active .page-link,
body.dashboard-page.music-store-page .music-store-pagination .page-link.is-active {
  background: linear-gradient(135deg, #2f9df4, #1d7fd4);
  border-color: transparent;
  color: #fff;
  box-shadow: 0 8px 18px rgba(47, 157, 244, 0.24);
}

body.dashboard-page.music-store-page .music-store-pagination .page-item.disabled .page-link {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}

body.dashboard-page.music-store-page #musicStoreTracksMount,
body.dashboard-page.music-store-page #musicStoreTracksMount.show-time {
  margin: 0 !important;
  margin-left: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  position: static !important;
  display: flex !important;
  flex-direction: column;
  gap: 0;
}

body.dashboard-page.music-store-page .music-store-filter-masks {
  display: none;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}

body.dashboard-page.music-store-page .music-store-filter-shell .store-container.active-filter .music-store-filter-masks:not(:empty) {
  display: flex;
}

body.dashboard-page.music-store-page .music-store-active-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 0;
  min-height: 0;
}

body.dashboard-page.music-store-page .music-store-active-filters:empty {
  display: none;
}

body.dashboard-page.music-store-page .music-store-search-block .music-store-active-filters .music-store-clear-filters.hide {
  display: none !important;
}

body.dashboard-page.music-store-page .music-store-active-filters .music-store-filter-chip,
body.dashboard-page.music-store-page .music-store-filter-chips .music-store-filter-chip,
body.dashboard-page.music-store-page .music-store-active-filters .eb8kde96,
body.dashboard-page.music-store-page .music-store-filter-chips .eb8kde96,
body.dashboard-page.music-store-page .music-store-active-filters .css-1uswwka,
body.dashboard-page.music-store-page .music-store-filter-chips .css-1uswwka {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 6px 8px 6px 12px;
  border-radius: 999px;
  border: 1px solid rgba(47, 157, 244, 0.35);
  background: rgba(47, 157, 244, 0.14);
  color: #eaf0ff;
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}

body.dashboard-page.music-store-page .music-store-filter-chip-label {
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.dashboard-page.music-store-page .music-store-filter-chip-remove,
body.dashboard-page.music-store-page .music-store-active-filters .clearPillTrigger,
body.dashboard-page.music-store-page .music-store-filter-chips .clearPillTrigger,
body.dashboard-page.music-store-page .music-store-active-filters .css-1gexovb,
body.dashboard-page.music-store-page .music-store-filter-chips .css-1gexovb {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.16);
  color: #fff;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
  flex-shrink: 0;
  position: relative;
}

body.dashboard-page.music-store-page .music-store-filter-chip-remove::before,
body.dashboard-page.music-store-page .music-store-active-filters .clearPillTrigger::before,
body.dashboard-page.music-store-page .music-store-filter-chips .clearPillTrigger::before,
body.dashboard-page.music-store-page .music-store-active-filters .css-1gexovb::before,
body.dashboard-page.music-store-page .music-store-filter-chips .css-1gexovb::before {
  content: "×";
  position: static;
  display: block;
  font-size: 13px;
  line-height: 1;
  color: #fff;
}

body.dashboard-page.music-store-page .music-store-active-filters .pillButtonComma,
body.dashboard-page.music-store-page .music-store-filter-chips .pillButtonComma,
body.dashboard-page.music-store-page .music-store-active-filters .css-zj6i25,
body.dashboard-page.music-store-page .music-store-filter-chips .css-zj6i25 {
  display: none !important;
}

body.dashboard-page.music-store-page .music-store-filter-shell .filter-items-container.show-time {
  position: static !important;
  margin: 0 !important;
  padding: 12px 16px 16px !important;
  width: 100% !important;
  max-width: 100% !important;
  display: none !important;
}

body.dashboard-page.music-store-page .music-store-filter-shell .store-container.active-filter .filter-items-container,
body.dashboard-page.music-store-page .music-store-filter-shell .store-container.active-filter .filter-items-container.show-time {
  display: block !important;
}

body.dashboard-page.music-store-page .music-store-search-icon[data-action="show-filter"] {
  cursor: pointer;
}

body.dashboard-page.music-store-page .music-store-hero-sub {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 18px;
}

body.dashboard-page.music-store-page .music-store-filter-chips {
  display: none !important;
}

body.dashboard-page.music-store-page .music-store-clear-filters,
body.dashboard-page.music-store-page .music-store-filter-badge {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.04);
  color: rgba(234, 240, 255, 0.78);
  border-radius: 999px;
  padding: 6px 12px;
  font-size: 0.76rem;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

body.dashboard-page.music-store-page .music-store-clear-filters:hover,
body.dashboard-page.music-store-page .music-store-filter-badge:hover {
  background: rgba(47, 157, 244, 0.14);
  border-color: rgba(47, 157, 244, 0.28);
  color: #fff;
}

body.dashboard-page.music-store-page .music-store-filter-badge.hide {
  display: none !important;
}

body.dashboard-page.music-store-page .music-store-search .store-filter-search-input,
body.dashboard-page.music-store-page .music-store-search #header-filter-search-input {
  background: transparent !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  height: auto !important;
  min-height: 0 !important;
}

body.dashboard-page.music-store-page .music-store-search .store-filter-search-input::placeholder,
body.dashboard-page.music-store-page .music-store-search #header-filter-search-input::placeholder {
  color: rgba(234, 240, 255, 0.42) !important;
}

body.dashboard-page.music-store-page .music-store-filter-shell .store-filter-section {
  position: static !important;
  display: flex !important;
  flex-direction: column !important;
  height: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
}

body.dashboard-page.music-store-page .music-store-filter-shell .store-filter-distrack {
  position: static !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  border-right: 0 !important;
  padding: 0 !important;
}

body.dashboard-page.music-store-page .music-store-filter-shell .filter-items-container {
  display: none !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 12px 16px 16px;
}

body.dashboard-page.music-store-page .music-store-filter-shell .store-filter-main-section {
  width: 100%;
  max-width: 100%;
  flex: none;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 6px;
  padding: 16px 16px 0;
  border: 0;
  background: transparent;
}

body.dashboard-page.music-store-page .music-store-filter-shell .store-filter-menu {
  width: auto;
  flex: 1;
  min-width: 0;
}

body.dashboard-page.music-store-page .music-store-filter-shell .store-filter-menu-label {
  color: rgba(234, 240, 255, 0.72);
  padding: 10px 12px;
  border-radius: 8px;
}

body.dashboard-page.music-store-page .music-store-filter-shell .store-filter-menu-label.active::after {
  background: #2f9df4;
}

body.dashboard-page.music-store-page .music-store-filter-shell .filter-items-container .store-filter-distrack .filter-items {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
}

body.dashboard-page.music-store-page .music-store-filter-shell .filter-items-container .css-ongm40 {
  width: 100% !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  flex: none !important;
  text-align: left !important;
  border: 0 !important;
}

body.dashboard-page.music-store-page .music-store-filter-shell .filter-items-container .css-ongm40 .img-container {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}

body.dashboard-page.music-store-page .music-store-filter-shell .filter-items-container .css-ongm40 img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  display: block;
}

body.dashboard-page.music-store-page .music-store-filter-shell .filter-items-container .css-98z92p {
  display: none;
}

body.dashboard-page.music-store-page .music-store-filter-shell .store-filter-mobile-2 {
  position: sticky;
  bottom: 0;
  margin-top: 12px;
  padding: 12px 0 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(12, 18, 28, 0.98);
}

body.dashboard-page.music-store-page .music-store-filter-shell .store-filter-mobile-2 .btn-link {
  color: rgba(234, 240, 255, 0.72);
}

body.dashboard-page.music-store-page .music-store-filter-shell .store-filter-mobile-2 .btn-primary {
  background: linear-gradient(135deg, #2f9df4, #1d7fd4);
  border: 0;
}

body.dashboard-page.music-store-page #infinity-loading,
body.dashboard-page.music-store-page .music-store-tracks-loader {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 160px;
  width: 100%;
  margin: 0;
  padding: 28px 16px;
  color: rgba(234, 240, 255, 0.62);
  font-size: 0.9rem;
  font-weight: 600;
  position: relative;
  box-sizing: border-box;
}

/* Infinity-scroll fallback (no custom spinner child) */
body.dashboard-page.music-store-page #infinity-loading:not(.music-store-tracks-loader):after {
  content: "";
  display: block;
  width: 34px;
  height: 34px;
  margin: 0;
  border-radius: 50%;
  border: 2.5px solid rgba(47, 157, 244, 0.22);
  border-top-color: #5eb8ff;
  border-right-color: #5eb8ff;
  animation: music-store-loader-spin 0.85s linear infinite;
  position: static;
}

body.dashboard-page.music-store-page .music-store-tracks-loader-spinner {
  display: block;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  border-radius: 50%;
  border: 2.5px solid rgba(47, 157, 244, 0.22);
  border-top-color: #5eb8ff;
  border-right-color: #5eb8ff;
  animation: music-store-loader-spin 0.85s linear infinite;
}

body.dashboard-page.music-store-page .music-store-tracks-loader-text {
  color: rgba(234, 240, 255, 0.58);
  letter-spacing: 0.01em;
}

body.dashboard-page.music-store-page #musicStoreTracksMount.is-loading {
  min-height: 180px;
  pointer-events: none;
}

@keyframes music-store-loader-spin {
  to {
    transform: rotate(360deg);
  }
}

body.dashboard-page.music-store-page .music-store-filter-shell .store-filter-main-section,
body.dashboard-page.music-store-page .music-store-filter-shell .store-filter-menu-label,
body.dashboard-page.music-store-page .music-store-filter-shell .filter-items-container,
body.dashboard-page.music-store-page .music-store-filter-shell .store-filter-mobile-2 {
  background: transparent;
  color: #eaf0ff;
  border-color: rgba(255, 255, 255, 0.1);
}

body.dashboard-page.music-store-page .music-store-filter-shell .store-filter-menu-label.active {
  color: #5eb8ff;
}

body.dashboard-page.music-store-page .music-store-filter-shell .filterOption {
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  background: rgba(255, 255, 255, 0.04);
  color: #eaf0ff;
  border-radius: 8px;
}

body.dashboard-page.music-store-page .music-store-filter-shell .filterOption:hover,
body.dashboard-page.music-store-page .music-store-filter-shell .filterOption.active {
  background: rgba(47, 157, 244, 0.22) !important;
  border-color: rgba(47, 157, 244, 0.45) !important;
  color: #fff;
}

body.dashboard-page.music-store-page .music-playlists-grid > .music-playlists-card-wrap {
  display: contents;
}

body.dashboard-page[class*="music-"] .music-playlists-card {
  position: relative;
}

body.dashboard-page[class*="music-"] .music-playlists-card .music-playlist-play {
  opacity: 1;
  transform: none;
  z-index: 2;
  cursor: pointer;
}

body.dashboard-page[class*="music-"] .music-playlists-card:hover .music-playlist-play {
  opacity: 1;
  transform: none;
}

body.dashboard-page[class*="music-"] .music-my-toolbar-caret .caret,
body.dashboard-page[class*="music-"] .music-details-actions .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 4px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

/* Overview — legacy comments styled like prototype */
body.dashboard-page.music-overview-page .music-overview-comments-block .page-post-comment {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(0, 0, 0, 0.18);
  margin: 0;
}

body.dashboard-page.music-overview-page .music-overview-comments-block .user-comment-image {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  margin: 0;
}

body.dashboard-page.music-overview-page .music-overview-comments-block .comment-form {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  min-width: 0;
  margin: 0;
}

body.dashboard-page.music-overview-page .music-overview-comments-block .comment-feed-msg {
  flex: 1;
  min-width: 0;
  border: 0;
  background: transparent;
  color: #fff;
  padding: 0;
  min-height: 24px;
  font-size: 0.88rem;
}

body.dashboard-page.music-overview-page .music-overview-comments-block .insert-emoji {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: rgba(234, 240, 255, 0.55);
  flex-shrink: 0;
}

body.dashboard-page.music-overview-page .music-overview-comments-block .insert-emoji:hover {
  color: #5eb8ff;
}

body.dashboard-page.music-overview-page .music-overview-comments-block .insert-emoji svg {
  display: none;
}

body.dashboard-page.music-overview-page .music-overview-comments-block .insert-emoji::before {
  content: none;
  display: none;
}

body.dashboard-page.music-overview-page .music-overview-comments-block .insert-emoji .bi {
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-size: 1.1rem;
  line-height: 1;
  font-style: normal;
  font-weight: normal !important;
}

body.dashboard-page.music-overview-page .music-overview-playlist-cover[src] {
  object-fit: cover;
}

body.dashboard-page.music-overview-page .music-overview-track-row.module {
  display: grid;
}

/* Fixed-size avatar placeholders — never reuse card thumb/artist placeholder classes on avatars */
.music-avatar-fallback {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  box-sizing: border-box;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03));
  color: rgba(234, 240, 255, 0.38);
}

.music-profile-avatar.music-avatar-fallback {
  width: 56px;
  height: 56px;
  min-width: 56px;
  min-height: 56px;
  max-width: 56px;
  max-height: 56px;
  border-radius: 50%;
  border: 3px solid rgba(18, 24, 36, 0.98);
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28);
  font-size: 1.35rem;
}

.music-welcome-avatar.music-avatar-fallback {
  width: 64px;
  height: 64px;
  min-width: 64px;
  min-height: 64px;
  max-width: 64px;
  max-height: 64px;
  border-radius: 50%;
  border: 3px solid rgba(47, 157, 244, 0.35);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.28);
  font-size: 1.55rem;
}

.music-header-avatar.music-avatar-fallback {
  width: 36px;
  height: 36px;
  min-width: 36px;
  min-height: 36px;
  max-width: 36px;
  max-height: 36px;
  border-radius: 50%;
  font-size: 1rem;
}

.music-chart-thumb.music-avatar-fallback {
  width: 48px;
  height: 48px;
  min-width: 48px;
  min-height: 48px;
  border-radius: 8px;
  font-size: 1.1rem;
}

.music-playlist-cover .music-avatar-fallback {
  width: 100%;
  height: 100%;
  min-height: 0;
  aspect-ratio: 1;
  border-radius: 12px;
  font-size: 2rem;
}

body.dashboard-page[class*="music-"] .music-welcome-title {
  overflow-wrap: anywhere;
  word-break: break-word;
}

body.dashboard-page[class*="music-"] .music-welcome-main {
  flex: 1 1 320px;
  max-width: 100%;
}

body.dashboard-page[class*="music-"] .music-welcome-copy {
  flex: 1 1 auto;
  min-width: 0;
  max-width: 100%;
}

body.dashboard-page[class*="music-"] .music-profile-avatar:not(.music-avatar-fallback),
body.dashboard-page[class*="music-"] .music-welcome-avatar:not(.music-avatar-fallback),
body.dashboard-page[class*="music-"] .music-header-avatar:not(.music-avatar-fallback) {
  object-fit: cover;
}

/* List pages — trending, new releases, discover */
body.music-trending-page .music-list-body,
body.music-new-release-page .music-list-body,
body.music-discover-page .music-list-body,
body.music-recent-listens-page .music-list-body,
body.music-genre-page .music-list-body {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

body.music-trending-page .music-list-header,
body.music-new-release-page .music-list-header,
body.music-discover-page .music-list-header,
body.music-recent-listens-page .music-list-header,
body.music-genre-page .music-list-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

body.music-trending-page .music-list-header-copy,
body.music-new-release-page .music-list-header-copy,
body.music-discover-page .music-list-header-copy,
body.music-recent-listens-page .music-list-header-copy,
body.music-genre-page .music-list-header-copy {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  min-width: 0;
}

body.music-trending-page .music-list-stat,
body.music-new-release-page .music-list-stat,
body.music-recent-listens-page .music-list-stat,
body.music-genre-page .music-list-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 88px;
  padding: 10px 14px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(0, 0, 0, 0.18);
  text-align: center;
}

body.music-trending-page .music-list-stat strong,
body.music-new-release-page .music-list-stat strong,
body.music-recent-listens-page .music-list-stat strong,
body.music-genre-page .music-list-stat strong {
  font-size: 1.25rem;
  font-weight: 800;
  color: #fff;
  line-height: 1.1;
}

body.music-trending-page .music-list-stat span,
body.music-new-release-page .music-list-stat span,
body.music-recent-listens-page .music-list-stat span,
body.music-genre-page .music-list-stat span {
  font-size: 0.72rem;
  color: rgba(255, 255, 255, 0.62);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

body.music-trending-page .music-list-periods {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

body.music-trending-page .music-list-periods a.music-promoter-earn-period {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: 38px;
  height: 38px;
  padding: 0 16px;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  flex: 0 0 auto;
  vertical-align: middle;
}

@media (max-width: 767.98px) {
  body.music-trending-page .music-list-periods {
    width: 100%;
  }

  body.music-trending-page .music-list-periods a.music-promoter-earn-period {
    flex: 1 1 0;
    min-width: 0;
  }
}

body.music-trending-page .music-chart-list-page {
  margin-top: 4px;
}

body.music-new-release-page .music-song-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(148px, 1fr));
  gap: 14px;
}

body.music-new-release-page .music-song-grid .music-song-card,
body.music-recent-listens-page .music-song-grid .music-song-card,
body.music-genre-page .music-song-grid .music-song-card {
  width: 100%;
  flex-shrink: 1;
}

body.music-recent-listens-page .music-song-grid,
body.music-new-release-page .music-song-grid,
body.music-genre-page .music-song-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(148px, 1fr));
  gap: 14px;
}

body.music-trending-page .music-list-empty,
body.music-new-release-page .music-list-empty,
body.music-discover-page .music-list-empty,
body.music-recent-listens-page .music-list-empty,
body.music-genre-page .music-list-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 48px 20px;
  border-radius: 14px;
  border: 1px dashed rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.62);
  text-align: center;
}

body.music-trending-page .music-list-empty i,
body.music-new-release-page .music-list-empty i,
body.music-discover-page .music-list-empty i,
body.music-recent-listens-page .music-list-empty i,
body.music-genre-page .music-list-empty i {
  font-size: 1.8rem;
  color: rgba(47, 157, 244, 0.75);
}

body.music-discover-page .music-content-block + .music-content-block {
  margin-top: 8px;
}

body.music-genre-page .music-genre-breadcrumb {
  color: rgba(47, 157, 244, 0.92);
  text-decoration: none;
}

body.music-genre-page .music-genre-breadcrumb:hover {
  text-decoration: underline;
}

body.music-genre-page .music-artist-profile-toolbar {
  margin-top: -4px;
}

body.music-genre-page .music-list-empty .music-see-all {
  margin-top: 6px;
}

body.dashboard-page.music-genre-page .music-home-body {
  padding-bottom: 120px;
}

body.music-trending-page .music-list-pagination,
body.music-new-release-page .music-list-pagination,
body.music-recent-listens-page .music-list-pagination,
body.music-artists-page .music-list-pagination,
body.music-genre-page .music-list-pagination,
body.music-followers-page .music-list-pagination,
body.music-following-page .music-list-pagination {
  margin-top: 18px;
}

body.music-trending-page .music-list-pagination .music-artists-page-nav,
body.music-new-release-page .music-list-pagination .music-artists-page-nav,
body.music-recent-listens-page .music-list-pagination .music-artists-page-nav,
body.music-artists-page .music-list-pagination .music-artists-page-nav {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: 38px;
  line-height: 1;
  text-decoration: none;
}

/* Profile / library pages — hide legacy chrome */
body.dashboard-page.music-overview-page #page-nav,
body.dashboard-page.music-my-music-page #page-nav,
body.dashboard-page.music-favorites-page #page-nav,
body.dashboard-page.music-purchased-page #page-nav,
body.dashboard-page.music-playlists-page #page-nav,
body.dashboard-page.music-followers-page #page-nav,
body.dashboard-page.music-following-page #page-nav,
body.dashboard-page.music-playlist-details-page #page-nav,
body.dashboard-page.music-albums-page #page-nav,
body.dashboard-page.music-notifications-page #page-nav {
  display: none !important;
}

body.dashboard-page.music-playlist-details-page .v1-legacy-store-hooks,
body.dashboard-page.music-playlist-details-page #page-nav,
body.dashboard-page.music-albums-page .v1-legacy-store-hooks,
body.dashboard-page.music-albums-page #page-nav {
  display: none !important;
}

body.dashboard-page.music-playlist-details-page .music-playlist-details-cover img,
body.dashboard-page.music-albums-page .music-album-detail-panel .music-playlist-details-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}

body.dashboard-page.music-playlist-details-page .music-playlist-details-tabs .music-my-tab,
body.dashboard-page.music-albums-page .music-playlist-details-tabs .music-my-tab,
body.dashboard-page.music-playlist-details-page .music-playlist-details-outline-btn,
body.dashboard-page.music-albums-page .music-playlist-details-outline-btn {
  appearance: none;
  -webkit-appearance: none;
  font-family: inherit;
  line-height: inherit;
}

body.dashboard-page.music-playlist-details-page .music-playlist-details-tabs,
body.dashboard-page.music-albums-page .music-playlist-details-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  margin: 0;
  padding: 0 22px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background:
    radial-gradient(ellipse 80% 120% at 0% 0%, rgba(47, 157, 244, 0.12), transparent 55%),
    radial-gradient(ellipse 60% 100% at 100% 0%, rgba(222, 78, 144, 0.08), transparent 50%),
    rgba(0, 0, 0, 0.1);
}

body.dashboard-page.music-playlist-details-page .music-playlist-details-tabs .music-my-tab,
body.dashboard-page.music-albums-page .music-playlist-details-tabs .music-my-tab {
  display: inline-flex;
  align-items: center;
  min-height: 48px;
  padding: 0 14px;
  margin: 0 0 -1px;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  color: rgba(234, 240, 255, 0.58);
  font-size: 0.84rem;
  font-weight: 700;
  letter-spacing: normal;
  text-transform: none;
  cursor: pointer;
  transition: color 0.16s ease, border-color 0.16s ease;
}

body.dashboard-page.music-playlist-details-page .music-playlist-details-tabs .music-my-tab:hover,
body.dashboard-page.music-albums-page .music-playlist-details-tabs .music-my-tab:hover {
  color: #fff;
  background: transparent !important;
}

body.dashboard-page.music-playlist-details-page .music-playlist-details-tabs .music-my-tab.is-active,
body.dashboard-page.music-albums-page .music-playlist-details-tabs .music-my-tab.is-active {
  color: #5eb8ff !important;
  background: transparent !important;
  border-bottom-color: #2f9df4 !important;
}

body.dashboard-page.music-playlist-details-page .music-playlist-details-body,
body.dashboard-page.music-albums-page .music-album-detail-body {
  margin-bottom: 6rem;
}

body.dashboard-page.music-playlist-details-page .music-playlist-track-row.song,
body.dashboard-page.music-albums-page .music-playlist-track-row.song {
  display: grid;
}

/* Artist album detail — keep track rows on one horizontal line (override legacy .module-row block) */
body.dashboard-page.music-albums-page .music-album-detail-track-row.module.module-row,
body.dashboard-page.music-albums-page .music-album-detail-track-row.module.module-row.song.tall {
  display: grid !important;
  grid-template-columns: 24px 48px minmax(0, 1fr) auto auto auto;
  gap: 12px;
  align-items: center;
  height: auto !important;
  min-height: 60px;
  padding: 10px 4px;
  overflow: visible;
}

body.dashboard-page.music-albums-page .music-album-detail-track-row .music-album-detail-drag,
body.dashboard-page.music-albums-page .music-album-detail-track-row.module-row.tall.can-drag .drag-handle {
  position: static !important;
  top: auto !important;
  left: auto !important;
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: rgba(234, 240, 255, 0.42);
  cursor: grab;
}

body.dashboard-page.music-albums-page .music-album-detail-track-row .music-album-detail-drag:active {
  cursor: grabbing;
}

body.dashboard-page.music-albums-page .music-album-detail-track-row .music-album-detail-play {
  flex-shrink: 0;
}

body.dashboard-page.music-albums-page .music-album-detail-track-row .music-album-detail-track-main {
  min-width: 0;
}

body.dashboard-page.music-albums-page .music-album-detail-track-row .music-album-detail-track-duration,
body.dashboard-page.music-albums-page .music-album-detail-track-row .music-album-detail-track-price {
  white-space: nowrap;
  justify-self: end;
}

body.dashboard-page.music-albums-page .music-album-detail-track-row .music-album-detail-track-actions {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  justify-self: end;
}

@media (max-width: 900px) {
  body.dashboard-page.music-albums-page .music-album-detail-track-row.module.module-row,
  body.dashboard-page.music-albums-page .music-album-detail-track-row.module.module-row.song.tall {
    grid-template-columns: 20px 44px minmax(0, 1fr) auto;
    grid-template-areas:
      "drag play main actions"
      ". . meta meta";
    row-gap: 8px;
  }

  body.dashboard-page.music-albums-page .music-album-detail-track-row .music-album-detail-drag {
    grid-area: drag;
  }

  body.dashboard-page.music-albums-page .music-album-detail-track-row .music-album-detail-play {
    grid-area: play;
  }

  body.dashboard-page.music-albums-page .music-album-detail-track-row .music-album-detail-track-main {
    grid-area: main;
  }

  body.dashboard-page.music-albums-page .music-album-detail-track-row .music-album-detail-track-actions {
    grid-area: actions;
  }

  body.dashboard-page.music-albums-page .music-album-detail-track-row .music-album-detail-track-duration,
  body.dashboard-page.music-albums-page .music-album-detail-track-row .music-album-detail-track-price {
    grid-area: meta;
    justify-self: start;
    text-align: left;
  }
}

body.dashboard-page.music-playlist-details-page .music-my-favorite,
body.dashboard-page.music-albums-page .music-my-favorite {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: rgba(234, 240, 255, 0.55);
  text-decoration: none;
}

body.dashboard-page.music-playlist-details-page .music-my-favorite.is-active,
body.dashboard-page.music-playlist-details-page .music-my-favorite.on,
body.dashboard-page.music-albums-page .music-my-favorite.is-active,
body.dashboard-page.music-albums-page .music-my-favorite.on {
  color: #f472b6;
}

body.dashboard-page.music-overview-page .music-overview-header-thumb.music-avatar-fallback,
body.dashboard-page.music-my-music-page .music-my-header-thumb.music-avatar-fallback,
body.dashboard-page.music-favorites-page .music-my-header-thumb.music-avatar-fallback,
body.dashboard-page.music-purchased-page .music-my-header-thumb.music-avatar-fallback,
body.dashboard-page.music-playlists-page .music-my-header-thumb.music-avatar-fallback,
body.dashboard-page.music-notifications-page .music-my-header-thumb.music-avatar-fallback {
  width: 64px;
  height: 64px;
  min-width: 64px;
  min-height: 64px;
  border-radius: 12px;
  font-size: 1.5rem;
}

body.dashboard-page.music-overview-page .music-overview-track-row.song,
body.dashboard-page.music-my-music-page .music-my-track-row.song,
body.dashboard-page.music-favorites-page .music-my-track-row.song {
  display: grid;
}

body.dashboard-page.music-notifications-page .music-notifications-list > a {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 18px 6px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  text-decoration: none;
  color: inherit;
}

body.dashboard-page.music-notifications-page .music-notifications-list > a:hover {
  background: rgba(255, 255, 255, 0.04);
}

body.dashboard-page.music-notifications-page .music-notifications-list .feed-user-image img,
body.dashboard-page.music-notifications-page .music-notifications-list .author-image-medium {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
}

body.dashboard-page.music-notifications-page .music-notifications-list .feed-content,
body.dashboard-page.music-notifications-page .music-notifications-list .event-action {
  margin: 0;
  font-size: 0.9rem;
  color: rgba(234, 240, 255, 0.88);
}

body.dashboard-page.music-notifications-page .music-notifications-list .module-feed-event {
  display: contents;
}

body.dashboard-page.music-notifications-page .music-notifications-list .feed-icon {
  display: none;
}

body.dashboard-page.music-notifications-page .music-notifications-clear-btn {
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  border-right: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.04);
}

body.dashboard-page.music-notifications-page .music-notifications-clear-btn:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.22);
}

.music-notification-row.is-unread,
.music-notifications-dropdown-list .music-notification-row.is-unread,
body.dashboard-page.music-notifications-page .music-notification-row.is-unread {
  background: rgba(47, 157, 244, 0.08);
}

.music-notification-row.is-unread .music-notification-time,
body.dashboard-page.music-notifications-page .music-notification-row.is-unread .music-notification-time {
  color: #5eb8ff;
  font-weight: 700;
}

body.dashboard-page.music-notifications-page .music-notification-row[href]:not([href="#"]) {
  cursor: pointer;
}

body.dashboard-page .module-comment.is-comment-highlighted,
body.dashboard-page .response-row.is-comment-highlighted,
.module-comment.is-comment-highlighted,
.response-row.is-comment-highlighted {
  outline: 2px solid rgba(47, 157, 244, 0.75);
  outline-offset: 4px;
  border-radius: 12px;
  background: rgba(47, 157, 244, 0.08);
  animation: musicCommentHighlightPulse 1.6s ease-in-out 2;
}

@keyframes musicCommentHighlightPulse {
  0%, 100% { background: rgba(47, 157, 244, 0.08); }
  50% { background: rgba(47, 157, 244, 0.16); }
}

body.dashboard-page[class*="music-"] .music-my-track-thumb.is-placeholder {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.06);
  color: rgba(234, 240, 255, 0.38);
}

/* Song details — legacy comments + top songs */
body.dashboard-page.music-details-page .music-details-comments-block .page-post-comment {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(0, 0, 0, 0.18);
  margin: 0;
}

body.dashboard-page.music-details-page .music-details-comments-block .comment-feed-msg {
  flex: 1;
  min-width: 0;
  border: 0;
  background: transparent;
  color: #fff;
  padding: 0;
  min-height: 24px;
  font-size: 0.88rem;
}

body.dashboard-page.music-details-page .music-details-top-song-row.song {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
}

body.dashboard-page.music-details-page .music-details-top-favorite {
  border: 0;
  background: transparent;
  color: rgba(234, 240, 255, 0.45);
  padding: 0;
  cursor: pointer;
}

body.dashboard-page.music-details-page .music-details-top-favorite.is-active,
body.dashboard-page.music-details-page .music-details-top-favorite.on {
  color: #ff5f8a;
}

body.dashboard-page.music-details-page .music-details-actions .favorite {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
}

body.dashboard-page.music-details-page .music-details-actions .favorite.is-active,
body.dashboard-page.music-details-page .music-details-actions .favorite.on {
  color: #ff5f8a;
}

body.dashboard-page.music-details-page .music-details-cover {
  object-fit: cover;
}

body.dashboard-page.music-details-page .music-details-top-thumb.music-avatar-fallback {
  width: 48px;
  height: 48px;
  min-width: 48px;
  min-height: 48px;
  border-radius: 8px;
  font-size: 1.1rem;
}

.v1-legacy-store-hooks {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.music-uploads-row-actions {
  position: relative;
  z-index: 3;
}

.music-uploads-row-actions .music-uploads-action {
  position: relative;
  z-index: 4;
  pointer-events: auto;
}

.music-uploads-row-actions .music-uploads-action.song-row-price.is-disabled {
  opacity: 0.35;
  cursor: not-allowed;
  pointer-events: none;
}

.music-uploads-row-actions .music-uploads-action.song-row-price.is-checking {
  opacity: 0.55;
  cursor: wait;
  pointer-events: none;
}

.music-uploads-row-actions .music-uploads-action.song-row-price.is-disabled:hover {
  color: inherit;
  background: transparent;
}

.music-uploads-thumb.has-image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.music-dashboard-album-cover-art.is-image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.music-artist-upload-hero .music-my-tabs {
  position: sticky;
  top: 0;
  z-index: 30;
  background:
    radial-gradient(ellipse 80% 120% at 0% 0%, rgba(47, 157, 244, .14), transparent 55%),
    radial-gradient(ellipse 60% 100% at 100% 0%, rgba(222, 78, 144, .10), transparent 50%),
    rgba(12, 14, 20, .96);
  backdrop-filter: blur(8px);
}

/* Song/profile comment ⋯ — outside bubble, right side center (same as /music/) */
.music-overview-comments-block .comment-details .comment-options,
.music-artist-profile-comments-block .comment-details .comment-options,
.music-details-comments-block .comment-details .comment-options,
.music-overview-comments-block .response-row .response-options,
.music-artist-profile-comments-block .response-row .response-options,
.music-details-comments-block .response-row .response-options{
  position: absolute !important;
  top: 50% !important;
  left: 100% !important;
  right: auto !important;
  margin: -14px 0 0 6px !important;
  pointer-events: auto !important;
}

.music-overview-comments-block .module-comment:hover .comment-details .comment-options,
.music-artist-profile-comments-block .module-comment:hover .comment-details .comment-options,
.music-details-comments-block .module-comment:hover .comment-details .comment-options,
.music-overview-comments-block .response-row:hover .response-options,
.music-artist-profile-comments-block .response-row:hover .response-options,
.music-details-comments-block .response-row:hover .response-options,
.music-overview-comments-block .comment-details .comment-options.is-open,
.music-artist-profile-comments-block .comment-details .comment-options.is-open,
.music-details-comments-block .comment-details .comment-options.is-open,
.music-overview-comments-block .response-row .response-options.is-open,
.music-artist-profile-comments-block .response-row .response-options.is-open,
.music-details-comments-block .response-row .response-options.is-open{
  opacity: 1 !important;
  visibility: visible !important;
}

body.dashboard-page[class*="music-"] .context-menu-list.context-menu-comment{
  margin: 0 !important;
  z-index: 11000 !important;
}

/* Emoji picker — dark to match music dashboard */
body.dashboard-page[class*="music-"] .intercom-emoji-picker {
  background: #1a1f2c !important;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.55);
  overflow: hidden;
  z-index: 12000;
  color: rgba(234, 240, 255, 0.92);
}

body.dashboard-page[class*="music-"] .intercom-composer-popover-header,
body.dashboard-page[class*="music-"] .intercom-composer-popover-body-container,
body.dashboard-page[class*="music-"] .intercom-composer-popover-body,
body.dashboard-page[class*="music-"] .intercom-emoji-picker .simplebar-wrapper,
body.dashboard-page[class*="music-"] .intercom-emoji-picker .simplebar-mask,
body.dashboard-page[class*="music-"] .intercom-emoji-picker .simplebar-offset,
body.dashboard-page[class*="music-"] .intercom-emoji-picker .simplebar-content-wrapper,
body.dashboard-page[class*="music-"] .intercom-emoji-picker .simplebar-content {
  background: #1a1f2c !important;
  border-color: rgba(255, 255, 255, 0.1);
}

body.dashboard-page[class*="music-"] .intercom-composer-popover-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

body.dashboard-page[class*="music-"] .intercom-composer-popover-header svg {
  fill: rgba(234, 240, 255, 0.45) !important;
}

body.dashboard-page[class*="music-"] .intercom-composer-popover-input {
  background: #1a1f2c !important;
  background-color: #1a1f2c !important;
  color: rgba(234, 240, 255, 0.92) !important;
  -webkit-text-fill-color: rgba(234, 240, 255, 0.92);
  caret-color: #fff;
}

body.dashboard-page[class*="music-"] .intercom-composer-popover-input::placeholder {
  color: rgba(234, 240, 255, 0.42) !important;
  opacity: 1;
}

body.dashboard-page[class*="music-"] .intercom-composer-popover-body {
  scrollbar-color: rgba(255, 255, 255, 0.22) transparent;
}

body.dashboard-page[class*="music-"] .intercom-composer-popover-body::-webkit-scrollbar {
  width: 8px;
}

body.dashboard-page[class*="music-"] .intercom-composer-popover-body::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.22);
  border-radius: 8px;
}

body.dashboard-page[class*="music-"] .intercom-emoji-picker .simplebar-scrollbar:before {
  background: rgba(255, 255, 255, 0.35);
}

body.dashboard-page[class*="music-"] .intercom-emoji-picker-group-title {
  color: rgba(234, 240, 255, 0.48) !important;
}

body.dashboard-page[class*="music-"] .intercom-emoji-picker-emoji:hover {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 8px;
}

body.dashboard-page[class*="music-"] .intercom-composer-popover-caret {
  border-top-color: #1a1f2c !important;
}

/* Playlist comments — match artist/overview dark form */
body.dashboard-page.music-playlist-details-page .music-playlist-comments-block .page-post-comment,
body.dashboard-page.music-playlist-details-page .music-playlist-comments-block .music-details-comment-form.page-post-comment {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(0, 0, 0, 0.18);
  margin: 0;
  float: none;
  width: 100%;
  position: relative;
}

body.dashboard-page.music-playlist-details-page .music-playlist-comments-block .user-comment-image,
body.dashboard-page.music-playlist-details-page .music-playlist-comments-block .music-details-comment-avatar {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  margin: 0;
}

body.dashboard-page.music-playlist-details-page .music-playlist-comments-block .comment-feed-msg {
  flex: 1;
  min-width: 0;
  border: 0;
  background: transparent;
  color: #fff;
  padding: 0;
  min-height: 24px;
  font-size: 0.88rem;
  border-radius: 0;
  float: none;
  width: auto;
  position: static;
}

body.dashboard-page.music-playlist-details-page .music-playlist-comments-block .comment-form .insert-emoji,
body.dashboard-page.music-playlist-details-page .music-playlist-comments-block .music-details-comment-emoji {
  position: static;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: rgba(234, 240, 255, 0.55);
  flex-shrink: 0;
  cursor: pointer;
  padding: 0;
}

body.dashboard-page.music-playlist-details-page .music-playlist-comments-block .comments-grid {
  margin-top: 12px;
  gap: 10px;
}

body.dashboard-page.music-playlist-details-page .music-playlist-comments-block .module-comment {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  column-gap: 10px;
  row-gap: 6px;
  align-items: start;
}

body.dashboard-page.music-playlist-details-page .music-playlist-comments-block .module-comment .author-image {
  position: static;
  grid-column: 1;
  grid-row: 1;
  width: 34px;
  height: 34px;
}

body.dashboard-page.music-playlist-details-page .music-playlist-comments-block .module-comment .comment-details {
  grid-column: 2;
  grid-row: 1;
  margin: 0 !important;
  max-width: 100% !important;
  width: fit-content;
  padding-bottom: 14px;
}

body.dashboard-page.music-playlist-details-page .music-playlist-comments-block .module-comment .comment-footer {
  grid-column: 2;
  grid-row: 2;
  margin: 0 !important;
}

body.dashboard-page.music-playlist-details-page .music-playlist-comments-block .module-comment .comment-response-container {
  grid-column: 1 / -1;
  margin-left: 44px !important;
}

body.dashboard-page.music-playlist-details-page .music-playlist-comments-block .comment-details.short-text .comment-reactions,
body.dashboard-page.music-playlist-details-page .music-playlist-comments-block .short-text .comment-reactions {
  left: auto !important;
  right: 8px !important;
  bottom: -10px !important;
  top: auto !important;
}

/* Bootbox delete/report — v2 dark theme (matches music-my-modal + comment popover) */
body.dashboard-page[class*="music-"] .bootbox.modal{
  z-index: 12000 !important;
}

body.dashboard-page[class*="music-"] .bootbox.modal.show{
  display: block !important;
}

body.dashboard-page[class*="music-"] .bootbox.modal.show + .modal-backdrop {
  z-index: 11990 !important;
  background-color: rgba(0, 0, 0, 0.65) !important;
}

body.dashboard-page[class*="music-"] .bootbox .modal-dialog{
  max-width: 440px;
  margin: 1.75rem auto;
}

body.dashboard-page[class*="music-"] .bootbox .modal-content{
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: linear-gradient(180deg, rgba(18, 24, 38, 0.98), rgba(10, 14, 24, 0.96)) !important;
  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.55);
  overflow: hidden;
  color: #fff;
}

body.dashboard-page[class*="music-"] .bootbox .modal-header{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  background: transparent !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.10);
  padding: 14px 48px 12px 18px;
}

body.dashboard-page[class*="music-"] .bootbox .modal-title{
  flex: 1;
  margin: 0;
  padding: 0;
  font-size: 1.1rem;
  font-weight: 800;
  line-height: 1.35;
  color: #fff !important;
}

body.dashboard-page[class*="music-"] .bootbox .bootbox-close-button.close{
  position: absolute;
  top: 10px;
  right: 10px;
  width: 32px;
  height: 32px;
  padding: 0;
  margin: 0;
  border: none !important;
  outline: none;
  box-shadow: none !important;
  background: transparent;
  color: rgba(234, 240, 255, 0.62);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1;
  opacity: 1;
  float: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}

body.dashboard-page[class*="music-"] .bootbox .bootbox-close-button.close:hover{
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
}

body.dashboard-page[class*="music-"] .bootbox .modal-body{
  background: transparent !important;
  padding: 14px 18px 12px;
  color: rgba(234, 240, 255, 0.84);
}

body.dashboard-page[class*="music-"] .bootbox .bootbox-body,
body.dashboard-page[class*="music-"] .bootbox .bootbox-prompt-message{
  color: rgba(234, 240, 255, 0.78);
  font-size: .9375rem;
  line-height: 1.45;
  font-weight: 600;
}

body.dashboard-page[class*="music-"] .bootbox .bootbox-body p,
body.dashboard-page[class*="music-"] .bootbox .bootbox-prompt-message p{
  margin: 0 0 12px;
  color: rgba(234, 240, 255, 0.78);
}

body.dashboard-page[class*="music-"] .bootbox .modal-footer{
  background: transparent !important;
  border-top: 1px solid rgba(255, 255, 255, 0.10);
  padding: 12px 18px 16px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
}

body.dashboard-page[class*="music-"] .bootbox .modal-footer .btn{
  border-radius: 10px;
  min-width: 92px;
  min-height: 40px;
  font-weight: 800;
  font-size: .9rem;
  padding: 0 18px;
  line-height: 1.2;
  box-shadow: none !important;
}

body.dashboard-page[class*="music-"] .bootbox .modal-footer .btn-secondary,
body.dashboard-page[class*="music-"] .bootbox .modal-footer .bootbox-cancel{
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: rgba(234, 240, 255, 0.78) !important;
}

body.dashboard-page[class*="music-"] .bootbox .modal-footer .btn-secondary:hover,
body.dashboard-page[class*="music-"] .bootbox .modal-footer .bootbox-cancel:hover{
  background: rgba(255, 255, 255, 0.10) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #fff !important;
}

body.dashboard-page[class*="music-"] .bootbox .modal-footer .btn-primary,
body.dashboard-page[class*="music-"] .bootbox .modal-footer .bootbox-accept{
  background: rgba(47, 157, 244, 0.16) !important;
  border: 1px solid rgba(47, 157, 244, 0.55) !important;
  color: #fff !important;
}

body.dashboard-page[class*="music-"] .bootbox .modal-footer .btn-primary:hover,
body.dashboard-page[class*="music-"] .bootbox .modal-footer .bootbox-accept:hover{
  background: rgba(47, 157, 244, 0.24) !important;
  border-color: rgba(47, 157, 244, 0.65) !important;
  color: #fff !important;
}

body.dashboard-page[class*="music-"] .bootbox-radiobutton-list{
  display: block;
  margin-top: 6px;
  overflow: hidden;
}

body.dashboard-page[class*="music-"] .bootbox-radiobutton-list .form-check.radio{
  padding-left: 0;
  margin: 6px 10px 6px 0;
  float: left;
}

body.dashboard-page[class*="music-"] .bootbox-radiobutton-list .form-check.radio .form-check-label{
  background: rgba(255, 255, 255, 0.04);
  font-size: .9rem;
  border-radius: 999px;
  position: relative;
  height: 40px;
  overflow: hidden;
  line-height: 40px;
  padding: 0 16px;
  font-weight: 600;
  color: rgba(234, 240, 255, 0.84);
  width: fit-content;
  margin: 0;
  border: 1px solid rgba(255, 255, 255, 0.08);
  transition: background .15s ease, border-color .15s ease, color .15s ease;
}

body.dashboard-page[class*="music-"] .bootbox-radiobutton-list .form-check.radio .form-check-label:hover{
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
}

body.dashboard-page[class*="music-"] .bootbox-radiobutton-list .form-check.radio .form-check-label .bootbox-input-radio{
  position: absolute;
  inset: 0;
  margin: 0;
  padding: 0;
  z-index: 1;
  width: 100%;
  height: 40px;
  appearance: none;
  background: transparent;
  border-radius: 999px;
  cursor: pointer;
}

body.dashboard-page[class*="music-"] .bootbox-radiobutton-list .form-check.radio .form-check-label .bootbox-input-radio:checked{
  background: rgba(222, 78, 144, 0.28);
}

body.dashboard-page[class*="music-"] .bootbox-radiobutton-list .form-check.radio .form-check-label:has(.bootbox-input-radio:checked){
  background: rgba(222, 78, 144, 0.28) !important;
  border-color: rgba(47, 157, 244, 0.75) !important;
  box-shadow: 0 0 0 1px rgba(47, 157, 244, 0.45);
  color: #fff;
}

/* Promoter management — dark panel with music-my-tabs (Overview / My Music style) */
body.dashboard-page.music-promoter-mgmt-page #page {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 0 !important;
  overflow: visible !important;
}

body.dashboard-page.music-promoter-mgmt-page #page::before {
  display: none !important;
}

body.dashboard-page.music-promoter-mgmt-page .music-promoter-panel {
  padding: 0;
  overflow: hidden;
  min-height: 420px;
}

body.dashboard-page.music-promoter-mgmt-page .music-promoter-hero {
  border-bottom: 0;
  padding: 3px 0 0;
}

body.dashboard-page.music-promoter-mgmt-page .music-promoter-nav-row {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: nowrap;
  padding-top: 4px;
}

body.dashboard-page.music-promoter-mgmt-page .music-promoter-tabs.music-my-tabs {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  padding: 0 22px;
  border-bottom: 1px solid rgba(255, 255, 255, .06);
  background:
    radial-gradient(ellipse 80% 120% at 0% 0%, rgba(47, 157, 244, .14), transparent 55%),
    radial-gradient(ellipse 60% 100% at 100% 0%, rgba(222, 78, 144, .10), transparent 50%),
    rgba(0, 0, 0, .12);
}

body.dashboard-page.music-promoter-mgmt-page .music-promoter-tabs .music-my-tab {
  min-height: 48px;
  padding: 0 14px;
  font-size: .84rem;
  font-weight: 700;
  color: rgba(234, 240, 255, .58);
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
}

body.dashboard-page.music-promoter-mgmt-page .music-promoter-tabs .music-my-tab:hover {
  color: #fff;
}

body.dashboard-page.music-promoter-mgmt-page .music-promoter-tabs .music-my-tab.is-active {
  color: #5eb8ff;
  border-bottom-color: #2f9df4;
}

body.dashboard-page.music-promoter-mgmt-page .music-promoter-add-btn {
  flex: 0 0 auto;
  align-self: center;
  margin: 8px 22px 8px 0;
  padding: 6px 14px;
  border: 1px solid rgba(47, 157, 244, .35);
  color: #5eb8ff;
  background: rgba(47, 157, 244, .12);
  border-radius: 999px;
  font-size: .82rem;
  font-weight: 700;
  line-height: 1.4;
  box-shadow: none;
  cursor: pointer;
  transition: background .15s ease, border-color .15s ease, color .15s ease;
}

body.dashboard-page.music-promoter-mgmt-page .music-promoter-add-btn:hover,
body.dashboard-page.music-promoter-mgmt-page .music-promoter-add-btn:focus {
  background: rgba(47, 157, 244, .22);
  border-color: rgba(47, 157, 244, .5);
  color: #fff;
}

body.dashboard-page.music-promoter-mgmt-page #page-content.music-promoter-page-content {
  background: transparent !important;
  margin: 0 !important;
  min-height: 360px !important;
  max-width: none !important;
  overflow: visible !important;
}

body.dashboard-page.music-promoter-mgmt-page #page-content.music-promoter-page-content.music-promoter-body {
  padding: 22px 22px 24px !important;
}

body.dashboard-page.music-promoter-mgmt-page .music-promoter-empty-wrap {
  min-height: 320px;
  display: flex;
  align-items: center;
  justify-content: center;
}

body.dashboard-page.music-promoter-mgmt-page .music-promoter-empty-text {
  margin: 0;
  color: rgba(234, 240, 255, .55) !important;
  font-size: 14px;
  text-align: center;
}

body.dashboard-page.music-promoter-mgmt-page .music-promoter-table-wrap {
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, .08);
  background: rgba(0, 0, 0, .12);
  overflow: hidden;
}

body.dashboard-page.music-promoter-mgmt-page .music-promoter-table {
  width: 100%;
  margin: 0;
  color: #fff !important;
  background: transparent !important;
  border: 0 !important;
  font-size: .9rem;
}

body.dashboard-page.music-promoter-mgmt-page .music-promoter-table th {
  color: rgba(234, 240, 255, .42) !important;
  background: rgba(255, 255, 255, .03) !important;
  border-color: rgba(255, 255, 255, .08) !important;
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
  padding: 12px 16px;
}

body.dashboard-page.music-promoter-mgmt-page .music-promoter-table td {
  color: rgba(234, 240, 255, .88) !important;
  background: transparent !important;
  border-color: rgba(255, 255, 255, .06) !important;
  vertical-align: middle;
  padding: 14px 16px;
}

body.dashboard-page.music-promoter-mgmt-page .music-promoter-table tbody tr:hover td {
  background: rgba(255, 255, 255, .03) !important;
}

body.dashboard-page.music-promoter-mgmt-page .music-promoter-col-no {
  width: 56px;
  text-align: center;
}

body.dashboard-page.music-promoter-mgmt-page .music-promoter-col-action {
  width: 120px;
  text-align: center;
}

body.dashboard-page.music-promoter-mgmt-page .music-promoter-table .row-checkbox,
body.dashboard-page.music-promoter-mgmt-page .music-promoter-table .row-checkbox_data {
  accent-color: #2f9df4;
  width: 16px;
  height: 16px;
  margin: 0;
  vertical-align: middle;
}

body.dashboard-page.music-promoter-mgmt-page .music-promoter-actions {
  margin-top: 18px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

body.dashboard-page.music-promoter-mgmt-page .music-promoter-action-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 22px;
  border: 1px solid rgba(47, 157, 244, .55);
  border-radius: 999px;
  background: #2f9df4;
  color: #fff;
  font-size: .86rem;
  font-weight: 800;
  line-height: 1;
  box-shadow: none;
  cursor: pointer;
  transition: background .15s ease, border-color .15s ease, opacity .15s ease;
}

body.dashboard-page.music-promoter-mgmt-page .music-promoter-action-btn:hover:not(:disabled),
body.dashboard-page.music-promoter-mgmt-page .music-promoter-action-btn:focus:not(:disabled) {
  background: #268fe6;
  border-color: #268fe6;
  color: #fff;
}

body.dashboard-page.music-promoter-mgmt-page .music-promoter-action-btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

body.dashboard-page.music-promoter-mgmt-page .music-promoter-row-actions {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

body.dashboard-page.music-promoter-mgmt-page .music-promoter-inline-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 14px;
  border: 1px solid rgba(47, 157, 244, .55);
  border-radius: 999px;
  background: #2f9df4;
  color: #fff;
  font-size: .78rem;
  font-weight: 700;
  line-height: 1;
  box-shadow: none;
  cursor: pointer;
}

body.dashboard-page.music-promoter-mgmt-page .music-promoter-inline-btn.is-danger {
  border-color: rgba(222, 78, 144, .45);
  background: rgba(222, 78, 144, .18);
  color: #ffb8d4;
}

body.dashboard-page.music-promoter-mgmt-page .music-promoter-inline-btn:hover {
  filter: brightness(1.08);
}

@media (max-width: 640px) {
  body.dashboard-page.music-promoter-mgmt-page .music-promoter-nav-row {
    flex-wrap: wrap;
  }

  body.dashboard-page.music-promoter-mgmt-page .music-promoter-tabs.music-my-tabs {
    flex: 1 1 100%;
    padding: 0 12px;
    overflow-x: auto;
    flex-wrap: nowrap;
  }

  body.dashboard-page.music-promoter-mgmt-page .music-promoter-tabs .music-my-tab {
    flex: 0 0 auto;
    white-space: nowrap;
  }

  body.dashboard-page.music-promoter-mgmt-page .music-promoter-add-btn {
    width: calc(100% - 24px);
    margin: 0 12px 12px;
  }

  body.dashboard-page.music-promoter-mgmt-page #page-content.music-promoter-page-content.music-promoter-body {
    padding: 16px 12px 20px !important;
  }
}

/* Add Promoter modal — dark theme alerts + validation */
body.dashboard-page[class*="music-"] #addPromoterModal.music-uploads-modal .music-uploads-modal-alert.is-success {
  border-color: rgba(72, 199, 116, .35);
  background: rgba(72, 199, 116, .12);
  color: rgba(234, 240, 255, .92);
}

body.dashboard-page[class*="music-"] #addPromoterModal.music-uploads-modal .music-uploads-modal-alert.is-danger {
  border-color: rgba(222, 78, 144, .35);
  background: rgba(222, 78, 144, .12);
  color: rgba(255, 220, 230, .95);
}

body.dashboard-page[class*="music-"] #addPromoterModal.music-uploads-modal .error-message {
  display: block;
  margin-top: 6px;
  color: #ff8ab0;
  font-size: .8rem;
  font-weight: 600;
  line-height: 1.4;
}

body.dashboard-page[class*="music-"] #addPromoterModal.music-uploads-modal .music-uploads-field-input::placeholder {
  color: rgba(234, 240, 255, .38);
}

body.dashboard-page[class*="music-"] #addPromoterModal.music-uploads-modal .spinner-border {
  color: #fff;
  vertical-align: -0.15em;
  margin-left: 6px;
}

/* Toast notifications — app.css not loaded on v2 dashboard */
body.dashboard-page #notifications {
  position: fixed !important;
  bottom: 100px !important;
  left: 16px !important;
  z-index: 10050 !important;
  width: auto !important;
  max-width: min(360px, calc(100vw - 32px));
  height: auto !important;
  pointer-events: none;
}

body.dashboard-page #notifications .notification {
  pointer-events: auto;
  position: relative;
  width: min(320px, calc(100vw - 32px));
  margin-bottom: 10px;
  padding: 12px 40px 12px 56px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: #151c2c;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45);
  color: #eaf0ff;
  opacity: 1 !important;
}

body.dashboard-page #notifications .notification .close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  color: rgba(234, 240, 255, 0.75);
  cursor: pointer;
}

body.dashboard-page #notifications .notification .close svg {
  fill: currentColor;
  width: 16px;
  height: 16px;
}

body.dashboard-page #notifications .notification .context-container {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}

body.dashboard-page #notifications .notification .context-container svg {
  fill: #5eb3ff;
  width: 22px;
  height: 22px;
}

body.dashboard-page #notifications .notification.error .context-container svg {
  fill: #ff7a9c;
}

body.dashboard-page #notifications .notification.info .context-container svg {
  fill: #5eb3ff;
}

body.dashboard-page #notifications .notification.success .context-container svg,
body.dashboard-page #notifications .notification.check .context-container svg {
  fill: #48c774;
}

body.dashboard-page #notifications .notification .info {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

body.dashboard-page #notifications .notification .title {
  font-size: .78rem;
  font-weight: 700;
  color: rgba(234, 240, 255, 0.95);
}

body.dashboard-page #notifications .notification .title:empty {
  display: none;
}

body.dashboard-page #notifications .notification .description {
  font-size: .84rem;
  line-height: 1.4;
  color: rgba(234, 240, 255, 0.78);
  word-break: break-word;
}

/* Upload form validation + loader affordances */
body.music-add-music-page .music-upload-status.is-error {
  border-color: rgba(255, 122, 156, 0.35);
  background: rgba(255, 122, 156, 0.12);
  color: #ffc0d0;
}

body.music-add-music-page .music-upload-status.is-success {
  border-color: rgba(72, 199, 116, 0.35);
  background: rgba(72, 199, 116, 0.12);
  color: #b8f0c8;
}

body.music-add-music-page .music-upload-form-alert {
  display: none;
  margin: 0 0 14px;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid rgba(255, 122, 156, 0.35);
  background: rgba(255, 122, 156, 0.12);
  color: #ffc0d0;
  font-size: .84rem;
  line-height: 1.4;
}

body.music-add-music-page .music-upload-form-alert.is-visible {
  display: block;
}

body.music-add-music-page .music-upload-input.is-invalid {
  border-color: rgba(255, 122, 156, 0.55) !important;
  box-shadow: 0 0 0 2px rgba(255, 122, 156, 0.15);
}

body.music-add-music-page .music-upload-field-error {
  display: none;
  margin-top: 6px;
  color: #ff8ab0;
  font-size: .78rem;
  font-weight: 600;
  line-height: 1.35;
}

body.music-add-music-page .music-upload-field-error.is-visible {
  display: block;
}

body.music-add-music-page .music-upload-check.is-invalid {
  color: #ff8ab0;
}

body.music-add-music-page .music-upload-converting-panel.is-busy .music-upload-progress-bar,
body.music-add-music-page #musicUploadConvertingPanel.is-busy .music-upload-progress-bar {
  animation: music-upload-progress-pulse 1.2s ease-in-out infinite;
}

@keyframes music-upload-progress-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: .55; }
}

/* Claim Artist Profile lightbox — search + terms layout (v2, no app.css) */
body.dashboard-page .lightbox-claimArtist .lbcontainer {
  max-width: 700px;
  width: 95%;
  margin: auto;
  background: #161b25;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45);
}

body.dashboard-page .lightbox-claimArtist .lbcontainer .img-container .img{
  max-width: 70px !important;
  width: 50%;
  border-radius: 5px!important;

}

body.dashboard-page .lightbox-claimArtist .lightbox-header .title {
  color: #fff;
  font-size: 1.25rem;
  font-weight: 700;
}

body.dashboard-page .lightbox-claimArtist .lightbox-content-block {
  padding: 24px;
}

body.dashboard-page .lightbox-claimArtist .control-label {
  display: block;
  margin-bottom: 10px;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
}

body.dashboard-page .lightbox-claimArtist #artist-claim-search-form.artist-search-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  margin-bottom: 25px;
  width: 100%;
}

body.dashboard-page .lightbox-claimArtist #artist-name-container {
  flex: 1 1 auto;
  min-width: 0;
  width: auto;
  max-width: none;
}

body.dashboard-page .lightbox-claimArtist #artist-name-container input {
  width: 100%;
  height: 48px;
  padding: 0 18px;
  border-radius: 12px;
  border: 1px solid #343d52;
  background: #202838;
  color: #fff;
  font-size: 15px;
}

body.dashboard-page .lightbox-claimArtist #artist-claim-search-form .search {
  flex: 0 0 auto;
  width: auto;
  min-width: 120px;
  height: 48px;
  margin: 0;
  border: none;
  border-radius: 12px;
  background: #4f46e5;
  color: #fff;
  font-weight: 600;
  white-space: nowrap;
}

body.dashboard-page .lightbox-claimArtist .connect-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  margin-top: 24px;
  width: 100%;
}

body.dashboard-page .lightbox-claimArtist .connect-container > label.cbx {
  float: none !important;
  display: inline-block !important;
  box-sizing: border-box !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  margin: 2px 0 0 !important;
  padding: 0 !important;
  flex: 0 0 18px !important;
  border: 1px solid rgba(200, 204, 212, 0.55) !important;
  border-radius: 3px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  overflow: visible !important;
}


/* Claim Artist Profile lightbox */
body.dashboard-page .lightbox-claimArtist .lbcontainer {
  width: min(95%, 700px);
  margin: auto;
  overflow: hidden;
  background: #161b25;
  border-radius: 16px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, .45);
}

body.dashboard-page .lightbox-claimArtist .lightbox-content-block {
  padding: 24px;
}

body.dashboard-page .lightbox-claimArtist .control-label {
  display: block;
  margin-bottom: 10px;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
}

body.dashboard-page .lightbox-claimArtist #artist-claim-search-form.artist-search-container {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  margin-bottom: 25px;
}

body.dashboard-page .lightbox-claimArtist #artist-name-container {
  flex: 1 1 auto;
  min-width: 0;
  width: auto;
  max-width: none;
}

body.dashboard-page .lightbox-claimArtist #artist-name-container input {
  width: 100%;
  height: 48px;
  padding: 0 18px;
  color: #fff;
  font-size: 15px;
  background: #202838;
  border: 1px solid #343d52;
  border-radius: 12px;
}

body.dashboard-page .lightbox-claimArtist #artist-claim-search-form .search {
  flex: 0 0 auto;
  min-width: 120px;
  height: 48px;
  margin: 0;
  padding: 0 22px;
  color: #fff;
  font-weight: 600;
  white-space: nowrap;
  background: #4f46e5;
  border: 0;
  border-radius: 12px;
}

/* Selected artist */
body.dashboard-page .lightbox-claimArtist .window-selector-selected {
  margin-bottom: 24px;
}

body.dashboard-page .lightbox-claimArtist .window-selector-selected .module.artist {
  display: flex !important;
  align-items: center;
  gap: 14px;
  min-height: 92px;
  padding: 12px;
  cursor: pointer;
  background: #202838;
  border: 1px solid #5964e8;
  border-radius: 12px;
}

/* Other artist profiles */
body.dashboard-page .lightbox-claimArtist .window-selector-others {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  max-height: 330px;
  padding-right: 4px;
  overflow-y: auto;
}

body.dashboard-page .lightbox-claimArtist .window-selector-others .module.artist {
  display: flex !important;
  align-items: center;
  gap: 12px;
  min-width: 0;
  min-height: 76px;
  padding: 10px;
  cursor: pointer;
  background: #202838;
  border: 1px solid #343d52;
  border-radius: 12px;
  transition: background .2s ease, border-color .2s ease, transform .2s ease;
}

body.dashboard-page .lightbox-claimArtist .window-selector-others .module.artist:hover {
  background: #273149;
  border-color: #6366f1;
  transform: translateY(-1px);
}

body.dashboard-page .lightbox-claimArtist .window-selector .img-container {
  flex: 0 0 56px;
  width: 56px;
  height: 56px;
  overflow: hidden;
  background: #343d52;
  border-radius: 10px;
}

body.dashboard-page .lightbox-claimArtist .window-selector .img-container .img {
  display: block;
  width: 100% !important;
  max-width: none !important;
  height: 100%;
  object-fit: cover;
  border-radius: 0 !important;
}

body.dashboard-page .lightbox-claimArtist .window-selector .metadata {
  flex: 1 1 auto;
  min-width: 0;
}

body.dashboard-page .lightbox-claimArtist .window-selector .artist-link {
  display: block;
  overflow: hidden;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 560px) {
  body.dashboard-page .lightbox-claimArtist .window-selector-others {
    grid-template-columns: 1fr;
  }

  body.dashboard-page .lightbox-claimArtist #artist-claim-search-form.artist-search-container {
    align-items: stretch;
    flex-direction: column;
  }

  body.dashboard-page .lightbox-claimArtist #artist-claim-search-form .search {
    width: 100%;
  }
}
body.dashboard-page .lightbox-claimArtist .connect-container > label.lbl {
  float: none;
  width: auto;
  max-width: none;
  margin: 0;
  flex: 1 1 auto;
  color: #d6dce8;
  line-height: 1.6;
  font-weight: 400;
  cursor: pointer;
}

@media (max-width: 576px) {
  body.dashboard-page .lightbox-claimArtist #artist-claim-search-form.artist-search-container {
    flex-wrap: wrap;
  }

  body.dashboard-page .lightbox-claimArtist #artist-claim-search-form .search {
    width: 100%;
  }
}

/* Settings shell — Preferences + Subscription tabs */
body.dashboard-page.music-settings-page #page-nav {
  display: none !important;
}

body.dashboard-page.music-settings-page .music-settings-panel {
  position: relative;
}

body.dashboard-page.music-settings-page .music-settings-hero {
  padding: 4px 0 0;
}

body.dashboard-page.music-settings-page .music-settings-tabs.music-my-tabs {
  margin: 0;
  padding: 0 22px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  background:
    radial-gradient(ellipse 80% 120% at 0% 0%, rgba(47, 157, 244, 0.14), transparent 55%),
    radial-gradient(ellipse 60% 100% at 100% 0%, rgba(222, 78, 144, 0.10), transparent 50%),
    rgba(0, 0, 0, 0.12);
}

body.dashboard-page.music-settings-page .music-settings-tabs .music-my-tab {
  min-height: 48px;
  padding: 0 14px;
  font-size: 0.84rem;
  font-weight: 700;
  color: rgba(234, 240, 255, 0.58);
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
}

body.dashboard-page.music-settings-page .music-settings-tabs .music-my-tab:hover {
  color: #fff;
}

body.dashboard-page.music-settings-page .music-settings-tabs .music-my-tab.is-active {
  color: #5eb8ff;
  border-bottom-color: #2f9df4;
}

/* Subscription settings */
body.dashboard-page.music-subscription-page #page-nav {
  display: none !important;
}

body.dashboard-page.music-subscription-page .music-subscription-panel {
  position: relative;
}

body.dashboard-page.music-subscription-page .music-subscription-body {
  padding-top: 8px;
}

body.dashboard-page.music-subscription-page .music-subscription-block {
  margin-bottom: 0;
}

body.dashboard-page.music-subscription-page .music-subscription-section-head {
  margin-bottom: 18px;
}

/* Multi plans: same 3-col rhythm as Artist grid */
body.dashboard-page.music-subscription-page .music-subscription-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  align-items: stretch;
  width: 100%;
}

body.dashboard-page.music-subscription-page .music-subscription-grid.is-single {
  grid-template-columns: minmax(280px, 380px);
  justify-content: start;
}

body.dashboard-page.music-subscription-page .music-subscription-grid.is-two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 760px;
}

body.dashboard-page.music-subscription-page .music-plan-card {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-width: 0;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.10);
  background:
    radial-gradient(ellipse 100% 90% at 100% 0%, rgba(47, 157, 244, 0.22), transparent 55%),
    radial-gradient(ellipse 80% 80% at 0% 100%, rgba(88, 28, 135, 0.18), transparent 52%),
    linear-gradient(180deg, rgba(22, 28, 42, 0.98), rgba(12, 16, 26, 0.98));
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.28);
  overflow: hidden;
  transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

body.dashboard-page.music-subscription-page .music-plan-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(94, 184, 255, 0.85), transparent);
  pointer-events: none;
}

body.dashboard-page.music-subscription-page .music-plan-card:hover {
  transform: translateY(-3px);
  border-color: rgba(47, 157, 244, 0.32);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.34);
}

body.dashboard-page.music-subscription-page .music-plan-card-inner {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  gap: 0;
  min-height: 340px;
  padding: 24px 20px 20px;
}

body.dashboard-page.music-subscription-page .music-subscription-grid.is-multi .music-plan-card-inner,
body.dashboard-page.music-subscription-page .music-subscription-grid.is-two .music-plan-card-inner {
  min-height: 320px;
  padding: 22px 18px 18px;
}

body.dashboard-page.music-subscription-page .music-plan-badge {
  display: inline-flex;
  align-self: flex-start;
  margin: 0 0 14px;
  padding: 5px 10px;
  border-radius: 999px;
  border: 1px solid rgba(52, 211, 153, 0.35);
  background: rgba(52, 211, 153, 0.12);
  color: #6ee7b7;
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

body.dashboard-page.music-subscription-page .music-plan-name {
  margin: 0 0 12px;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(234, 240, 255, 0.72);
}

body.dashboard-page.music-subscription-page .music-plan-price {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 2px 4px;
  margin: 0 0 20px;
  color: #fff;
}

body.dashboard-page.music-subscription-page .music-plan-currency {
  font-size: 1.25rem;
  font-weight: 700;
  color: rgba(234, 240, 255, 0.7);
}

body.dashboard-page.music-subscription-page .music-plan-amount {
  font-size: clamp(2.2rem, 3vw, 3rem);
  font-weight: 800;
  line-height: 0.95;
  letter-spacing: -0.03em;
  color: #fff;
}

body.dashboard-page.music-subscription-page .music-plan-cents {
  font-size: 1.05rem;
  font-weight: 700;
  color: rgba(234, 240, 255, 0.55);
}

body.dashboard-page.music-subscription-page .music-plan-period {
  margin-left: 4px;
  font-size: 0.88rem;
  font-weight: 600;
  color: rgba(234, 240, 255, 0.48);
}

body.dashboard-page.music-subscription-page .music-plan-features {
  list-style: none !important;
  margin: 0 0 22px !important;
  padding: 16px 0 0 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  flex: 1 1 auto;
}

body.dashboard-page.music-subscription-page .music-plan-card-inner:not(:has(.music-plan-features)) .music-plan-price {
  margin-bottom: 28px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

body.dashboard-page.music-subscription-page .music-plan-features li {
  position: relative;
  list-style: none !important;
  margin: 0 0 10px;
  padding: 0 0 0 30px;
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1.4;
  color: rgba(234, 240, 255, 0.86);
}

body.dashboard-page.music-subscription-page .music-plan-features li:last-child {
  margin-bottom: 0;
}

body.dashboard-page.music-subscription-page .music-plan-features li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'><path fill='%23ffffff' d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/></svg>") center / 12px no-repeat,
    rgba(47, 157, 244, 0.95);
}

body.dashboard-page.music-subscription-page .music-plan-features li::marker {
  content: none;
}

body.dashboard-page.music-subscription-page .music-plan-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 46px;
  margin-top: auto;
  padding: 0 16px;
  border: 0;
  border-radius: 10px;
  background: linear-gradient(135deg, #2f9df4, #1d7fd4);
  color: #fff !important;
  font-size: 0.88rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: none !important;
  box-shadow: 0 12px 28px rgba(47, 157, 244, 0.3);
  cursor: pointer;
  transition: filter 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}

body.dashboard-page.music-subscription-page .music-plan-cta:hover {
  filter: brightness(1.06);
  color: #fff !important;
  transform: translateY(-1px);
  box-shadow: 0 16px 32px rgba(47, 157, 244, 0.38);
  text-decoration: none !important;
}

body.dashboard-page.music-subscription-page .music-plan-cta.is-muted {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: none;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 700;
}

body.dashboard-page.music-subscription-page .music-plan-cta.is-muted:hover {
  background: rgba(255, 255, 255, 0.1);
  transform: none;
  box-shadow: none;
}

@media (max-width: 991px) {
  body.dashboard-page.music-subscription-page .music-subscription-grid.is-multi {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  body.dashboard-page.music-subscription-page .music-subscription-grid,
  body.dashboard-page.music-subscription-page .music-subscription-grid.is-single,
  body.dashboard-page.music-subscription-page .music-subscription-grid.is-two,
  body.dashboard-page.music-subscription-page .music-subscription-grid.is-multi {
    grid-template-columns: 1fr;
    max-width: none;
  }

  body.dashboard-page.music-subscription-page .music-plan-card-inner {
    min-height: 0;
  }
}

/* Preferences settings — dark form inside music panel */
body.dashboard-page.music-preferences-page #page-nav {
  display: none !important;
}

body.dashboard-page.music-preferences-page .music-preferences-body {
  padding-top: 8px;
}

body.dashboard-page.music-preferences-page .music-preferences-section-head {
  margin-bottom: 20px;
}

body.dashboard-page.music-preferences-page .music-preferences-group {
  margin: 0 0 22px;
  padding: 18px 18px 8px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background:
    radial-gradient(ellipse 90% 80% at 100% 0%, rgba(47, 157, 244, 0.10), transparent 55%),
    rgba(255, 255, 255, 0.03);
}

body.dashboard-page.music-preferences-page .music-preferences-group-title {
  margin: 0 0 12px;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(234, 240, 255, 0.55);
}

body.dashboard-page.music-preferences-page .music-preferences-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

body.dashboard-page.music-preferences-page .music-preferences-list > li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0 0 14px;
  color: rgba(234, 240, 255, 0.88);
  font-size: 0.92rem;
  font-weight: 600;
  line-height: 1.45;
}

body.dashboard-page.music-preferences-page .music-preferences-list .hide {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

body.dashboard-page.music-preferences-page .music-preferences-list label.cbx {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  margin-top: 2px;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  background: rgba(0, 0, 0, 0.25);
  cursor: pointer;
  position: relative;
}

body.dashboard-page.music-preferences-page .music-preferences-list label.cbx.radio {
  border-radius: 50%;
}

body.dashboard-page.music-preferences-page .music-preferences-list label.cbx::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 10px;
  height: 10px;
  opacity: 0;
  background:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'><path fill='%23ffffff' d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/></svg>") center / 10px no-repeat;
}

body.dashboard-page.music-preferences-page .music-preferences-list label.cbx.radio::after {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #2f9df4;
}

body.dashboard-page.music-preferences-page .music-preferences-list .custom-checkbox:checked ~ label.cbx {
  border-color: rgba(47, 157, 244, 0.7);
  background: rgba(47, 157, 244, 0.9);
}

body.dashboard-page.music-preferences-page .music-preferences-list .custom-checkbox:checked ~ label.cbx::after {
  opacity: 1;
}

body.dashboard-page.music-preferences-page .music-preferences-list .custom-checkbox:checked ~ label.cbx.radio {
  background: rgba(47, 157, 244, 0.15);
}

body.dashboard-page.music-preferences-page .music-preferences-list label.lbl {
  flex: 1 1 auto;
  cursor: pointer;
  color: rgba(234, 240, 255, 0.88);
}

body.dashboard-page.music-preferences-page .music-preferences-footer {
  display: flex;
  justify-content: flex-start;
  padding-top: 4px;
}

body.dashboard-page.music-preferences-page .music-preferences-save {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 18px;
  border: 0;
  border-radius: 10px;
  background: linear-gradient(135deg, #2f9df4, #1d7fd4);
  color: #fff;
  font-size: 0.88rem;
  font-weight: 800;
  letter-spacing: 0.02em;
  box-shadow: 0 12px 28px rgba(47, 157, 244, 0.28);
  cursor: pointer;
  transition: filter 0.15s ease, transform 0.15s ease;
}

body.dashboard-page.music-preferences-page .music-preferences-save:hover {
  filter: brightness(1.06);
  transform: translateY(-1px);
  color: #fff;
}

/* Stripe / payments lightbox — dark music UI, same structure */
body.dashboard-page .lightbox.lightbox-payments {
  width: min(520px, calc(100vw - 2rem));
}

body.dashboard-page .lightbox.lightbox-payments .lbcontainer {
  position: relative;
}

body.dashboard-page .lightbox.lightbox-payments .music-payment-loading {
  position: absolute;
  inset: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: inherit;
  background: rgba(8, 12, 20, 0.72);
  backdrop-filter: blur(2px);
}

body.dashboard-page .lightbox.lightbox-payments .music-payment-loading.d-none {
  display: none !important;
}

body.dashboard-page .lightbox.lightbox-payments .music-payment-loading-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 18px 22px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(16, 22, 34, 0.96);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.35);
}

body.dashboard-page .lightbox.lightbox-payments .music-payment-loading-spinner {
  width: 2rem;
  height: 2rem;
  border-width: 0.2em;
  color: #5eb8ff;
}

body.dashboard-page .lightbox.lightbox-payments .music-payment-loading-text {
  margin: 0;
  font-size: 0.9rem;
  font-weight: 700;
  color: rgba(234, 240, 255, 0.9);
}

body.dashboard-page .lightbox.lightbox-payments #stripe-form-submit-button.is-loading {
  gap: 10px;
  pointer-events: none;
  opacity: 0.92;
}

body.dashboard-page .lightbox.lightbox-payments #stripe-form-submit-button .music-payment-submit-spinner {
  width: 1rem;
  height: 1rem;
  border-width: 0.15em;
}

body.dashboard-page .lightbox.lightbox-payments #stripe-form-submit-button .music-payment-submit-label.is-busy {
  opacity: 0.85;
}

body.dashboard-page .lightbox.lightbox-payments .lightbox-header {
  padding: 0 52px 0 12px;
  min-height: 54px;
}

body.dashboard-page .lightbox.lightbox-payments .lightbox-nav.nav-tabs {
  display: flex;
  align-items: flex-end;
  gap: 4px;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  background: transparent;
}

body.dashboard-page .lightbox.lightbox-payments .lightbox-nav .nav-item {
  margin: 0;
  list-style: none;
}

body.dashboard-page .lightbox.lightbox-payments .lightbox-nav .nav-link,
body.dashboard-page .lightbox.lightbox-payments .lightbox-tab button {
  min-height: 54px;
  padding: 0 14px !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: rgba(234, 240, 255, 0.55) !important;
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  line-height: 54px !important;
  box-shadow: none !important;
}

body.dashboard-page .lightbox.lightbox-payments .lightbox-nav .nav-link.active,
body.dashboard-page .lightbox.lightbox-payments .lightbox-tab button.active {
  color: #5eb8ff !important;
  border-bottom-color: #2f9df4 !important;
  background: transparent !important;
}

body.dashboard-page .lightbox.lightbox-payments .music-payment-body {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

body.dashboard-page .lightbox.lightbox-payments .lightbox-trial.alert-info {
  margin: 0;
  padding: 12px 14px;
  border-radius: 10px;
  border: 1px solid rgba(47, 157, 244, 0.35) !important;
  background: rgba(47, 157, 244, 0.12) !important;
  color: rgba(234, 240, 255, 0.92) !important;
  font-size: 0.86rem;
  font-weight: 600;
  line-height: 1.45;
}

body.dashboard-page .lightbox.lightbox-payments .lightbox-trial.alert-info span {
  color: #5eb8ff;
  font-weight: 800;
}

body.dashboard-page .lightbox.lightbox-payments #confirm-container.music-payment-summary,
body.dashboard-page .lightbox.lightbox-payments #confirm-container {
  margin: 0;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.03);
}

body.dashboard-page .lightbox.lightbox-payments #confirm-container .header,
body.dashboard-page .lightbox.lightbox-payments #confirm-container .product,
body.dashboard-page .lightbox.lightbox-payments #confirm-container .total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  margin: 0 !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  background: transparent;
  float: none;
}

body.dashboard-page .lightbox.lightbox-payments #confirm-container .total {
  border-bottom: 0 !important;
  background: rgba(47, 157, 244, 0.1) !important;
}

body.dashboard-page .lightbox.lightbox-payments #confirm-container .header {
  min-height: 38px;
  background: rgba(255, 255, 255, 0.04);
}

body.dashboard-page .lightbox.lightbox-payments #confirm-container .product,
body.dashboard-page .lightbox.lightbox-payments #confirm-container .total {
  min-height: 44px;
}

body.dashboard-page .lightbox.lightbox-payments #confirm-container .description,
body.dashboard-page .lightbox.lightbox-payments #confirm-container .price {
  float: none !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 10px 0 !important;
  border: 0 !important;
  line-height: 1.35 !important;
  color: rgba(234, 240, 255, 0.88);
}

body.dashboard-page .lightbox.lightbox-payments #confirm-container .description {
  flex: 1 1 auto;
  text-align: left !important;
  font-size: 0.9rem;
  font-weight: 600;
}

body.dashboard-page .lightbox.lightbox-payments #confirm-container .price {
  flex: 0 0 auto;
  text-align: right !important;
  font-size: 0.9rem;
  font-weight: 800;
  color: #fff;
}

body.dashboard-page .lightbox.lightbox-payments #confirm-container .header .description,
body.dashboard-page .lightbox.lightbox-payments #confirm-container .header .price {
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(234, 240, 255, 0.48);
}

body.dashboard-page .lightbox.lightbox-payments #confirm-container .total .description,
body.dashboard-page .lightbox.lightbox-payments #confirm-container .total .price {
  font-weight: 800;
  color: #fff;
}

body.dashboard-page .lightbox.lightbox-payments .security-reassurance {
  margin: 2px 0 0 !important;
  color: rgba(234, 240, 255, 0.62);
  font-size: 0.84rem;
  font-weight: 600;
}

body.dashboard-page .lightbox.lightbox-payments .music-payment-agree,
body.dashboard-page .lightbox.lightbox-payments .text-secondary.small {
  margin: 0 !important;
  color: rgba(234, 240, 255, 0.45) !important;
  font-size: 0.78rem !important;
  line-height: 1.45;
}

body.dashboard-page .lightbox.lightbox-payments .tab-content {
  margin-top: 4px;
}

body.dashboard-page .lightbox.lightbox-payments .control-group {
  padding-top: 0;
}

body.dashboard-page .lightbox.lightbox-payments .card-element-helper {
  display: block;
  margin: 0 0 10px;
  color: rgba(234, 240, 255, 0.72);
  font-size: 0.86rem;
  font-weight: 700;
  text-align: left;
}

body.dashboard-page .lightbox.lightbox-payments #card-element {
  margin: 0 0 14px;
  padding: 12px 14px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(0, 0, 0, 0.22);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

body.dashboard-page .lightbox.lightbox-payments #card-element.StripeElement--focus {
  border-color: rgba(47, 157, 244, 0.55);
  box-shadow: 0 0 0 3px rgba(47, 157, 244, 0.16);
}

body.dashboard-page .lightbox.lightbox-payments .music-payment-save-card {
  display: flex !important;
  align-items: center;
  gap: 10px;
  margin: 0 0 8px;
  color: rgba(234, 240, 255, 0.78);
  font-size: 0.86rem;
  font-weight: 600;
  cursor: pointer;
}

body.dashboard-page .lightbox.lightbox-payments .music-payment-save-card input[type="checkbox"] {
  width: 16px;
  height: 16px;
  margin: 0;
  accent-color: #2f9df4;
}

body.dashboard-page .lightbox.lightbox-payments #card-errors,
body.dashboard-page .lightbox.lightbox-payments .lightbox-error.error:not(.hide) {
  margin-top: 8px;
  color: #f87171;
  font-size: 0.84rem;
  font-weight: 600;
}

body.dashboard-page .lightbox.lightbox-payments .music-saved-cards {
  margin: 12px 0 4px;
  padding: 12px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.03);
}

body.dashboard-page .lightbox.lightbox-payments .music-saved-cards[hidden],
body.dashboard-page .lightbox.lightbox-payments .music-saved-cards.d-none {
  display: none !important;
}

body.dashboard-page .lightbox.lightbox-payments .music-saved-cards h4 {
  margin: 0 0 10px;
  color: #fff;
  font-size: 0.86rem;
  font-weight: 800;
}

body.dashboard-page .lightbox.lightbox-payments .music-saved-cards ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

body.dashboard-page .lightbox.lightbox-payments .music-payment-actions {
  margin-top: 16px !important;
}

body.dashboard-page .lightbox.lightbox-payments #stripe-form-submit-button.btn-primary,
body.dashboard-page .lightbox.lightbox-payments .btn.btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 180px;
  min-height: 44px;
  padding: 0 20px;
  border: 0 !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg, #2f9df4, #1d7fd4) !important;
  color: #fff !important;
  font-size: 0.9rem;
  font-weight: 800;
  box-shadow: 0 10px 24px rgba(47, 157, 244, 0.28);
}

body.dashboard-page .lightbox.lightbox-payments #stripe-form-submit-button.btn-primary:hover,
body.dashboard-page .lightbox.lightbox-payments .btn.btn-primary:hover {
  filter: brightness(1.06);
  color: #fff !important;
}

body.dashboard-page .lightbox.lightbox-payments .btn.btn-secondary.btn-paypal,
body.dashboard-page .lightbox.lightbox-payments .btn.btn-payment {
  min-height: 44px;
  border-radius: 10px !important;
  font-weight: 700;
}

/* Promoter earning: Top Selling Music titles readable on dark rows */
body.music-promoter-earning-page .music-promoter-earn-col-music a,
body.music-promoter-earning-page .music-promoter-earn-col-music a:link,
body.music-promoter-earning-page .music-promoter-earn-col-music a:visited,
body.music-promoter-earning-page a.music-promoter-earn-song-link,
body.music-promoter-earning-page a.music-promoter-earn-song-link:link,
body.music-promoter-earning-page a.music-promoter-earn-song-link:visited,
body.music-promoter-earning-page #topSellingSongsTable a,
body.music-promoter-earning-page #topSellingSongsTable a:link,
body.music-promoter-earning-page #topSellingSongsTable a:visited,
body.dashboard-page #topSellingSongsTable a,
body.dashboard-page #topSellingSongsTable a:link,
body.dashboard-page #topSellingSongsTable a:visited {
  color: #ffffff !important;
}

body.music-promoter-earning-page .music-promoter-earn-col-music a:hover,
body.music-promoter-earning-page a.music-promoter-earn-song-link:hover,
body.music-promoter-earning-page #topSellingSongsTable a:hover,
body.dashboard-page #topSellingSongsTable a:hover {
  color: rgba(255, 255, 255, 0.88) !important;
}

/* Promoter music details: readable text on dark dashboard */
body.music-promoter-details-page .music-promoter-details-table tbody td,
body.music-promoter-details-page .music-promoter-details-col-title {
  color: #fff !important;
}

body.music-promoter-details-page .music-promoter-details-empty {
  color: rgba(234, 240, 255, 0.78) !important;
}