/* =========================================================
   SEDAMIX — final black/green minimal visual layer
   Loaded last so legacy purple/pink/orange gradients cannot leak through.
   ========================================================= */
:root {
    --sedamix-green: #00e51b;
    --sedamix-green-hover: #1ff43a;
    --sedamix-bg: #000;
    --sedamix-panel: #121212;
    --sedamix-panel-2: #181818;
    --sedamix-line: #282828;
    --sedamix-muted: #8b8b8b;
    --main-color: #00e51b !important;
    --primary-color: #00e51b !important;
    --secondary-color: #00c817 !important;
    --neon-blue: #00e51b !important;
    --neon-purple: #00c817 !important;
    --neon-pink: #00e51b !important;
    --neon-cyan: #1ff43a !important;
    --bs-primary: #00e51b !important;
    --bs-link-color: #00e51b !important;
    --bs-purple: #00c817 !important;
    --bs-pink: #00e51b !important;
}

html, body {
    background: #000 !important;
    color: #fff;
    scrollbar-color: var(--sedamix-green) #111 !important;
}
body::before,
body::after {
    background: none !important;
    background-image: none !important;
    filter: none !important;
}

*::-webkit-scrollbar { width: 7px; height: 7px; }
*::-webkit-scrollbar-track { background: #111 !important; }
*::-webkit-scrollbar-thumb {
    background: var(--sedamix-green) !important;
    background-image: none !important;
    border: 1px solid #111;
    border-radius: 999px;
}

/* Neutralize the legacy colored glass/gradient surfaces. */
.hero-section-modern,
.page-title-area,
.filter-card,
.search-filter-card,
.card,
.dashboard-card,
.profile-card,
.sidebar-card,
.quick-play-card,
.music-modal-content,
.mobile-bottom-tabbar,
.language-switcher .dropdown-menu,
.offcanvas,
.dropdown-menu {
    background: var(--sedamix-panel) !important;
    background-image: none !important;
    border-color: var(--sedamix-line) !important;
    box-shadow: none !important;
}
.hero-section-modern::before,
.page-title-area::before,
.filter-card::before,
.quick-play-card::before {
    background: none !important;
    background-image: none !important;
}

/* Actions: solid Spotify-like green, never pink/orange/purple gradients. */
.btn-primary,
.default-btn,
.btn-apply-filters,
.filter-toggle-btn,
.bg-primary,
.page-item.active .page-link,
.play-btn-modern {
    background: var(--sedamix-green) !important;
    background-image: none !important;
    border-color: var(--sedamix-green) !important;
    color: #050505 !important;
    box-shadow: none !important;
}
.btn-primary:hover,
.default-btn:hover,
.btn-apply-filters:hover,
.filter-toggle-btn:hover,
.play-btn-modern:hover {
    background: var(--sedamix-green-hover) !important;
    border-color: var(--sedamix-green-hover) !important;
    color: #000 !important;
    transform: none !important;
    box-shadow: none !important;
}

.text-primary,
a.text-primary,
.header-title i,
.section-title i,
.greeting-text i { color: var(--sedamix-green) !important; }

.form-control:focus,
.form-select:focus,
input:focus,
textarea:focus,
select:focus {
    border-color: var(--sedamix-green) !important;
    box-shadow: 0 0 0 2px rgba(0,229,27,.12) !important;
}

/* Shared player: neutral black/charcoal + one green accent only. */
#stickyPlayer.playbar-three,
.music-player-modal .music-modal-content,
.music-modal .music-modal-content {
    background: rgba(18,18,18,.985) !important;
    background-image: none !important;
    border-color: #292929 !important;
    box-shadow: 0 -10px 26px rgba(0,0,0,.45) !important;
}
#stickyPlayer #play-pause-btn,
.music-player-modal .play-btn-mini,
.music-modal .play-btn-mini {
    background: #fff !important;
    color: #111 !important;
    box-shadow: none !important;
}
#stickyPlayer #current-time,
#stickyPlayer .active,
.music-player-modal .active,
.music-modal .active { color: var(--sedamix-green) !important; }
#stickyPlayer #progress-bar,
#stickyPlayer #volume-bar { accent-color: var(--sedamix-green) !important; }

/* Public music grids: same visual language as home cards — artwork first,
   title + artist below, almost no chrome. */
body.sedamix-music-grid-page .track-card,
body.sedamix-music-grid-page .playlist-card,
body.sedamix-music-grid-page .album-card,
body.sedamix-music-grid-page .minimal-track-card {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    backdrop-filter: none !important;
    transform: none !important;
}
body.sedamix-music-grid-page .track-card:hover,
body.sedamix-music-grid-page .playlist-card:hover,
body.sedamix-music-grid-page .album-card:hover,
body.sedamix-music-grid-page .minimal-track-card:hover {
    transform: none !important;
    border: 0 !important;
    box-shadow: none !important;
}
body.sedamix-music-grid-page .track-cover-wrap,
body.sedamix-music-grid-page .track-cover,
body.sedamix-music-grid-page .playlist-cover,
body.sedamix-music-grid-page .playlist-card > a > img,
body.sedamix-music-grid-page .album-cover,
body.sedamix-music-grid-page .minimal-track-cover,
body.sedamix-music-grid-page .minimal-track-image-wrap {
    border-radius: 4px !important;
    overflow: hidden !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    background: #101010 !important;
    background-image: none !important;
}
body.sedamix-music-grid-page .track-card .p-3,
body.sedamix-music-grid-page .playlist-card .p-3,
body.sedamix-music-grid-page .album-card .p-3 {
    padding: 9px 2px 0 !important;
}
body.sedamix-music-grid-page .track-card h6,
body.sedamix-music-grid-page .playlist-card h6,
body.sedamix-music-grid-page .album-card h6,
body.sedamix-music-grid-page .minimal-track-title {
    color: #f5f5f5 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    margin: 0 0 3px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
body.sedamix-music-grid-page .playlist-artist,
body.sedamix-music-grid-page .album-card p,
body.sedamix-music-grid-page .minimal-track-artist,
body.sedamix-music-grid-page .track-card .d-flex.align-items-center.mb-3 span {
    color: #777 !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    margin: 0 !important;
}
body.sedamix-music-grid-page .track-card .d-flex.align-items-center.mb-3 {
    margin: 0 !important;
    gap: 0 !important;
}
body.sedamix-music-grid-page .track-card .d-flex.align-items-center.mb-3 img,
body.sedamix-music-grid-page .track-card .d-flex.align-items-center.mb-3 .rounded-circle,
body.sedamix-music-grid-page .playlist-artist i,
body.sedamix-music-grid-page .album-card p i {
    display: none !important;
}
body.sedamix-music-grid-page .track-card-actions,
body.sedamix-music-grid-page .playlist-stats,
body.sedamix-music-grid-page .playlist-description,
body.sedamix-music-grid-page .track-stats,
body.sedamix-music-grid-page .genre-badges,
body.sedamix-music-grid-page .track-card .p-3 > .d-flex.justify-content-between.align-items-center,
body.sedamix-music-grid-page .album-card .p-3 > .d-flex.justify-content-between.align-items-center {
    display: none !important;
}

/* Keep the filter UI simple: no green glass panels, only a quiet dark surface. */
body.sedamix-music-grid-page .filter-card {
    background: #111 !important;
    border: 1px solid #262626 !important;
    border-radius: 8px !important;
    backdrop-filter: none !important;
}
body.sedamix-music-grid-page .filter-card .form-control,
body.sedamix-music-grid-page .filter-card .form-select {
    background: #181818 !important;
    border-color: #303030 !important;
}

/* Homepage: keep the two side rails visually quiet and the real player coherent. */
body.sedamix-home-page,
body.sedamix-home-page::before { background: #000 !important; background-image: none !important; }
body.sedamix-home-page #stickyPlayer.playbar-three {
    border: 1px solid #292929 !important;
    border-bottom: 0 !important;
    border-radius: 8px 8px 0 0 !important;
}
body.sedamix-home-page .home-left-rail,
body.sedamix-home-page .home-player-rail { background: #121212 !important; }
body.sedamix-home-page .home-center { background: #181818 !important; }
body.sedamix-home-page .rail-progress { cursor: pointer; }
body.sedamix-home-page .rail-progress span { width: 0; transition: width .08s linear; }
body.sedamix-home-page .rail-controls button.active,
body.sedamix-home-page .rail-controls button:hover { color: var(--sedamix-green) !important; }

@media (max-width: 900px) {
    body.sedamix-home-page #stickyPlayer.playbar-three {
        left: 8px !important;
        right: 8px !important;
        width: auto !important;
    }
}

/* Artist/public collection grids follow the same artwork + metadata pattern. */
body.sedamix-music-grid-page .grid-item {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    transform: none !important;
}
body.sedamix-music-grid-page .grid-item:hover { transform: none !important; box-shadow: none !important; }
body.sedamix-music-grid-page .grid-artwork {
    border-radius: 4px !important;
    overflow: hidden !important;
    background: #101010 !important;
    background-image: none !important;
}
body.sedamix-music-grid-page .grid-info { padding: 9px 2px 0 !important; }
body.sedamix-music-grid-page .grid-title { color: #f5f5f5 !important; font-size: 14px !important; margin: 0 0 3px !important; }
body.sedamix-music-grid-page .grid-subtitle { color: #777 !important; font-size: 12px !important; margin: 0 !important; }


/* 2026 Spotify-style cleanup: one accent color across public UI. */
.sedamix-lottie-local, .sedamix-lottie-local svg { width:100%; height:100%; display:block; }
.bg-gradient-purple, .bg-gradient-pink, .bg-gradient-orange,
[class*="gradient-purple"], [class*="gradient-pink"], [class*="gradient-orange"] {
    background:#181818!important; background-image:none!important;
}
.text-purple,.text-pink,.text-orange { color:var(--sedamix-green)!important; }
.border-purple,.border-pink,.border-orange { border-color:#303030!important; }
body.sedamix-music-grid-page .section-title i,
body.sedamix-music-grid-page .search-type-btn.active,
body.sedamix-music-grid-page .filter-toggle-btn i { color:var(--sedamix-green)!important; }
body.sedamix-music-grid-page .content-card,
body.sedamix-music-grid-page .search-results-container,
body.sedamix-music-grid-page .explore-section,
body.sedamix-music-grid-page .gift-explore-container { background-image:none!important; }

/* =========================================================
   SEDAMIX listing/search responsive cleanup — v4
   Spotify-like flat surfaces, one quiet frame, minimal borders.
   ========================================================= */

/* Exclusive/all-tracks filter panel: one flat surface only. */
body.sedamix-music-grid-page #filterSection.filter-card {
    background: #181818 !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

body.sedamix-music-grid-page #filterSection.filter-card.show {
    border: 0 !important;
}

body.sedamix-music-grid-page #filterSection > .p-4 {
    padding: 12px !important;
}

body.sedamix-music-grid-page #filterSection h5 {
    margin: 0 0 12px !important;
    color: #f5f5f5 !important;
    font-size: 1rem !important;
    font-weight: 750 !important;
}

body.sedamix-music-grid-page #filterSection .form-control,
body.sedamix-music-grid-page #filterSection .form-select {
    min-height: 44px !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    background: #242424 !important;
    background-image: none !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.sedamix-music-grid-page #filterSection .form-control::placeholder {
    color: #8f8f8f !important;
    opacity: 1 !important;
}

body.sedamix-music-grid-page #filterSection .form-control:hover,
body.sedamix-music-grid-page #filterSection .form-select:hover {
    background: #2a2a2a !important;
}

body.sedamix-music-grid-page #filterSection .form-control:focus,
body.sedamix-music-grid-page #filterSection .form-select:focus {
    border-color: var(--sedamix-green) !important;
    background: #242424 !important;
    box-shadow: 0 0 0 2px rgba(0, 229, 27, .13) !important;
}

body.sedamix-music-grid-page #filterSection .filter-actions {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

body.sedamix-music-grid-page #filterSection .btn-apply-filters,
body.sedamix-music-grid-page #filterSection .btn-outline-secondary {
    width: auto !important;
    min-height: 42px !important;
    padding: 0 17px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    transform: none !important;
    font-size: .84rem !important;
    font-weight: 750 !important;
    white-space: nowrap !important;
}

body.sedamix-music-grid-page #filterSection .btn-apply-filters {
    border: 0 !important;
    background: var(--sedamix-green) !important;
    background-image: none !important;
    color: #050505 !important;
}

body.sedamix-music-grid-page #filterSection .btn-apply-filters:hover,
body.sedamix-music-grid-page #filterSection .btn-apply-filters:focus-visible {
    background: var(--sedamix-green-hover) !important;
    color: #000 !important;
}

body.sedamix-music-grid-page #filterSection .btn-outline-secondary {
    border: 0 !important;
    background: transparent !important;
    color: #b3b3b3 !important;
}

body.sedamix-music-grid-page #filterSection .btn-outline-secondary:hover,
body.sedamix-music-grid-page #filterSection .btn-outline-secondary:focus-visible {
    background: #282828 !important;
    color: #fff !important;
}

/* Mobile filter trigger: compact dark pill, not a full green bar. */
body.sedamix-music-grid-page #filterToggleBtn.filter-toggle-btn {
    width: auto !important;
    min-height: 42px !important;
    margin-bottom: 12px !important;
    padding: 0 16px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #181818 !important;
    background-image: none !important;
    color: #fff !important;
    box-shadow: none !important;
    transform: none !important;
}

body.sedamix-music-grid-page #filterToggleBtn.filter-toggle-btn:hover,
body.sedamix-music-grid-page #filterToggleBtn.filter-toggle-btn:focus-visible {
    background: #282828 !important;
    color: #fff !important;
}

body.sedamix-music-grid-page #filterToggleBtn.filter-toggle-btn i {
    color: var(--sedamix-green) !important;
}

/* Empty results must span the complete grid, especially on two-column mobile. */
body.sedamix-music-grid-page .minimal-track-grid > .col-12.text-center.py-5 {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: none !important;
    min-height: clamp(250px, 34vw, 390px) !important;
    padding: 44px 16px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

body.sedamix-music-grid-page .minimal-track-grid > .col-12.text-center.py-5 > i {
    width: 58px !important;
    height: 58px !important;
    margin: 0 0 18px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 50% !important;
    background: #181818 !important;
    color: #686868 !important;
    font-size: 30px !important;
    opacity: 1 !important;
}

body.sedamix-music-grid-page .minimal-track-grid > .col-12.text-center.py-5 h4 {
    margin: 0 0 8px !important;
    font-size: 1.08rem !important;
    line-height: 1.45 !important;
}

body.sedamix-music-grid-page .minimal-track-grid > .col-12.text-center.py-5 p {
    max-width: 390px !important;
    margin: 0 0 20px !important;
    color: #9a9a9a !important;
    font-size: .88rem !important;
    line-height: 1.7 !important;
    opacity: 1 !important;
}

body.sedamix-music-grid-page .minimal-track-grid > .col-12.text-center.py-5 .btn-primary {
    width: auto !important;
    max-width: 100% !important;
    min-height: 40px !important;
    padding: 0 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: var(--sedamix-green) !important;
    color: #050505 !important;
    box-shadow: none !important;
    font-size: .8rem !important;
    font-weight: 750 !important;
    white-space: nowrap !important;
    transform: none !important;
}

body.sedamix-music-grid-page .minimal-track-grid > .col-12.text-center.py-5 .btn-primary:hover,
body.sedamix-music-grid-page .minimal-track-grid > .col-12.text-center.py-5 .btn-primary:focus-visible {
    background: var(--sedamix-green-hover) !important;
    color: #000 !important;
}

/* Gift page: remove the outer green card; keep only one dark filter surface. */
body.sedamix-music-grid-page .gift-search-section {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

body.sedamix-music-grid-page .gift-header-title {
    margin-bottom: 16px !important;
    color: #fff !important;
    background: none !important;
    background-image: none !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    -webkit-text-fill-color: currentColor !important;
    font-size: clamp(1.45rem, 2.2vw, 2rem) !important;
    line-height: 1.3 !important;
}

body.sedamix-music-grid-page .gift-header-title i {
    color: var(--sedamix-green) !important;
}

body.sedamix-music-grid-page .gift-filter-form {
    gap: 8px !important;
    padding: 10px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #181818 !important;
    background-image: none !important;
    box-shadow: none !important;
}

body.sedamix-music-grid-page .gift-filter-form:focus-within {
    border: 0 !important;
    box-shadow: none !important;
}

body.sedamix-music-grid-page .gift-filter-form input,
body.sedamix-music-grid-page .gift-filter-form select {
    min-height: 44px !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    background: #242424 !important;
    background-image: none !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.sedamix-music-grid-page .gift-filter-form input:focus,
body.sedamix-music-grid-page .gift-filter-form select:focus {
    border-color: var(--sedamix-green) !important;
    background: #242424 !important;
    box-shadow: 0 0 0 2px rgba(0, 229, 27, .13) !important;
}

body.sedamix-music-grid-page .gift-filter-form button,
body.sedamix-music-grid-page .gift-filter-form .gift-clear-link {
    width: auto !important;
    min-height: 42px !important;
    padding: 0 17px !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    transform: none !important;
    font-size: .84rem !important;
}

body.sedamix-music-grid-page .gift-filter-form button {
    border: 0 !important;
    background: var(--sedamix-green) !important;
    background-image: none !important;
    color: #050505 !important;
}

body.sedamix-music-grid-page .gift-filter-form button:hover,
body.sedamix-music-grid-page .gift-filter-form button:focus-visible {
    background: var(--sedamix-green-hover) !important;
    color: #000 !important;
}

body.sedamix-music-grid-page .gift-filter-form .gift-clear-link {
    border: 0 !important;
    background: transparent !important;
    color: #b3b3b3 !important;
}

body.sedamix-music-grid-page .gift-filter-form .gift-clear-link:hover,
body.sedamix-music-grid-page .gift-filter-form .gift-clear-link:focus-visible {
    background: #282828 !important;
    color: #fff !important;
}

body.sedamix-music-grid-page .occasion-tab {
    border: 0 !important;
    border-radius: 999px !important;
    background: #181818 !important;
    color: #b3b3b3 !important;
    box-shadow: none !important;
    transform: none !important;
}

body.sedamix-music-grid-page .occasion-tab:hover,
body.sedamix-music-grid-page .occasion-tab:focus-visible {
    border: 0 !important;
    background: #282828 !important;
    color: #fff !important;
    transform: none !important;
}

body.sedamix-music-grid-page .occasion-tab.active {
    border: 0 !important;
    background: var(--sedamix-green) !important;
    color: #050505 !important;
}

body.sedamix-music-grid-page .occasion-tab.active .count {
    background: rgba(0, 0, 0, .14) !important;
    color: inherit !important;
}

/* Explore/search pages: outer decorative card removed, one search bar remains. */
body.sedamix-music-grid-page .explore-search-section,
body.sedamix-music-grid-page .search-header-section {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

body.sedamix-music-grid-page .explore-header-title,
body.sedamix-music-grid-page .search-title {
    margin: 0 0 16px !important;
    color: #fff !important;
    background: none !important;
    background-image: none !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    -webkit-text-fill-color: currentColor !important;
    font-size: clamp(1.45rem, 2.2vw, 2rem) !important;
    line-height: 1.3 !important;
}

body.sedamix-music-grid-page .explore-header-title i,
body.sedamix-music-grid-page .search-title i {
    color: var(--sedamix-green) !important;
}

body.sedamix-music-grid-page .search-form-wrapper {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    padding: 8px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #181818 !important;
    background-image: none !important;
    box-shadow: none !important;
}

body.sedamix-music-grid-page .search-form-wrapper:focus-within {
    border: 0 !important;
    background: #1d1d1d !important;
    box-shadow: 0 0 0 1px #343434 !important;
}

body.sedamix-music-grid-page .search-form-wrapper input {
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    background-image: none !important;
    color: #fff !important;
    box-shadow: none !important;
    outline: none !important;
}

body.sedamix-music-grid-page .search-form-wrapper input::placeholder {
    color: #8f8f8f !important;
    opacity: 1 !important;
}

body.sedamix-music-grid-page .search-form-wrapper input:focus {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}

body.sedamix-music-grid-page .search-form-wrapper button {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 18px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: var(--sedamix-green) !important;
    background-image: none !important;
    color: #050505 !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    transform: none !important;
}

body.sedamix-music-grid-page .search-form-wrapper button:hover,
body.sedamix-music-grid-page .search-form-wrapper button:focus-visible,
body.sedamix-music-grid-page .search-form-wrapper button:active {
    background: var(--sedamix-green-hover) !important;
    color: #000 !important;
    box-shadow: none !important;
    transform: none !important;
}

body.sedamix-music-grid-page .search-type-btn {
    border: 0 !important;
    border-radius: 999px !important;
    background: #181818 !important;
    color: #b3b3b3 !important;
    box-shadow: none !important;
}

body.sedamix-music-grid-page .search-type-btn:hover,
body.sedamix-music-grid-page .search-type-btn:focus-visible {
    border: 0 !important;
    background: #282828 !important;
    color: #fff !important;
}

body.sedamix-music-grid-page .search-type-btn.active {
    border: 0 !important;
    background: var(--sedamix-green) !important;
    color: #050505 !important;
}

body.sedamix-music-grid-page .search-type-btn.active .search-type-badge {
    background: rgba(0, 0, 0, .14) !important;
    color: inherit !important;
}

@media (max-width: 767.98px) {
    body.sedamix-music-grid-page #filterSection.filter-card {
        border: 0 !important;
        border-radius: 10px !important;
    }

    body.sedamix-music-grid-page #filterSection.filter-card.show {
        margin-bottom: 24px !important;
        border: 0 !important;
    }

    body.sedamix-music-grid-page #filterSection > .p-4 {
        padding: 10px !important;
    }

    body.sedamix-music-grid-page #filterSection .filter-actions {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.sedamix-music-grid-page #filterSection .filter-actions .btn {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 42px !important;
        padding-inline: 10px !important;
    }

    body.sedamix-music-grid-page .minimal-track-grid > .col-12.text-center.py-5 {
        min-height: 280px !important;
        padding: 38px 14px !important;
    }

    body.sedamix-music-grid-page .gift-search-section {
        padding: 0 !important;
        margin-bottom: 18px !important;
    }

    body.sedamix-music-grid-page .gift-filter-form {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        padding: 9px !important;
        border-radius: 10px !important;
    }

    body.sedamix-music-grid-page .gift-filter-form input[type="text"],
    body.sedamix-music-grid-page .gift-filter-form input[type="search"] {
        grid-column: 1 / -1 !important;
    }

    body.sedamix-music-grid-page .gift-filter-form button,
    body.sedamix-music-grid-page .gift-filter-form .gift-clear-link {
        width: 100% !important;
        min-width: 0 !important;
        justify-self: stretch !important;
        padding-inline: 10px !important;
    }

    body.sedamix-music-grid-page .occasion-tabs {
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        padding-bottom: 3px !important;
    }

    body.sedamix-music-grid-page .occasion-tabs::-webkit-scrollbar {
        display: none;
    }

    body.sedamix-music-grid-page .occasion-tab {
        flex: 0 0 auto !important;
        justify-content: center !important;
    }

    body.sedamix-music-grid-page .explore-search-section,
    body.sedamix-music-grid-page .search-header-section {
        padding: 0 !important;
        border-radius: 0 !important;
    }

    body.sedamix-music-grid-page .search-form-wrapper {
        flex-direction: row !important;
        gap: 6px !important;
        padding: 7px !important;
        border-radius: 10px !important;
    }

    body.sedamix-music-grid-page .search-form-wrapper input {
        min-height: 42px !important;
        padding: 0 9px !important;
        font-size: 16px !important;
    }

    body.sedamix-music-grid-page .search-form-wrapper button {
        min-height: 40px !important;
        padding: 0 13px !important;
        font-size: 13px !important;
    }
}

@media (max-width: 360px) {
    body.sedamix-music-grid-page .gift-filter-form {
        grid-template-columns: 1fr !important;
    }

    body.sedamix-music-grid-page .gift-filter-form input[type="text"],
    body.sedamix-music-grid-page .gift-filter-form input[type="search"] {
        grid-column: auto !important;
    }
}

/* =========================================================
   V6 — public track and artist pages
   Spotify-inspired flat hierarchy, restrained glass and reliable icons.
   ========================================================= */

/* Legacy gradient-text rules could leave Remix icons transparent or render
   them as solid blocks. UI icons on public music pages must stay glyphs. */
body.sedamix-music-grid-page .btn > i,
body.sedamix-music-grid-page .section-title > i,
body.sedamix-music-grid-page .stat-item > i,
body.sedamix-music-grid-page .tag-badge > i,
body.sedamix-music-grid-page .track-artist-link > i,
body.sedamix-music-grid-page .track-comments-title > i,
body.sedamix-music-grid-page .empty-state > i,
body.sedamix-music-grid-page .artist-stats i,
body.sedamix-music-grid-page .grid-play-button > i,
body.sedamix-music-grid-page .star,
body.sedamix-music-grid-page .rating-star-filled,
body.sedamix-music-grid-page .rating-star-empty {
    background: transparent !important;
    background-image: none !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    -webkit-text-fill-color: currentColor !important;
    text-shadow: none !important;
}

/* ------------------------- Track detail ------------------------- */
body.sedamix-track-detail-page .track-container {
    width: min(100%, 1220px) !important;
    max-width: 1220px !important;
    margin-inline: auto !important;
    padding: 38px 24px 120px !important;
    overflow: visible !important;
}

body.sedamix-track-detail-page .track-header-section {
    display: grid !important;
    grid-template-columns: minmax(300px, 400px) minmax(0, 1fr) !important;
    gap: clamp(30px, 5vw, 64px) !important;
    align-items: center !important;
    margin-bottom: 52px !important;
}

html[dir="rtl"] body.sedamix-track-detail-page .track-header-section {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 400px) !important;
}

body.sedamix-track-detail-page .track-cover-wrapper {
    grid-column: 1;
    width: 100% !important;
    max-width: 400px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: #121212 !important;
    box-shadow: 0 26px 74px rgba(0, 0, 0, 0.56) !important;
}

html[dir="rtl"] body.sedamix-track-detail-page .track-cover-wrapper {
    grid-column: 2;
}

body.sedamix-track-detail-page .track-cover-img {
    border-radius: inherit !important;
}

body.sedamix-track-detail-page .track-info-wrapper {
    grid-column: 2;
    width: 100% !important;
    min-width: 0 !important;
    align-self: center !important;
    text-align: start !important;
}

html[dir="rtl"] body.sedamix-track-detail-page .track-info-wrapper {
    grid-column: 1;
}

body.sedamix-track-detail-page .track-title {
    margin: 0 0 10px !important;
    color: #fff !important;
    font-size: clamp(2rem, 4.4vw, 4rem) !important;
    font-weight: 800 !important;
    line-height: 1.02 !important;
    letter-spacing: -0.045em !important;
    text-wrap: balance;
}

body.sedamix-track-detail-page .track-artist-link {
    width: fit-content !important;
    margin: 0 0 18px !important;
    gap: 7px !important;
    color: #b3b3b3 !important;
    font-size: 0.98rem !important;
    font-weight: 600 !important;
}

body.sedamix-track-detail-page .track-artist-link:hover {
    color: #fff !important;
    gap: 7px !important;
}

body.sedamix-track-detail-page .track-artist-link > i {
    color: var(--sedamix-green) !important;
    font-size: 1rem !important;
}

body.sedamix-track-detail-page .track-stats {
    display: flex !important;
    grid-template-columns: none !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px 18px !important;
    margin: 0 0 18px !important;
}

body.sedamix-track-detail-page .track-stats .stat-item {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-width: 0 !important;
    min-height: 0 !important;
    width: auto !important;
    padding: 0 !important;
    gap: 7px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    color: #b3b3b3 !important;
}

body.sedamix-track-detail-page .track-stats .stat-item:hover {
    background: transparent !important;
    color: #fff !important;
}

body.sedamix-track-detail-page .track-stats .stat-item > i {
    color: #8f8f8f !important;
    font-size: 0.95rem !important;
    line-height: 1 !important;
}

body.sedamix-track-detail-page .track-stats .stat-item > span {
    display: inline-flex !important;
    width: auto !important;
    min-width: 0 !important;
    flex-direction: row !important;
    align-items: baseline !important;
    gap: 5px !important;
}

body.sedamix-track-detail-page .stat-value {
    max-width: none !important;
    color: #f5f5f5 !important;
    font-size: 0.88rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    overflow: visible !important;
}

body.sedamix-track-detail-page .stat-label {
    color: #8d8d8d !important;
    font-size: 0.72rem !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    text-transform: none !important;
}

body.sedamix-track-detail-page .track-tags {
    gap: 7px !important;
    margin: 0 0 18px !important;
}

body.sedamix-track-detail-page .tag-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 6px 10px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #1d1d1d !important;
    background-image: none !important;
    color: #b3b3b3 !important;
    font-size: 0.78rem !important;
}

body.sedamix-track-detail-page .tag-badge:hover {
    background: #262626 !important;
    color: #fff !important;
}

body.sedamix-track-detail-page .track-actions {
    display: flex !important;
    grid-template-columns: none !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-top: 6px !important;
}

body.sedamix-track-detail-page .track-actions > form {
    display: inline-flex !important;
    width: auto !important;
    margin: 0 !important;
}

body.sedamix-track-detail-page .track-actions .btn {
    width: auto !important;
    min-width: 0 !important;
    min-height: 44px !important;
    height: 44px !important;
    padding: 0 18px !important;
    justify-content: center !important;
    gap: 7px !important;
    border-radius: 999px !important;
    background-image: none !important;
    box-shadow: none !important;
    transform: none !important;
    color: #fff !important;
    font-size: 0.82rem !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}

body.sedamix-track-detail-page .track-actions .btn > i {
    color: currentColor !important;
    font-size: 1rem !important;
    line-height: 1 !important;
}

body.sedamix-track-detail-page .track-actions .btn-primary {
    border: 1px solid var(--sedamix-green) !important;
    background: var(--sedamix-green) !important;
    color: #050505 !important;
}

body.sedamix-track-detail-page .track-actions .btn-primary:hover {
    border-color: var(--sedamix-green-hover) !important;
    background: var(--sedamix-green-hover) !important;
    color: #050505 !important;
}

body.sedamix-track-detail-page .track-actions .btn-outline-light,
body.sedamix-track-detail-page .track-actions .btn-secondary {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    background: rgba(255, 255, 255, 0.055) !important;
    color: #f2f2f2 !important;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
}

body.sedamix-track-detail-page .track-actions .btn-outline-light:hover {
    border-color: rgba(255, 255, 255, 0.2) !important;
    background: rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
}

body.sedamix-track-detail-page .track-actions .track-purchase-btn {
    border: 1px solid rgba(0, 229, 27, 0.34) !important;
    background: rgba(0, 229, 27, 0.11) !important;
    color: var(--sedamix-green) !important;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
}

body.sedamix-track-detail-page .track-actions .track-purchase-btn:hover {
    border-color: var(--sedamix-green) !important;
    background: var(--sedamix-green) !important;
    color: #050505 !important;
}

body.sedamix-track-detail-page .free-track-alert {
    padding: 14px 16px !important;
    margin: 0 0 18px !important;
    gap: 12px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: #181818 !important;
    background-image: none !important;
    color: #fff !important;
}

body.sedamix-track-detail-page .free-track-alert > i {
    color: var(--sedamix-green) !important;
    font-size: 1.35rem !important;
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
}

body.sedamix-track-detail-page .section-card {
    margin-bottom: 30px !important;
    padding: 24px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #121212 !important;
    background-image: none !important;
    box-shadow: none !important;
}

body.sedamix-track-detail-page .section-title {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    margin: 0 0 20px !important;
    padding: 0 0 14px !important;
    border: 0 !important;
    border-bottom: 1px solid #262626 !important;
    border-image: none !important;
    color: #fff !important;
    font-size: 1.28rem !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
    text-shadow: none !important;
}

body.sedamix-track-detail-page .section-title > i {
    color: var(--sedamix-green) !important;
    font-size: 1.2rem !important;
}

body.sedamix-track-detail-page .track-description-text {
    margin: 0 !important;
    color: #b3b3b3 !important;
    line-height: 1.75 !important;
}

body.sedamix-track-detail-page .rating-container {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(180px, 230px) !important;
    gap: 32px !important;
    align-items: center !important;
}

body.sedamix-track-detail-page .rating-form {
    min-width: 0 !important;
}

body.sedamix-track-detail-page .star-rating {
    gap: 8px !important;
    margin-bottom: 16px !important;
}

body.sedamix-track-detail-page .star-rating .star {
    color: #616161 !important;
    font-size: 2rem !important;
    transform: none !important;
}

body.sedamix-track-detail-page .star-rating .star:hover,
body.sedamix-track-detail-page .star-rating .star.active,
body.sedamix-track-detail-page .star-rating .star.filled,
body.sedamix-track-detail-page .rating-star-filled {
    color: var(--sedamix-green) !important;
}

body.sedamix-track-detail-page .rating-star-empty {
    color: #525252 !important;
}

body.sedamix-track-detail-page .rating-stats {
    padding-inline-start: 24px !important;
    border-inline-start: 1px solid #292929 !important;
    text-align: start !important;
}

body.sedamix-track-detail-page .average-rating {
    margin: 0 0 8px !important;
    color: #fff !important;
    font-size: 2.8rem !important;
    font-weight: 800 !important;
    letter-spacing: -0.04em !important;
}

body.sedamix-track-detail-page .rating-stats p {
    margin-bottom: 5px !important;
    color: #8d8d8d !important;
}

body.sedamix-track-detail-page .rating-login-notice {
    padding: 14px 16px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: #181818 !important;
    color: #b3b3b3 !important;
    text-align: start !important;
}

body.sedamix-track-detail-page .rating-login-link {
    color: var(--sedamix-green) !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

body.sedamix-track-detail-page .rating-login-link:hover {
    text-decoration: underline !important;
}

body.sedamix-track-detail-page .track-comments-section {
    margin-top: 24px !important;
    padding-top: 22px !important;
    border-top: 1px solid #262626 !important;
}

body.sedamix-track-detail-page .track-comments-title {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: #fff !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
}

body.sedamix-track-detail-page .track-comments-title > i {
    color: #b3b3b3 !important;
}

body.sedamix-track-detail-page .track-comment-input,
body.sedamix-track-detail-page #commentsListSection textarea {
    width: 100% !important;
    padding: 13px 14px !important;
    border: 1px solid transparent !important;
    border-radius: 9px !important;
    background: #242424 !important;
    color: #fff !important;
    box-shadow: none !important;
    resize: vertical;
}

body.sedamix-track-detail-page .track-comment-input:focus,
body.sedamix-track-detail-page #commentsListSection textarea:focus {
    border-color: rgba(0, 229, 27, 0.55) !important;
    box-shadow: 0 0 0 2px rgba(0, 229, 27, 0.1) !important;
}

body.sedamix-track-detail-page .review-action-btn {
    width: fit-content !important;
    min-height: 40px !important;
    height: 40px !important;
    padding-inline: 16px !important;
    border-radius: 999px !important;
}

body.sedamix-track-detail-page .comments-loading {
    padding: 28px 10px !important;
    color: #777 !important;
}

body.sedamix-track-detail-page #commentsListSection > [data-comment-id] {
    padding: 14px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: #181818 !important;
    box-shadow: none !important;
}

body.sedamix-track-detail-page .track-related-section {
    margin-top: 40px !important;
}

body.sedamix-track-detail-page .track-related-section > .section-title {
    margin-bottom: 18px !important;
}

/* The advertisement layer belongs to the same page and should not reintroduce
   blue/purple glass when a Listen track displays an ad. */
body.sedamix-track-detail-page .ad-modal-modern {
    border: 1px solid #292929 !important;
    background: #121212 !important;
    background-image: none !important;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.58) !important;
}

body.sedamix-track-detail-page .ad-modal-header,
body.sedamix-track-detail-page .ad-info-panel {
    border-color: #292929 !important;
    background: #181818 !important;
    background-image: none !important;
}

body.sedamix-track-detail-page .ad-badge-pulse,
body.sedamix-track-detail-page .ad-timer-compact,
body.sedamix-track-detail-page .ad-cta-button,
body.sedamix-track-detail-page .skip-button {
    border-color: var(--sedamix-green) !important;
    background: var(--sedamix-green) !important;
    background-image: none !important;
    color: #050505 !important;
}

body.sedamix-track-detail-page .ad-media-container,
body.sedamix-track-detail-page .ad-audio-container,
body.sedamix-track-detail-page .ad-placeholder {
    border-color: #292929 !important;
    background: #0e0e0e !important;
    background-image: none !important;
}

/* ------------------------- Artist profile ------------------------- */
body.sedamix-artist-profile-page .profile-container {
    width: min(100%, 1220px) !important;
    max-width: 1220px !important;
    margin: 24px auto 120px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    overflow: visible !important;
}

body.sedamix-artist-profile-page .profile-header {
    position: relative !important;
    overflow: hidden !important;
    min-height: 390px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: #121212 !important;
}

body.sedamix-artist-profile-page .profile-banner {
    position: relative !important;
    width: 100% !important;
    height: 360px !important;
    background-color: #161616 !important;
    background-image: radial-gradient(circle at 78% 20%, rgba(0, 229, 27, 0.22), transparent 36%), linear-gradient(135deg, #1b1b1b, #0b0b0b);
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

body.sedamix-artist-profile-page .profile-banner::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.38) 55%, rgba(0, 0, 0, 0.94) 100%) !important;
}

body.sedamix-artist-profile-page .profile-header-content {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: flex-end !important;
    gap: 26px !important;
    margin-top: -168px !important;
    padding: 0 34px 32px !important;
}

body.sedamix-artist-profile-page .profile-avatar {
    display: flex !important;
    flex: 0 0 176px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 176px !important;
    height: 176px !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #232323 !important;
    background-image: none !important;
    box-shadow: 0 18px 52px rgba(0, 0, 0, 0.55) !important;
    color: #8f8f8f !important;
    object-fit: cover !important;
    font-size: 3.7rem !important;
    transform: none !important;
}

body.sedamix-artist-profile-page .profile-avatar:hover {
    transform: none !important;
    box-shadow: 0 18px 52px rgba(0, 0, 0, 0.55) !important;
}

body.sedamix-artist-profile-page .artist-info {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    padding-bottom: 4px !important;
    text-align: start !important;
}

body.sedamix-artist-profile-page .artist-name {
    margin: 0 0 8px !important;
    color: #fff !important;
    font-size: clamp(2.5rem, 6vw, 5rem) !important;
    font-weight: 850 !important;
    line-height: 0.98 !important;
    letter-spacing: -0.055em !important;
    text-shadow: 0 5px 24px rgba(0, 0, 0, 0.55) !important;
    overflow-wrap: anywhere;
}

body.sedamix-artist-profile-page .artist-username {
    margin: 0 0 15px !important;
    color: #b3b3b3 !important;
    font-size: 0.94rem !important;
}

body.sedamix-artist-profile-page .artist-actions {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin: 0 0 15px !important;
}

body.sedamix-artist-profile-page .btn-follow {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 108px !important;
    min-height: 42px !important;
    padding: 0 18px !important;
    gap: 7px !important;
    border: 1px solid var(--sedamix-green) !important;
    border-radius: 999px !important;
    background: var(--sedamix-green) !important;
    background-image: none !important;
    color: #050505 !important;
    box-shadow: none !important;
    font-size: 0.84rem !important;
    font-weight: 750 !important;
    transform: none !important;
}

body.sedamix-artist-profile-page .btn-follow > i {
    color: currentColor !important;
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
}

body.sedamix-artist-profile-page .btn-follow:hover {
    border-color: var(--sedamix-green-hover) !important;
    background: var(--sedamix-green-hover) !important;
    color: #050505 !important;
    box-shadow: none !important;
    transform: none !important;
}

body.sedamix-artist-profile-page .btn-follow.following {
    border-color: rgba(255, 255, 255, 0.14) !important;
    background: rgba(255, 255, 255, 0.07) !important;
    color: #fff !important;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}

body.sedamix-artist-profile-page .btn-follow.following:hover {
    border-color: rgba(255, 255, 255, 0.24) !important;
    background: rgba(255, 255, 255, 0.11) !important;
    color: #fff !important;
}

body.sedamix-artist-profile-page .artist-stats {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px 22px !important;
    margin: 0 !important;
    color: #b3b3b3 !important;
}

body.sedamix-artist-profile-page .artist-stats .stat-item {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 6px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    width: auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #b3b3b3 !important;
}

body.sedamix-artist-profile-page .artist-stats .stat-item > i {
    color: #8d8d8d !important;
    font-size: 0.95rem !important;
}

body.sedamix-artist-profile-page .artist-stats .stat-value {
    color: #fff !important;
    font-size: 0.88rem !important;
    font-weight: 750 !important;
}

body.sedamix-artist-profile-page .artist-stats .stat-label {
    color: #a1a1a1 !important;
    font-size: 0.78rem !important;
}

body.sedamix-artist-profile-page .artist-bio {
    margin: 0 !important;
    padding: 22px 34px !important;
    border: 0 !important;
    border-bottom: 1px solid #242424 !important;
    background: transparent !important;
}

body.sedamix-artist-profile-page .artist-bio p {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    color: #b3b3b3 !important;
    font-size: 0.94rem !important;
    line-height: 1.75 !important;
}

body.sedamix-artist-profile-page .profile-nav {
    position: static !important;
    z-index: auto !important;
    border: 0 !important;
    border-bottom: 1px solid #242424 !important;
    background: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

body.sedamix-artist-profile-page .nav-container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 34px !important;
}

body.sedamix-artist-profile-page .nav-tabs {
    display: flex !important;
    align-items: center !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    list-style: none !important;
}

body.sedamix-artist-profile-page .nav-tab {
    position: relative !important;
    flex: 0 0 auto !important;
    padding: 16px 0 14px !important;
    border: 0 !important;
    color: #8d8d8d !important;
    font-size: 0.88rem !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}

body.sedamix-artist-profile-page .nav-tab::after {
    content: "";
    position: absolute;
    inset-inline: 0;
    bottom: -1px;
    height: 2px;
    border-radius: 999px;
    background: transparent;
}

body.sedamix-artist-profile-page .nav-tab:hover {
    color: #fff !important;
}

body.sedamix-artist-profile-page .nav-tab.active {
    color: #fff !important;
    border: 0 !important;
}

body.sedamix-artist-profile-page .nav-tab.active::after {
    background: var(--sedamix-green) !important;
}

body.sedamix-artist-profile-page .content-container {
    width: 100% !important;
    max-width: none !important;
    min-height: 320px !important;
    margin: 0 !important;
    padding: 28px 34px 34px !important;
    background: transparent !important;
}

body.sedamix-artist-profile-page .content-section {
    display: none;
    animation: none !important;
}

body.sedamix-artist-profile-page .content-section.active {
    display: block;
}

body.sedamix-artist-profile-page .grid-view {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)) !important;
    gap: 18px !important;
    animation: none !important;
}

body.sedamix-artist-profile-page .grid-item {
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    animation: none !important;
    transform: none !important;
}

body.sedamix-artist-profile-page .grid-artwork {
    overflow: hidden !important;
    border-radius: 8px !important;
    background: #181818 !important;
    background-image: none !important;
    box-shadow: none !important;
    transform: none !important;
}

body.sedamix-artist-profile-page .grid-item:hover .grid-artwork {
    transform: none !important;
}

body.sedamix-artist-profile-page .grid-play-button {
    inset: auto 10px 10px auto !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    background: var(--sedamix-green) !important;
    opacity: 0 !important;
    transform: translateY(5px) !important;
}

html[dir="rtl"] body.sedamix-artist-profile-page .grid-play-button {
    right: auto !important;
    left: 10px !important;
}

body.sedamix-artist-profile-page .grid-item:hover .grid-play-button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

body.sedamix-artist-profile-page .grid-play-button > i {
    color: #050505 !important;
}

body.sedamix-artist-profile-page .grid-info {
    padding: 10px 2px 0 !important;
}

body.sedamix-artist-profile-page .grid-title {
    margin: 0 0 4px !important;
    color: #f5f5f5 !important;
    font-size: 0.9rem !important;
}

body.sedamix-artist-profile-page .grid-subtitle {
    margin: 0 !important;
    color: #7e7e7e !important;
    font-size: 0.76rem !important;
}

body.sedamix-artist-profile-page .empty-state {
    display: flex !important;
    min-height: 220px !important;
    padding: 36px 20px !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #121212 !important;
    text-align: center !important;
}

body.sedamix-artist-profile-page .empty-state > i {
    margin-bottom: 12px !important;
    color: #5e5e5e !important;
    font-size: 2.4rem !important;
}

body.sedamix-artist-profile-page .empty-state p {
    margin: 0 !important;
    color: #8d8d8d !important;
    font-size: 0.9rem !important;
}

@media (max-width: 900px) {
    body.sedamix-track-detail-page .track-header-section {
        grid-template-columns: minmax(250px, 330px) minmax(0, 1fr) !important;
        gap: 28px !important;
    }

    html[dir="rtl"] body.sedamix-track-detail-page .track-header-section {
        grid-template-columns: minmax(0, 1fr) minmax(250px, 330px) !important;
    }

    body.sedamix-track-detail-page .track-title {
        font-size: clamp(1.8rem, 5vw, 3rem) !important;
    }

    body.sedamix-artist-profile-page .profile-avatar {
        flex-basis: 148px !important;
        width: 148px !important;
        height: 148px !important;
    }

    body.sedamix-artist-profile-page .profile-header-content {
        margin-top: -140px !important;
    }
}

@media (max-width: 767.98px) {
    body.sedamix-track-detail-page .track-container {
        padding: 22px 14px 110px !important;
    }

    body.sedamix-track-detail-page .track-header-section,
    html[dir="rtl"] body.sedamix-track-detail-page .track-header-section {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 22px !important;
        margin-bottom: 32px !important;
    }

    body.sedamix-track-detail-page .track-cover-wrapper,
    html[dir="rtl"] body.sedamix-track-detail-page .track-cover-wrapper,
    body.sedamix-track-detail-page .track-info-wrapper,
    html[dir="rtl"] body.sedamix-track-detail-page .track-info-wrapper {
        grid-column: 1 !important;
    }

    body.sedamix-track-detail-page .track-cover-wrapper {
        width: min(100%, 380px) !important;
        max-width: 380px !important;
        margin-inline: auto !important;
    }

    body.sedamix-track-detail-page .track-title {
        font-size: clamp(1.75rem, 8.5vw, 2.65rem) !important;
        line-height: 1.08 !important;
    }

    body.sedamix-track-detail-page .track-actions {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    body.sedamix-track-detail-page .track-actions > form {
        display: block !important;
        width: 100% !important;
    }

    body.sedamix-track-detail-page .track-actions .btn {
        width: 100% !important;
        padding-inline: 10px !important;
    }

    body.sedamix-track-detail-page .section-card {
        padding: 18px !important;
        border-radius: 10px !important;
    }

    body.sedamix-track-detail-page .rating-container {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 24px !important;
    }

    body.sedamix-track-detail-page .rating-stats {
        padding: 20px 0 0 !important;
        border-inline-start: 0 !important;
        border-top: 1px solid #292929 !important;
    }

    body.sedamix-artist-profile-page .profile-container {
        margin: 0 auto 100px !important;
    }

    body.sedamix-artist-profile-page .profile-header {
        min-height: 0 !important;
        border-radius: 0 !important;
    }

    body.sedamix-artist-profile-page .profile-banner {
        height: 230px !important;
    }

    body.sedamix-artist-profile-page .profile-header-content {
        flex-direction: column !important;
        align-items: center !important;
        gap: 14px !important;
        margin-top: -68px !important;
        padding: 0 18px 24px !important;
        text-align: center !important;
    }

    body.sedamix-artist-profile-page .profile-avatar {
        flex-basis: 118px !important;
        width: 118px !important;
        height: 118px !important;
        font-size: 2.7rem !important;
    }

    body.sedamix-artist-profile-page .artist-info {
        width: 100% !important;
        padding: 0 !important;
        text-align: center !important;
    }

    body.sedamix-artist-profile-page .artist-name {
        font-size: clamp(2.2rem, 12vw, 3.25rem) !important;
    }

    body.sedamix-artist-profile-page .artist-actions,
    body.sedamix-artist-profile-page .artist-stats {
        justify-content: center !important;
    }

    body.sedamix-artist-profile-page .artist-bio {
        padding: 18px !important;
        text-align: center !important;
    }

    body.sedamix-artist-profile-page .artist-bio p {
        margin-inline: auto !important;
    }

    body.sedamix-artist-profile-page .nav-container {
        padding: 0 18px !important;
    }

    body.sedamix-artist-profile-page .nav-tabs {
        overflow-x: auto !important;
        gap: 20px !important;
        scrollbar-width: none;
    }

    body.sedamix-artist-profile-page .nav-tabs::-webkit-scrollbar {
        display: none;
    }

    body.sedamix-artist-profile-page .content-container {
        padding: 22px 14px 28px !important;
    }

    body.sedamix-artist-profile-page .grid-view {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }
}

@media (max-width: 420px) {
    body.sedamix-track-detail-page .track-stats {
        gap: 8px 14px !important;
    }

    body.sedamix-track-detail-page .track-actions {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.sedamix-track-detail-page .section-card {
        padding: 16px !important;
    }

    body.sedamix-track-detail-page .section-title {
        font-size: 1.08rem !important;
    }

    body.sedamix-artist-profile-page .profile-banner {
        height: 200px !important;
    }

    body.sedamix-artist-profile-page .profile-header-content {
        margin-top: -58px !important;
    }

    body.sedamix-artist-profile-page .profile-avatar {
        flex-basis: 104px !important;
        width: 104px !important;
        height: 104px !important;
    }

    body.sedamix-artist-profile-page .btn-follow {
        min-width: 100px !important;
        min-height: 40px !important;
    }
}


/* ===============================================
   Sedamix V7 — artist dashboard, wallet and profile cleanup
   =============================================== */
body.sedamix-artist-dashboard-page .dashboard-container {
    align-items: flex-start !important;
    gap: 24px !important;
    margin: 24px auto 110px !important;
}

body.sedamix-artist-dashboard-page .main-content,
body.sedamix-artist-dashboard-page .wallet-content {
    min-width: 0 !important;
}

body.sedamix-artist-dashboard-page #artistSidebar.sidebar {
    background: #121212 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 18px !important;
    box-shadow: none !important;
}

body.sedamix-artist-dashboard-page #artistSidebar .sidebar-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

body.sedamix-artist-dashboard-page #artistSidebar .sidebar-name {
    color: #fff !important;
}

body.sedamix-artist-dashboard-page #artistSidebar .commission-info {
    background: rgba(255, 255, 255, 0.04) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

body.sedamix-artist-dashboard-page #artistSidebar .commission-label {
    color: rgba(255, 255, 255, 0.56) !important;
}

body.sedamix-artist-dashboard-page #artistSidebar .commission-value {
    color: #00e51b !important;
}

body.sedamix-artist-dashboard-page #artistSidebar .sidebar-menu a {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 48px !important;
    border-radius: 14px !important;
    background: transparent !important;
    color: rgba(255, 255, 255, 0.84) !important;
}

body.sedamix-artist-dashboard-page #artistSidebar .sidebar-menu a i {
    color: currentColor !important;
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
}

body.sedamix-artist-dashboard-page #artistSidebar .sidebar-menu a:hover {
    background: rgba(255, 255, 255, 0.05) !important;
    color: #fff !important;
}

body.sedamix-artist-dashboard-page #artistSidebar .sidebar-menu a.active {
    background: rgba(0, 229, 27, 0.14) !important;
    box-shadow: inset 0 0 0 1px rgba(0, 229, 27, 0.22) !important;
    color: #fff !important;
}

body.sedamix-artist-dashboard-page #artistSidebar .sidebar-menu .sidebar-pill-badge,
body.sedamix-artist-dashboard-page #artistSidebar .sidebar-menu .badge.bg-gradient-purple {
    margin-inline-start: auto !important;
    padding: 4px 10px !important;
    border-radius: 999px !important;
    background: #00e51b !important;
    color: #111 !important;
    border: 0 !important;
    font-size: 10px !important;
    font-weight: 800 !important;
}

body.sedamix-artist-profile-page .profile-container {
    background: #0f0f0f !important;
    background-image: none !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    overflow: hidden !important;
}

body.sedamix-artist-profile-page .artist-stats {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}

body.sedamix-artist-profile-page .artist-stats .stat-item {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 46px !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

body.sedamix-artist-profile-page .artist-stats .stat-item > i {
    color: #00e51b !important;
    font-size: 1rem !important;
}

body.sedamix-artist-profile-page .artist-stats .stat-value,
body.sedamix-artist-profile-page .artist-stats .stat-label {
    margin: 0 !important;
    line-height: 1 !important;
}

body.sedamix-artist-profile-page .artist-stats .stat-value {
    font-size: 1.05rem !important;
}

body.sedamix-artist-profile-page .artist-stats .stat-label {
    font-size: 0.88rem !important;
    color: rgba(255, 255, 255, 0.72) !important;
}

body.sedamix-artist-tracks-page .tracks-container,
body.sedamix-artist-station-page .tracks-container {
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.sedamix-artist-tracks-page .header,
body.sedamix-artist-station-page .header {
    margin-bottom: 22px !important;
    gap: 12px !important;
}

body.sedamix-artist-tracks-page .btn-upload,
body.sedamix-artist-station-page .btn-upload,
body.sedamix-artist-tracks-page .btn-primary,
body.sedamix-artist-station-page .btn-primary,
body.sedamix-artist-statistics-page .btn-primary,
body.sedamix-wallet-page .btn-settlement {
    background: #00e51b !important;
    background-image: none !important;
    color: #111 !important;
    border: 0 !important;
    border-radius: 999px !important;
    box-shadow: none !important;
}

body.sedamix-artist-tracks-page .btn-upload:hover,
body.sedamix-artist-station-page .btn-upload:hover,
body.sedamix-artist-tracks-page .btn-primary:hover,
body.sedamix-artist-station-page .btn-primary:hover,
body.sedamix-artist-statistics-page .btn-primary:hover,
body.sedamix-wallet-page .btn-settlement:hover:not(:disabled) {
    background: #18f331 !important;
    color: #111 !important;
    transform: none !important;
    box-shadow: none !important;
}

body.sedamix-artist-tracks-page .filters,
body.sedamix-artist-station-page .stats-row .stat-card,
body.sedamix-artist-tracks-page .track-card,
body.sedamix-artist-station-page .track-card,
body.sedamix-artist-tracks-page .empty-state,
body.sedamix-artist-station-page .empty-state,
body.sedamix-artist-statistics-page .empty-state,
body.sedamix-artist-statistics-page .summary-section,
body.sedamix-artist-statistics-page .stat-card,
body.sedamix-artist-statistics-page .summary-item,
body.sedamix-wallet-page .wallet-card,
body.sedamix-wallet-page .balance-card,
body.sedamix-wallet-transactions-page .card {
    background: #121212 !important;
    background-image: none !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: none !important;
}

body.sedamix-artist-tracks-page .track-card,
body.sedamix-artist-station-page .track-card {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

body.sedamix-artist-tracks-page .track-cover,
body.sedamix-artist-station-page .track-cover {
    background: #181818 !important;
}

body.sedamix-artist-tracks-page .track-meta span,
body.sedamix-artist-station-page .track-meta span,
body.sedamix-artist-tracks-page .stat-item,
body.sedamix-artist-station-page .stat-item,
body.sedamix-wallet-page .bank-info-item,
body.sedamix-wallet-transactions-page .bg-light {
    background: rgba(255, 255, 255, 0.04) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

body.sedamix-artist-tracks-page .track-actions,
body.sedamix-artist-station-page .track-actions {
    border-inline-start: 1px solid rgba(255, 255, 255, 0.08) !important;
}

body.sedamix-artist-tracks-page .btn-secondary,
body.sedamix-artist-station-page .btn-secondary,
body.sedamix-free-old-track-upload-page .btn-secondary,
body.sedamix-wallet-page .btn.btn-secondary,
body.sedamix-wallet-transactions-page .btn.btn-secondary,
body.sedamix-wallet-transactions-page .btn-outline-secondary {
    background: rgba(255, 255, 255, 0.06) !important;
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 999px !important;
    box-shadow: none !important;
}

body.sedamix-artist-tracks-page .btn-secondary:hover,
body.sedamix-artist-station-page .btn-secondary:hover,
body.sedamix-free-old-track-upload-page .btn-secondary:hover,
body.sedamix-wallet-page .btn.btn-secondary:hover,
body.sedamix-wallet-transactions-page .btn.btn-secondary:hover,
body.sedamix-wallet-transactions-page .btn-outline-secondary:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
}

body.sedamix-artist-tracks-page .btn-danger,
body.sedamix-artist-station-page .btn-danger {
    background: rgba(255, 90, 110, 0.12) !important;
    color: #ff8ea0 !important;
    border: 1px solid rgba(255, 90, 110, 0.24) !important;
    box-shadow: none !important;
}

body.sedamix-artist-tracks-page .btn-danger:hover,
body.sedamix-artist-station-page .btn-danger:hover {
    background: rgba(255, 90, 110, 0.18) !important;
    color: #fff !important;
    transform: none !important;
    box-shadow: none !important;
}

body.sedamix-artist-tracks-page .pagination .current,
body.sedamix-artist-station-page .pagination .current {
    background: #00e51b !important;
    color: #111 !important;
    border-color: #00e51b !important;
}

body.sedamix-artist-tracks-page .pagination a:hover,
body.sedamix-artist-station-page .pagination a:hover {
    background: rgba(0, 229, 27, 0.12) !important;
    border-color: rgba(0, 229, 27, 0.26) !important;
}

body.sedamix-free-old-track-upload-page #artistSidebar.sidebar {
    background: #121212 !important;
    max-height: none !important;
    overflow: visible !important;
}

body.sedamix-free-old-track-upload-page .upload-form,
body.sedamix-free-old-track-upload-page .info-box,
body.sedamix-free-old-track-upload-page .legal-terms-section {
    background: #121212 !important;
    background-image: none !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: none !important;
}

body.sedamix-free-old-track-upload-page .info-box {
    position: relative !important;
    padding-inline-start: 24px !important;
    border-left: 0 !important;
}

body.sedamix-free-old-track-upload-page .info-box::before {
    content: '';
    position: absolute;
    inset-inline-start: 12px;
    top: 18px;
    bottom: 18px;
    width: 3px;
    border-radius: 999px;
    background: #00e51b;
}

body.sedamix-free-old-track-upload-page .info-box h6,
body.sedamix-free-old-track-upload-page .info-box h6 i {
    color: #fff !important;
}

body.sedamix-free-old-track-upload-page .info-box ul,
body.sedamix-free-old-track-upload-page .info-box li {
    color: rgba(255, 255, 255, 0.76) !important;
}

body.sedamix-free-old-track-upload-page .form-control,
body.sedamix-free-old-track-upload-page .form-select,
body.sedamix-free-old-track-upload-page .file-input-label,
body.sedamix-free-old-track-upload-page .checkbox-item,
body.sedamix-free-old-track-upload-page .legal-terms-scroll {
    background: #181818 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
}

body.sedamix-free-old-track-upload-page .file-input-label:hover,
body.sedamix-free-old-track-upload-page .checkbox-item:hover {
    background: rgba(0, 229, 27, 0.06) !important;
    border-color: rgba(0, 229, 27, 0.28) !important;
    transform: none !important;
}

body.sedamix-free-old-track-upload-page .btn-primary {
    padding-inline: 24px !important;
}

body.sedamix-free-old-track-upload-page .alert-warning,
body.sedamix-wallet-page .status-pending,
body.sedamix-wallet-page .status-verified,
body.sedamix-wallet-page .button-hint {
    background: rgba(255, 255, 255, 0.04) !important;
    color: rgba(255, 255, 255, 0.78) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

body.sedamix-free-old-track-upload-page .alert-warning,
body.sedamix-wallet-page .button-hint {
    padding: 12px 14px !important;
    border-radius: 14px !important;
}

body.sedamix-free-old-track-upload-page .alert-warning,
body.sedamix-wallet-page .button-hint i,
body.sedamix-wallet-page .status-pending i,
body.sedamix-wallet-page .status-verified i {
    color: #00e51b !important;
}

body.sedamix-artist-statistics-page .empty-state {
    border-radius: 20px !important;
    padding: 56px 24px !important;
}

body.sedamix-artist-statistics-page .btn-primary {
    padding: 14px 26px !important;
    min-height: 48px !important;
}

body.sedamix-wallet-page .balance-card {
    position: relative !important;
    overflow: hidden !important;
}

body.sedamix-wallet-page .balance-card::before {
    content: '';
    position: absolute;
    inset: 0 auto auto 0;
    width: 100%;
    height: 3px;
    background: #00e51b;
}

body.sedamix-wallet-page .balance-card-primary,
body.sedamix-wallet-page .balance-card-warning,
body.sedamix-wallet-page .balance-card-success {
    background: #121212 !important;
}

body.sedamix-wallet-page .balance-card-header,
body.sedamix-wallet-page .wallet-header p,
body.sedamix-wallet-page .bank-info-item .label,
body.sedamix-wallet-page .stat-label,
body.sedamix-wallet-transactions-page .text-muted,
body.sedamix-wallet-transactions-page .form-label {
    color: rgba(255, 255, 255, 0.62) !important;
}

body.sedamix-wallet-page .balance-card-amount,
body.sedamix-wallet-page .wallet-card-header h3,
body.sedamix-wallet-page .bank-info-item .value,
body.sedamix-wallet-page .stat-value,
body.sedamix-wallet-transactions-page h4,
body.sedamix-wallet-transactions-page h6,
body.sedamix-wallet-transactions-page td,
body.sedamix-wallet-transactions-page th,
body.sedamix-wallet-transactions-page .card-body {
    color: #fff !important;
}

body.sedamix-wallet-page .bank-info-grid {
    gap: 14px !important;
}

body.sedamix-wallet-page .bank-info-item {
    padding: 14px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 14px !important;
}

body.sedamix-wallet-page .button-hint {
    width: 100% !important;
    align-items: flex-start !important;
    gap: 8px !important;
    line-height: 1.6 !important;
    margin-top: 14px !important;
}

body.sedamix-wallet-page .transactions-table .table-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
}

body.sedamix-wallet-page .table-header,
body.sedamix-wallet-page .table-row {
    grid-template-columns: minmax(100px, 120px) minmax(90px, 110px) minmax(100px, 130px) minmax(110px, 140px) minmax(160px, 1fr) !important;
}

body.sedamix-wallet-page .tx-settlement,
body.sedamix-wallet-transactions-page .badge.bg-primary,
body.sedamix-wallet-transactions-page .badge.bg-info,
body.sedamix-wallet-transactions-page .badge.bg-warning,
body.sedamix-wallet-transactions-page .badge.bg-secondary,
body.sedamix-wallet-transactions-page .badge.bg-success {
    background: rgba(0, 229, 27, 0.12) !important;
    color: #9dffab !important;
    border: 1px solid rgba(0, 229, 27, 0.18) !important;
}

body.sedamix-wallet-transactions-page .main-content {
    padding: 20px !important;
}

body.sedamix-wallet-transactions-page .card-header {
    background: transparent !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

body.sedamix-wallet-transactions-page .row.mb-4 > [class*="col-"] > div {
    border-radius: 16px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    background: #181818 !important;
}

body.sedamix-wallet-transactions-page .text-primary,
body.sedamix-wallet-transactions-page .text-warning,
body.sedamix-wallet-transactions-page .text-success {
    color: #00e51b !important;
}

body.sedamix-wallet-transactions-page .form-select {
    background: #181818 !important;
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 12px !important;
}

body.sedamix-wallet-transactions-page .table-responsive {
    overflow: hidden !important;
    border-radius: 16px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    background: #121212 !important;
}

body.sedamix-wallet-transactions-page table.table {
    margin-bottom: 0 !important;
}

body.sedamix-wallet-transactions-page thead th {
    background: #171717 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    padding: 14px 16px !important;
}

body.sedamix-wallet-transactions-page tbody td {
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    padding: 14px 16px !important;
}

body.sedamix-wallet-transactions-page .alert.alert-info {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: rgba(255, 255, 255, 0.78) !important;
}

@media (max-width: 991.98px) {
    body.sedamix-artist-dashboard-page .dashboard-container {
        gap: 16px !important;
        margin-bottom: 150px !important;
    }

    body.sedamix-artist-profile-page .artist-stats {
        justify-content: center !important;
    }

    body.sedamix-artist-profile-page .artist-stats .stat-item {
        min-width: 0 !important;
    }

    body.sedamix-wallet-page .table-header,
    body.sedamix-wallet-page .table-row {
        min-width: 700px !important;
    }
}

@media (max-width: 575.98px) {
    body.sedamix-artist-profile-page .artist-stats .stat-item {
        padding: 0 12px !important;
        min-height: 42px !important;
    }

    body.sedamix-artist-tracks-page .btn-upload,
    body.sedamix-artist-station-page .btn-upload,
    body.sedamix-artist-statistics-page .btn-primary,
    body.sedamix-wallet-page .btn-settlement,
    body.sedamix-wallet-page .btn.btn-secondary {
        width: 100% !important;
        justify-content: center !important;
    }

    body.sedamix-wallet-transactions-page .card-header {
        gap: 12px !important;
        flex-wrap: wrap !important;
    }
}


/* ===============================================
   Sedamix V8 - final Spotify spacing/player cleanup
   =============================================== */

/* Sticky player: flatter Spotify style, remove oversized circles */
#stickyPlayer.playbar-three {
    border-radius: 0 !important;
    min-height: 78px !important;
    background: rgba(15,15,15,.86) !important;
    border-top: 1px solid rgba(255,255,255,.08) !important;
    backdrop-filter: blur(22px) !important;
}

#stickyPlayer .sticky-player-shell {
    min-height: 78px !important;
    padding: 10px 18px !important;
}

#stickyPlayer .transport-btn {
    width: 34px !important;
    height: 34px !important;
    border-radius: 50% !important;
    background: transparent !important;
    border-color: transparent !important;
    color: rgba(255,255,255,.75) !important;
}

#stickyPlayer .transport-btn:hover {
    background: rgba(255,255,255,.08) !important;
}

#stickyPlayer #play-pause-btn.transport-btn-primary {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    background: #fff !important;
    color: #111 !important;
    box-shadow: none !important;
    transform: none !important;
}

#stickyPlayer .volume-control {
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    min-height: auto !important;
}

#stickyPlayer .sticky-volume-control {
    width: 100px !important;
}

#stickyPlayer .sticky-player-time {
    color: rgba(255,255,255,.65) !important;
}

/* Track detail: keep artwork and information side by side */
body.sedamix-track-detail-page .track-header-section {
    display: grid !important;
    grid-template-columns: minmax(280px, 420px) minmax(0, 1fr) !important;
    align-items: center !important;
    gap: clamp(30px, 5vw, 80px) !important;
    min-height: 430px !important;
}

body.sedamix-track-detail-page .track-cover-wrapper {
    margin: 0 !important;
}

body.sedamix-track-detail-page .track-cover-img {
    width: min(420px, 100%) !important;
    aspect-ratio: 1 !important;
}

body.sedamix-track-detail-page .track-info-wrapper {
    align-self: center !important;
    text-align: start !important;
}

body.sedamix-track-detail-page .track-title {
    margin-bottom: 12px !important;
}

body.sedamix-track-detail-page .track-actions {
    margin-top: 24px !important;
}

body.sedamix-track-detail-page .track-actions .track-purchase-btn,
body.sedamix-track-detail-page .track-actions .btn-primary {
    background: #00e51b !important;
    color: #111 !important;
    border-radius: 999px !important;
}

/* All main page shells use the exact same width/gutters. */
.container,
.profile-container,
.track-container,
.dashboard-container,
.tracks-container,
.artist-container,
.artists-page-container,
.albums-container,
.playlists-container,
.search-page-container,
.explore-container,
.gift-explore-container,
.album-container,
.playlist-container,
.playlist-detail-container {
    width: 100% !important;
    max-width: calc(var(--site-content-max, 1320px) + var(--site-page-gutter, 32px) + var(--site-page-gutter, 32px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: var(--site-page-gutter, 32px) !important;
    padding-right: var(--site-page-gutter, 32px) !important;
    box-sizing: border-box !important;
}

body.sedamix-track-detail-page .track-container,
body.sedamix-artist-profile-page .profile-container,
body.sedamix-artist-dashboard-page .dashboard-container {
    width: 100% !important;
    max-width: calc(var(--site-content-max, 1320px) + var(--site-page-gutter, 32px) + var(--site-page-gutter, 32px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Keep nested dashboard/workspace content behavior unchanged. */
.wallet-content,
.main-content {
    max-width: 1320px !important;
}

@media(max-width: 991px){
    body.sedamix-track-detail-page .track-header-section {
        display:flex !important;
        flex-direction:column !important;
        gap:24px !important;
        min-height:0 !important;
    }

    body.sedamix-track-detail-page .track-info-wrapper {
        text-align:center !important;
    }
}

/* V9 HARD OVERRIDE: remove remaining legacy purple/orange artist UI */
.btn-upload,
body.sedamix-artist-tracks-page .btn-upload,
body.sedamix-artist-station-page .btn-upload,
body.sedamix-artist-tracks-page a.btn-upload,
body.sedamix-artist-station-page a.btn-upload {
    background: #00e51b !important;
    background-image: none !important;
    color: #121212 !important;
    border-radius: 999px !important;
    border: 0 !important;
    box-shadow: none !important;
}

.btn-upload:hover,
body.sedamix-artist-tracks-page .btn-upload:hover,
body.sedamix-artist-station-page .btn-upload:hover {
    background: #18f331 !important;
    color: #121212 !important;
}

.profile-container,
body.sedamix-artist-profile-page .profile-container,
body.sedamix-artist-profile-page .artist-profile-shell {
    background: #0f0f0f !important;
    background-image: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
    border: 1px solid rgba(255,255,255,.08) !important;
}

body.sedamix-artist-profile-page .artist-stats {
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:12px !important;
}

body.sedamix-artist-profile-page .stat-item {
    flex-direction:row !important;
    align-items:center !important;
    min-height:42px !important;
    padding:0 16px !important;
}

body.sedamix-artist-tracks-page .btn-primary,
body.sedamix-artist-station-page .btn-primary {
    background:#00e51b !important;
    color:#121212 !important;
}

body.sedamix-artist-tracks-page .track-card,
body.sedamix-artist-station-page .track-card {
    background:#121212 !important;
    background-image:none !important;
}

body.sedamix-free-old-track-upload-page #artistSidebar.sidebar,
body.sedamix-free-old-track-upload-page .upload-form,
body.sedamix-free-old-track-upload-page .info-box {
    background:#121212 !important;
    background-image:none !important;
}

body.sedamix-free-old-track-upload-page .info-box {
    border:1px solid rgba(255,255,255,.08) !important;
}

body.sedamix-free-old-track-upload-page .info-box::before {
    background:#00e51b !important;
}

body.sedamix-artist-statistics-page .btn-primary {
    background:#00e51b !important;
    color:#121212 !important;
    border-radius:999px !important;
}

body.sedamix-wallet-page .button-hint,
body.sedamix-wallet-page .status-pending,
body.sedamix-wallet-page .status-verified {
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    padding:14px 18px !important;
    min-height:48px !important;
    background:#181818 !important;
    border-radius:14px !important;
}

body.sedamix-wallet-transactions-page .card,
body.sedamix-wallet-transactions-page .card-header,
body.sedamix-wallet-transactions-page .card-body {
    background:#121212 !important;
    border-color:rgba(255,255,255,.08) !important;
}

/* Spotify-like sticky player */
#stickyPlayer.playbar-three {
    min-height:72px !important;
    background:rgba(18,18,18,.88) !important;
    border-top:1px solid rgba(255,255,255,.08) !important;
    box-shadow:0 -8px 24px rgba(0,0,0,.35) !important;
}

#stickyPlayer .transport-btn {
    width:34px !important;
    height:34px !important;
    border:0 !important;
    background:transparent !important;
    color:rgba(255,255,255,.75) !important;
}

#stickyPlayer #play-pause-btn.transport-btn-primary {
    width:40px !important;
    height:40px !important;
    border-radius:50% !important;
    background:#fff !important;
    color:#111 !important;
    box-shadow:none !important;
}

#stickyPlayer .volume-control {
    border:0 !important;
    background:transparent !important;
    padding:0 !important;
}

#stickyPlayer .sticky-volume-control {
    width:90px !important;
}

/* Final width guard: keep late Spotify rules from narrowing selected pages. */
.container,
.profile-container,
.track-container,
.dashboard-container,
.tracks-container,
.artist-container,
.artists-page-container,
.albums-container,
.playlists-container,
.search-page-container,
.explore-container,
.gift-explore-container,
.album-container,
.playlist-container,
.playlist-detail-container {
    width: 100% !important;
    max-width: calc(var(--site-content-max, 1320px) + var(--site-page-gutter, 32px) + var(--site-page-gutter, 32px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: var(--site-page-gutter, 32px) !important;
    padding-right: var(--site-page-gutter, 32px) !important;
    box-sizing: border-box !important;
}

/* Keep nested dashboard/workspace content behavior unchanged. */
.wallet-content,
.main-content {
    max-width: 1320px !important;
}

@media (max-width: 767.98px) {
    .container,
    .profile-container,
    .track-container,
    .dashboard-container,
    .tracks-container,
    .artist-container,
    .artists-page-container,
    .albums-container,
    .playlists-container,
    .search-page-container,
    .explore-container,
    .gift-explore-container,
    .album-container,
    .playlist-container,
    .playlist-detail-container {
        padding-left: var(--site-page-gutter, 14px) !important;
        padding-right: var(--site-page-gutter, 14px) !important;
    }
}

/* =========================================================
   Exact public page shell
   These pages had legacy, higher-specificity width rules.
   Keep their outer edges identical to the standard site .container.
   ========================================================= */
body .site-public-shell.site-public-shell {
    width: 100% !important;
    max-width: calc(
        var(--site-content-max, 1320px)
        + var(--site-page-gutter, 32px)
        + var(--site-page-gutter, 32px)
    ) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: var(--site-page-gutter, 32px) !important;
    padding-right: var(--site-page-gutter, 32px) !important;
    box-sizing: border-box !important;
}



/* V15: neutral native selects + responsive custom-label upload. */
select,
select.form-control,
select.form-select,
.filter-select {
    color-scheme: dark !important;
}

select option,
select.form-control option,
select.form-select option,
.form-select option,
.filter-select option {
    background: #121212 !important;
    background-color: #121212 !important;
    color: #fff !important;
}

select option:checked,
select.form-control option:checked,
select.form-select option:checked,
.form-select option:checked,
.filter-select option:checked {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #fff !important;
}

select option:hover,
select.form-control option:hover,
select.form-select option:hover,
.form-select option:hover,
.filter-select option:hover {
    background: #2a2a2a !important;
    background-color: #2a2a2a !important;
    color: #fff !important;
}

body.sedamix-artist-label-upload-page .dashboard-container,
body.sedamix-artist-label-upload-page .dashboard-container > .container,
body.sedamix-artist-label-upload-page .dashboard-container > .container > .row,
body.sedamix-artist-label-upload-page .dashboard-container > .container > .row > [class*="col-"] {
    min-width: 0 !important;
    box-sizing: border-box !important;
}

body.sedamix-artist-label-upload-page .content-card,
body.sedamix-artist-label-upload-page .purchase-summary,
body.sedamix-artist-label-upload-page .customer-request,
body.sedamix-artist-label-upload-page .upload-section,
body.sedamix-artist-label-upload-page .custom-audio-player,
body.sedamix-artist-label-upload-page .alert,
body.sedamix-artist-label-upload-page .track-info,
body.sedamix-artist-label-upload-page .track-info-compact {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

body.sedamix-artist-label-upload-page .content-card,
body.sedamix-artist-label-upload-page .customer-request,
body.sedamix-artist-label-upload-page .alert,
body.sedamix-artist-label-upload-page .generation-error-text,
body.sedamix-artist-label-upload-page .request-text {
    overflow-wrap: anywhere !important;
    word-break: break-word;
}

body.sedamix-artist-label-upload-page .generation-error-text {
    max-width: 100%;
    margin-top: 10px;
    color: #ffb4a8;
    font-size: 13px;
    direction: ltr;
    text-align: left;
    white-space: pre-wrap;
}

body.sedamix-artist-label-upload-page .feedback-item-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
    min-width: 0;
}

body.sedamix-artist-label-upload-page .file-input,
body.sedamix-artist-label-upload-page input[type="file"] {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

body.sedamix-artist-label-upload-page .progress-container,
body.sedamix-artist-label-upload-page .progress-bar-wrapper,
body.sedamix-artist-label-upload-page .progress-bar-bg {
    min-width: 0 !important;
    max-width: 100% !important;
}

@media (max-width: 991.98px) {
    body.sedamix-artist-label-upload-page .dashboard-container {
        display: block !important;
        width: 100% !important;
        padding-inline: var(--site-page-gutter, 16px) !important;
    }

    body.sedamix-artist-label-upload-page .dashboard-container > .container > .row {
        display: block !important;
        margin: 0 !important;
    }

    body.sedamix-artist-label-upload-page .dashboard-container > .container > .row > .col-lg-3,
    body.sedamix-artist-label-upload-page .dashboard-container > .container > .row > .col-lg-9 {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    body.sedamix-artist-label-upload-page .content-card {
        width: 100% !important;
        padding: clamp(16px, 3.5vw, 24px) !important;
        border-radius: 16px !important;
        overflow: hidden;
    }

    body.sedamix-artist-label-upload-page .page-header h1 {
        max-width: 100%;
        font-size: clamp(20px, 5vw, 27px) !important;
        line-height: 1.35 !important;
        flex-wrap: wrap;
    }

    body.sedamix-artist-label-upload-page .alert > div {
        min-width: 0;
        max-width: 100%;
    }

    body.sedamix-artist-label-upload-page .form-actions > .btn {
        min-width: 0 !important;
    }
}

@media (max-width: 767.98px) {
    body.sedamix-artist-label-upload-page .purchase-summary,
    body.sedamix-artist-label-upload-page .customer-request,
    body.sedamix-artist-label-upload-page .upload-section {
        padding: 16px !important;
    }

    body.sedamix-artist-label-upload-page .summary-header {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
    }

    body.sedamix-artist-label-upload-page .summary-details {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.sedamix-artist-label-upload-page .detail-item {
        min-width: 0;
        flex-direction: column !important;
        align-items: flex-start;
        gap: 4px;
    }

    body.sedamix-artist-label-upload-page .alert {
        align-items: flex-start !important;
        padding: 13px 14px !important;
    }

    body.sedamix-artist-label-upload-page .feedback-item-header {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }

    body.sedamix-artist-label-upload-page .custom-audio-player {
        padding: 14px !important;
    }

    body.sedamix-artist-label-upload-page .progress-container {
        gap: 7px !important;
    }

    body.sedamix-artist-label-upload-page .time-display {
        min-width: 32px !important;
        font-size: 11px !important;
    }

    body.sedamix-artist-label-upload-page .file-input,
    body.sedamix-artist-label-upload-page input[type="file"] {
        padding: 12px !important;
        font-size: 16px !important;
    }

    body.sedamix-artist-label-upload-page .form-actions {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
    }

    body.sedamix-artist-label-upload-page .form-actions > .btn {
        width: 100% !important;
        max-width: 100% !important;
        flex: 1 1 auto !important;
        margin: 0 !important;
    }
}

@media (max-width: 479.98px) {
    body.sedamix-artist-label-upload-page .content-card {
        padding: 13px !important;
        border-radius: 14px !important;
    }

    body.sedamix-artist-label-upload-page .purchase-summary,
    body.sedamix-artist-label-upload-page .customer-request,
    body.sedamix-artist-label-upload-page .upload-section {
        padding: 13px !important;
    }

    body.sedamix-artist-label-upload-page .page-header {
        margin-bottom: 20px !important;
        padding-bottom: 15px !important;
    }

    body.sedamix-artist-label-upload-page .page-header h1 {
        font-size: 20px !important;
        gap: 8px !important;
    }

    body.sedamix-artist-label-upload-page .custom-audio-player .player-controls {
        flex-direction: row !important;
        align-items: center !important;
        text-align: start !important;
    }

    body.sedamix-artist-label-upload-page .custom-audio-player .play-pause-btn {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;
        flex: 0 0 44px !important;
        border-radius: 50% !important;
        padding: 0 !important;
    }

    body.sedamix-artist-label-upload-page .custom-audio-player .track-info-compact {
        text-align: start !important;
    }
}


/* Header links that include icons must share the exact same text baseline. */
#navbar .navbar-nav .nav-link.nav-link-with-icon,
.mobile-navbar-area .nav-link.nav-link-with-icon {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

#navbar .navbar-nav .nav-link.nav-link-with-icon > i,
.mobile-navbar-area .nav-link.nav-link-with-icon > i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    vertical-align: middle !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

#navbar .navbar-nav .nav-link.nav-link-with-icon > span,
.mobile-navbar-area .nav-link.nav-link-with-icon > span {
    display: inline-flex !important;
    align-items: center !important;
    line-height: inherit !important;
}