/* =========================================================
   MIXDUNIA COMPATIBILITY THEME
   Shared by homepage, file/download, category, artist, search,
   latest, top, related and legal pages.
========================================================= */
html,body{margin:0!important;padding:0!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important;background:var(--bd-body-bg,#fff)!important;color:#111!important;font-family:Arial,Helvetica,sans-serif!important}
*,*:before,*:after{box-sizing:border-box}
a{color:var(--bd-link,#0000cc)}

/* shared section heading used across all page types */
.mix-home-title,.latest-header,.top-header,.top20-title,.az-head h1,.section-title,.download-view-label{background:var(--bd-accent,#3d20cf)!important;color:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important}

/* homepage */
.mix-home{width:100%!important;background:#fff!important}
.mix-home-title{padding:5px 8px!important;font-size:13px!important;line-height:18px!important;text-align:center!important}
.mix-pill-wrap{padding:7px 5px 8px!important;gap:5px!important}
.mix-pill{font-size:9px!important;padding:6px 12px!important;border-radius:18px!important}
.mix-featured{display:block!important;padding:0!important}
.mix-featured a{display:flex!important;align-items:center!important;min-height:76px!important;padding:12px 8px!important;border:0!important;border-bottom:1px solid #ddd!important;border-radius:0!important;background:#fff!important;font-size:12px!important}
.mix-featured a:before{content:'⬇';width:68px;height:68px;display:inline-flex;align-items:center;justify-content:center;margin-right:8px;background:#eee;border:1px solid #aaa;border-radius:4px;color:#777;font-size:22px}
.mix-song{min-height:72px!important;padding:8px!important;border-bottom:1px solid #ddd!important;font-size:12px!important;font-weight:700!important}
.mix-song img{width:74px!important;height:74px!important;flex-basis:74px!important;border-radius:4px!important;border:1px solid #999!important}
.mix-song .song-name{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:17px!important}
.mix-cat-row,.mix-service-row{min-height:44px!important;padding:9px!important;border-bottom:1px solid #ddd!important;font-size:12px!important}
.mix-letters{background:#c9c6ff!important;padding:9px 5px!important}
.mix-letters a{min-width:22px!important;height:25px!important}
.mix-queries{padding:8px 10px 15px!important;text-align:center!important;background:#fff!important;color:#111!important;font-size:11px!important;line-height:20px!important}
.mix-queries strong{display:block;background:var(--bd-accent,#3d20cf);color:#fff;padding:5px;margin:-8px -10px 8px}

/* generic page width */
.latest-page,.top-page,.top20-section,.az-page,.rm-page,.search-container-box,.download-view-page,.app-shell{width:100%!important;max-width:none!important;margin:0!important;padding-left:0!important;padding-right:0!important;background:#fff!important}

/* latest / top / top20 */
.latest-header,.top-header,.top20-title{padding:6px 8px!important;margin:0!important;text-align:center!important;font-size:13px!important;font-weight:800!important;line-height:18px!important}
.latest-container,.top20-list{width:100%!important}
.latest-card,.top-card,.top20-item{display:flex!important;align-items:center!important;width:100%!important;min-height:76px!important;margin:0!important;padding:8px!important;border:0!important;border-bottom:1px solid #ddd!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
.latest-card:hover,.top-card:hover,.top20-item:hover{transform:none!important;background:#fafafa!important}
.latest-thumb,.top-thumb{width:74px!important;height:74px!important;flex:0 0 74px!important;border-radius:4px!important;border:1px solid #aaa!important;object-fit:cover!important}
.latest-info,.top-info,.top20-info{padding-left:8px!important;min-width:0!important;flex:1!important}
.latest-name,.top-name,.top20-name{color:var(--bd-link,#0000cc)!important;font-size:12px!important;font-weight:700!important;line-height:17px!important;display:block!important}
.latest-meta,.top-meta,.top20-meta{color:#555!important;font-size:10px!important;margin-top:2px!important}
.latest-arrow,.top-arrow,.top20-arrow{color:#888!important}
.top20-tabs,.top-nav{display:flex!important;justify-content:center!important;gap:3px!important;flex-wrap:wrap!important;padding:6px!important;background:#555!important}
.top20-tab,.top-nav a{background:#fff!important;color:var(--bd-link,#0000cc)!important;border:1px solid #aaa!important;border-radius:2px!important;padding:4px 8px!important;font-size:11px!important}
.top20-tab.active,.top-nav a.active{background:#eee!important;color:#111!important}
.top20-number,.rank-badge{min-width:28px!important;color:#111!important;font-size:14px!important;font-weight:800!important}

/* A-Z artist */
.az-head{padding:0!important;background:#fff!important}
.az-head h1{margin:0!important;padding:6px 8px!important;font-size:13px!important;line-height:18px!important}
.az-head p{display:none!important}
.az-wrapper{padding:6px!important;background:#c9c6ff!important}
.az-links{display:flex!important;justify-content:center!important;flex-wrap:wrap!important;gap:3px!important}
.az-links a,.az-all{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:22px!important;height:25px!important;padding:0 6px!important;background:#fff!important;border:1px solid #777!important;border-radius:2px!important;color:var(--bd-link,#0000cc)!important;font-size:11px!important;font-weight:700!important;text-decoration:none!important}
.az-links a.active{background:#ff9d00!important;color:#fff!important}
.artist-grid{display:block!important}
.artist-card{display:flex!important;align-items:center!important;width:100%!important;min-height:90px!important;padding:8px!important;border:0!important;border-bottom:1px solid #ddd!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
.artist-thumb{width:74px!important;height:74px!important;flex:0 0 74px!important;border-radius:5px!important;border:1px solid #888!important;object-fit:cover!important}
.artist-name{color:var(--bd-link,#0000cc)!important;font-size:12px!important;font-weight:700!important;padding-left:8px!important}
.artist-meta{color:#555!important;font-size:10px!important;padding-left:8px!important;margin-top:3px!important}
.az-count{padding:7px 8px!important;text-align:center!important;background:#eee!important;color:#333!important;font-size:11px!important}
.az-pagination{display:flex!important;justify-content:center!important;gap:4px!important;padding:8px!important;background:#eee!important}
.az-pagination a,.az-pagination span{padding:3px 7px!important;border:1px solid #777!important;background:#fff!important;color:#00c!important;font-size:11px!important}

/* remixer profile */
.rm-hero{display:flex!important;align-items:center!important;padding:9px!important;border-bottom:1px solid #ddd!important;background:#fff!important}
.rm-hero img{width:74px!important;height:74px!important;object-fit:cover!important;border-radius:4px!important;border:1px solid #888!important}
.rm-hero h1{font-size:16px!important;color:var(--bd-link,#0000cc)!important;margin:0 0 3px 9px!important}
.rm-hero p{font-size:10px!important;color:#555!important;margin:0 0 0 9px!important}
.rm-file{display:flex!important;align-items:center!important;padding:8px!important;min-height:78px!important;border-bottom:1px solid #ddd!important;background:#fff!important;text-decoration:none!important}
.rm-file img{width:74px!important;height:74px!important;object-fit:cover!important;border-radius:4px!important;border:1px solid #888!important}
.rm-file b{display:block!important;margin-left:8px!important;color:var(--bd-link,#0000cc)!important;font-size:12px!important;line-height:17px!important}
.rm-file span{display:block!important;margin-left:8px!important;color:#555!important;font-size:10px!important;margin-top:2px!important}

/* search */
.search-container-box{max-width:none!important;margin:0!important;padding:12px 8px!important;background:#f7f7f7!important;border-bottom:1px solid #ddd!important}
.search-input-wrapper{max-width:520px!important;margin:auto!important;border:1px solid var(--bd-accent)!important;border-radius:22px!important;padding:0!important;overflow:hidden!important;background:#fff!important;box-shadow:none!important}
.search-input-wrapper input{height:36px!important;padding:0 12px!important;font-size:12px!important}
.modern-btn-primary{height:36px!important;padding:0 15px!important;border-radius:0!important;background:var(--bd-search-btn)!important;font-size:12px!important}
.modern-hero-header{padding:0!important}
.modern-hero-header h1{background:var(--bd-accent)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;margin:0!important;padding:6px!important;font-size:13px!important}
.modern-hero-header p{display:none!important}
.modern-file-grid{display:block!important}
.modern-card{display:flex!important;align-items:center!important;min-height:78px!important;padding:8px!important;margin:0!important;border:0!important;border-bottom:1px solid #ddd!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
.card-thumb-zone{width:74px!important;flex:0 0 74px!important}
.card-thumb-zone img{width:74px!important;height:74px!important;object-fit:cover!important;border-radius:4px!important;border:1px solid #888!important}
.card-info-zone{padding-left:8px!important;min-width:0!important}
.card-title{color:var(--bd-link,#0000cc)!important;font-size:12px!important;font-weight:700!important;line-height:17px!important}
.card-meta-flex{color:#555!important;font-size:10px!important;margin-top:2px!important}

/* file detail / download page */
.app-shell{padding:0!important}
.page-header{display:none!important}
.player-card{border:0!important;box-shadow:none!important;padding:10px 8px 20px!important;background:#fff!important}
.album-area{width:210px!important;margin:0 auto 10px!important}
.album-inner{border:1px solid #aaa!important;border-radius:4px!important;box-shadow:none!important}
.track-folder{background:var(--bd-accent)!important;border-radius:2px!important;font-size:10px!important;padding:4px 9px!important}
.track-title{font-size:14px!important;color:var(--bd-link,#0000cc)!important;margin-top:7px!important}
.seek-area{margin-top:10px!important}
.transport{margin:10px 0!important}
.file-info-row{max-width:420px!important;margin:0 auto!important;display:block!important}
.file-info-box{display:flex!important;justify-content:center!important;gap:8px!important;min-width:0!important;padding:5px 8px!important;border:0!important;background:#fff!important;box-shadow:none!important}
.file-info-label{font-size:10px!important;color:#555!important}
.file-info-value{font-size:11px!important;color:#111!important}
.download-btn{max-width:340px!important;margin:10px auto!important;border-radius:3px!important;background:#eee!important;border:1px solid #bbb!important;box-shadow:none!important;color:#111!important}
.download-btn:hover{transform:none!important}
.section-title{display:block!important;width:100%!important;padding:6px 8px!important;margin:8px 0 0!important;text-align:center!important;font-size:13px!important;line-height:18px!important}
.section-title small{display:none!important}
.share-card{border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;padding:8px!important}
.related-list{background:#fff!important}
.mini-stub{min-height:78px!important;margin:0!important;padding:8px!important;border:0!important;border-bottom:1px solid #ddd!important;border-radius:0!important;box-shadow:none!important}
.mini-stub img{width:68px!important;height:68px!important;flex-basis:68px!important;border-radius:4px!important;border:1px solid #888!important}

/* download.php */
.download-view-page{padding:0!important}
.download-view-card{width:100%!important;max-width:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important}
.download-view-top{background:var(--bd-accent)!important;color:#fff!important;border-radius:0!important;padding:6px 8px!important}
.download-file-title{font-size:15px!important;color:var(--bd-link,#0000cc)!important;line-height:19px!important}
.download-file-icon{width:210px!important;height:210px!important;margin:10px auto!important;border:1px solid #aaa!important;border-radius:4px!important;background:#eee!important}
.download-file-meta{display:flex!important;justify-content:center!important;flex-wrap:wrap!important;gap:5px!important}
.download-meta{font-size:10px!important;padding:4px 7px!important;background:#eee!important;border:1px solid #ddd!important;border-radius:2px!important}
.download-actions{display:flex!important;justify-content:center!important;gap:6px!important;flex-wrap:wrap!important}
.download-main-btn,.download-home-btn{border-radius:3px!important;box-shadow:none!important;padding:8px 14px!important}

/* legal */
.mix-legal-page{width:100%;background:#fff}.mix-legal-card{padding:10px 8px 16px;color:#222;font-size:12px;line-height:1.7}.mix-legal-card h2{margin:10px -8px 7px;padding:6px 8px;background:var(--bd-accent);color:#fff;font-size:13px;text-align:center}.mix-legal-card li{margin-bottom:5px}.mix-legal-card p{margin:7px 0}.mix-legal-home{text-align:center;margin-top:15px}.mix-legal-home a{display:inline-block;padding:7px 14px;background:var(--bd-button);color:#fff!important;text-decoration:none;border-radius:3px;font-weight:800}

/* responsive */
@media(max-width:600px){
 .mix-pill{font-size:8px!important;padding:6px 9px!important}
 .mix-song{font-size:11px!important;min-height:65px!important}
 .mix-song img{width:58px!important;height:58px!important;flex-basis:58px!important}
 .latest-card,.top-card,.top20-item,.artist-card{min-height:72px!important}
 .latest-thumb,.top-thumb,.artist-thumb{width:62px!important;height:62px!important;flex-basis:62px!important}
 .latest-name,.top-name,.top20-name,.artist-name,.rm-file b,.card-title{font-size:11px!important;line-height:16px!important}
 .album-area,.download-file-icon{width:185px!important;height:185px!important}
 .track-title,.download-file-title{font-size:13px!important}
}

/* =========================================================
   EXACT MIXDUNIA LEGACY LIST / CATEGORY COMPATIBILITY
========================================================= */
#category{margin:0!important;background:#fff!important}
#category h2.SmServerHost-4{min-height:28px!important;height:auto!important;padding:5px 8px!important;background:var(--bd-category,#3d20cf)!important;color:#fff!important;font-size:13px!important;line-height:18px!important;font-weight:800!important;text-align:center!important}
.app-brand-card,.app-upload-banner{display:none!important}
.sort-scroll-tabs-container{padding:5px 4px!important;gap:3px!important;background:#fff!important}
.sort-scroll-tabs-container a{padding:4px 8px!important;border:1px solid #999!important;border-radius:2px!important;background:#fff!important;color:var(--bd-link,#0000cc)!important;font-size:11px!important;font-weight:700!important}
.folder-list-wrapper,.custom-list-wrapper{gap:0!important;background:#fff!important}
.folder-row-card{min-height:45px!important;height:auto!important;padding:8px!important;gap:7px!important;border:0!important;border-bottom:1px solid #ddd!important;border-radius:0!important;box-shadow:none!important;background:#fff!important}
.folder-avatar-box{width:auto!important;height:auto!important;background:none!important;color:var(--bd-category,#3d20cf)!important;border-radius:0!important;font-size:12px!important}
.folder-row-card .file-name-neon{color:var(--bd-link,#0000cc)!important;font-size:12px!important;font-weight:700!important;white-space:normal!important;overflow:visible!important}
.folder-count-badge{padding:0!important;border:0!important;background:none!important;color:var(--bd-link,#0000cc)!important;font-size:11px!important}
.folder-arrow{width:20px!important;height:20px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#888!important;color:#fff!important;border-radius:3px!important}
.item-card{min-height:90px!important;height:auto!important;padding:8px!important;border:0!important;border-bottom:1px solid #ddd!important;border-radius:0!important;box-shadow:none!important;background:#fff!important}
.file-thumb-neon{width:74px!important;height:74px!important;flex:0 0 74px!important;margin-right:8px!important;border:1px solid #888!important;border-radius:5px!important;object-fit:cover!important}
.item-card .file-info-neon{min-width:0!important;flex:1!important}
.item-card .file-name-neon{color:var(--bd-link,#0000cc)!important;font-size:12px!important;line-height:17px!important;font-weight:700!important;white-space:normal!important;overflow:visible!important}
.item-card .file-meta-row{margin-top:2px!important}
.item-card .meta-pill-badge{padding:0!important;border:0!important;background:none!important;color:#555!important;font-size:10px!important;font-weight:400!important}
.item-card .play-neon-btn{display:none!important}
.custom-pagination{display:flex!important;justify-content:center!important;gap:4px!important;padding:7px!important;background:#eee!important}
.custom-pagination a,.custom-pagination span{padding:3px 7px!important;border:1px solid #777!important;background:#fff!important;color:var(--bd-link,#0000cc)!important;border-radius:2px!important;font-size:11px!important}
.breadcrumb-box,.modern-breadcrumbs{padding:7px 8px!important;background:#eee!important;border:0!important;color:var(--bd-link,#0000cc)!important;font-size:11px!important}
.tag-holder-box{padding:8px!important;background:#eee!important;border:1px solid #ccc!important;color:#111!important;font-size:10px!important;line-height:18px!important}

/* New update / legacy update list */
.update-wrapper{width:100%!important;background:#fff!important;padding:0!important}
.update-header{background:var(--bd-latest,#3d20cf)!important;color:#fff!important;padding:6px 8px!important;text-align:center!important;font-size:13px!important;line-height:18px!important;font-weight:800!important}
.update-item{display:block!important;width:100%!important;padding:7px 8px!important;border:0!important;border-bottom:1px solid #ddd!important;background:#fff!important;color:var(--bd-link,#0000cc)!important;font-size:12px!important;line-height:18px!important}
.update-folder{display:inline-block!important;padding:0 5px!important;border-radius:8px!important;background:#111!important;color:#fff!important;font-size:10px!important}
.update-song-title{color:var(--bd-link,#0000cc)!important;font-weight:700!important}
.update-date{color:#777!important;font-size:11px!important}
.more-updates-wrap{padding:6px 8px!important;background:#fff!important}

/* Top 21 screenshot */
.top20-section{background:#fff!important}
.top20-title{background:var(--bd-accent,#3d20cf)!important;color:#fff!important;padding:6px 8px!important;font-size:13px!important}
.top20-tabs{background:#555!important;padding:6px!important}
.top20-tab{padding:4px 8px!important;border:1px solid #aaa!important;border-radius:2px!important;font-size:11px!important}
.top20-item{min-height:78px!important;padding:8px!important;border-bottom:1px solid #ddd!important}
.top20-icon{width:74px!important;height:74px!important;flex:0 0 74px!important;border-radius:4px!important;border:1px solid #888!important;overflow:hidden!important}
.top20-icon img{width:100%!important;height:100%!important;object-fit:cover!important}

/* search page exact legacy rows */
.modern-card{min-height:78px!important;padding:8px!important;margin:0!important;border:0!important;border-bottom:1px solid #ddd!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
.card-thumb-zone{width:74px!important;flex:0 0 74px!important}
.card-thumb-zone img{width:74px!important;height:74px!important;border:1px solid #888!important;border-radius:5px!important;object-fit:cover!important}
.card-title{font-size:12px!important;line-height:17px!important;color:var(--bd-link,#0000cc)!important;font-weight:700!important}
.card-meta-flex{font-size:10px!important;color:#555!important}

/* all legacy pages use the same compact desktop/mobile geometry */
@media(max-width:600px){
  .item-card{min-height:72px!important}
  .file-thumb-neon{width:62px!important;height:62px!important;flex-basis:62px!important}
  .folder-row-card .file-name-neon,.item-card .file-name-neon{font-size:11px!important;line-height:16px!important}
  .update-item{font-size:11px!important;line-height:16px!important}
  .top20-icon{width:62px!important;height:62px!important;flex-basis:62px!important}
}