

@media (max-width: 760px) {
  #tab-playlists .mobile-catalog-toolbar,
  #tab-curators .mobile-catalog-toolbar {
    background-color: rgb(35 35 40) !important;
  }

  #tab-playlists .playlist-results-scroll,
  #tab-curators .curators-results-scroll {
    background-color: rgba(var(--rgb-surface-app), 0.90) !important;
  }

  /* Filter dropdown/popover surfaces only: darker background, no geometry changes. */
  #tab-playlists .mobile-catalog-popover,
  #tab-curators .mobile-catalog-popover,
  #tab-playlists .playlist-catalog-panel,
  #tab-curators .curators-catalog-panel,
  #tab-playlists .playlist-filter-menu,
  #tab-curators .curators-filter-menu,
  #tab-playlists .playlist-genre-dropdown,
  #tab-curators .curators-genre-dropdown,
  #tab-playlists .custom-select .options-container,
  #tab-curators .custom-select .options-container {
    background-color: rgb(35 35 40) !important;
  }

  /* Native WebKit scrollbar colors only. Keep the original custom geometry. */
  #tab-playlists .playlist-results-scroll::-webkit-scrollbar-track,
  #tab-curators .curators-results-scroll::-webkit-scrollbar-track {
    background-color: rgba(34, 34, 40, 0.96) !important;
  }

  #tab-playlists .playlist-results-scroll::-webkit-scrollbar-thumb,
  #tab-curators .curators-results-scroll::-webkit-scrollbar-thumb {
    background-color: rgba(var(--rgb-surface-panel), 0.98) !important;
    border-color: rgba(34, 34, 40, 0.96) !important;
  }

  /* Firefox local custom scrollbar colors only. Keep existing custom scrollbar mechanics. */
  html.ff-scrollbars-enabled #tab-playlists .ff-local-scrollbar--playlist-results .ff-local-scrollbar-track,
  html.ff-scrollbars-enabled #tab-curators .ff-local-scrollbar--curators-results .ff-local-scrollbar-track {
    background-color: rgba(34, 34, 40, 0.96) !important;
  }

  html.ff-scrollbars-enabled #tab-playlists .ff-local-scrollbar--playlist-results .ff-local-scrollbar-thumb,
  html.ff-scrollbars-enabled #tab-curators .ff-local-scrollbar--curators-results .ff-local-scrollbar-thumb {
    background-color: rgba(var(--rgb-surface-panel), 0.98) !important;
    border-color: rgba(34, 34, 40, 0.96) !important;
  }
}
