/* XAURAL Luxe 1.4.42 — page-by-page polish pass.
   Goal: keep song page / feed / player language intact, while making the rest
   of the site feel consistent, calmer and more refined.
   Main fixes:
   - blue / indigo visual system across search, playlist, library and studio
   - search suggestions always sit above discovery artwork
   - playlist header + actions cleaner on desktop and mobile
   - playlist row reorder controls stay in the correct place
   - stats boxes read from the center rather than hugging the left edge */

:root{
  --xaural-1442-bg:#161b1f;
  --xaural-1442-bg-soft:#1e2429;
  --xaural-1442-panel:#22282e;
  --xaural-1442-panel-2:#2c333a;
  --xaural-1442-panel-3:#323a42;
  --xaural-1442-border:rgba(189,202,215,.23);
  --xaural-1442-border-strong:rgba(209,223,236,.33);
  --xaural-1442-text:#e6f2ff;
  --xaural-1442-muted:#c6d1dc;
  --xaural-1442-accent:#dbedff;
  --xaural-1442-accent-soft:#e6f2ff;
  --xaural-1442-glow:rgba(215,235,255,.16);
}

/* Global surfaces used outside the already-approved player/feed look. */
.aiw-shell-content .aiw-article,
.aiw-shell-content .aiw-discover-filter,
.aiw-shell-content .aiw-genre-gateway,
.aiw-shell-content .aiw-playlist-cover-editor,
.aiw-shell-content .xaural-centered-playlist>.xaural-playlist-management,
.aiw-shell-content .xaural-studio-v2 .xaural-studio-extra-stats,
.aiw-shell-content .xaural-studio-v2 .aiw-member-dashboard-hero,
.aiw-shell-content .xaural-studio-v2 .aiw-member-song-card,
.aiw-shell-content .xaural-studio-v2 .aiw-member-card,
.aiw-shell-content .aiw-section>.aiw-empty,
.aiw-shell-content .aiw-recommend-empty,
.aiw-shell-content .aiw-luxe-tracklist>.aiw-empty{
  border-color:var(--xaural-1442-border)!important;
  background-color:var(--xaural-1442-panel)!important;
  color:var(--xaural-1442-text)!important;
}

/* Consistent button language instead of the older green. */
.aiw-shell-content .aiw-soft,
.aiw-shell-content .aiw-filter-apply,
.aiw-shell-content .aiw-gateway-link,
.aiw-shell-content .aiw-inline-share button,
.aiw-shell-content .aiw-playlist-bookmark button,
.aiw-shell-content .aiw-playlist-cover-editor button,
.aiw-shell-content .aiw-playlist-visibility button,
.aiw-shell-content .xaural-studio-v2 button,
.aiw-shell-content .xaural-row-reorder button{
  border-color:var(--xaural-1442-border-strong)!important;
  background:linear-gradient(180deg,rgba(43,50,56,.92),rgba(31,36,41,.94))!important;
  color:var(--xaural-1442-text)!important;
  box-shadow:none!important;
}
.aiw-shell-content .aiw-soft:hover,
.aiw-shell-content .aiw-soft:focus-visible,
.aiw-shell-content .aiw-gateway-link:hover,
.aiw-shell-content .aiw-gateway-link:focus-visible,
.aiw-shell-content .aiw-inline-share button:hover,
.aiw-shell-content .aiw-inline-share button:focus-visible,
.aiw-shell-content .aiw-playlist-bookmark button:hover,
.aiw-shell-content .aiw-playlist-bookmark button:focus-visible,
.aiw-shell-content .aiw-playlist-cover-editor button:hover,
.aiw-shell-content .aiw-playlist-cover-editor button:focus-visible,
.aiw-shell-content .aiw-playlist-visibility button:hover,
.aiw-shell-content .aiw-playlist-visibility button:focus-visible,
.aiw-shell-content .xaural-row-reorder button:hover,
.aiw-shell-content .xaural-row-reorder button:focus-visible{
  border-color:rgba(220,233,245,.52)!important;
  background:linear-gradient(180deg,rgba(62,71,80,.98),rgba(39,46,52,.98))!important;
  color:#fff!important;
}
.aiw-shell-content .aiw-filter-apply{
  background:linear-gradient(180deg,#e6f2ff,#e6f2ff)!important;
  border-color:transparent!important;
  color:#232a30!important;
  font-weight:800!important;
}

/* Fields and selects. */
.aiw-shell-content :is(input[type="search"],input[type="text"],input[type="file"],select,textarea){
  background:rgba(22,26,30,.92)!important;
  border-color:var(--xaural-1442-border)!important;
  color:var(--xaural-1442-text)!important;
}
.aiw-shell-content :is(input[type="search"],input[type="text"],select,textarea)::placeholder{color:var(--xaural-1442-muted)!important;}

/* SEARCH: dropdown must sit above the discovery artwork, never below it. */
.aiw-shell-content .aiw-discover,
.aiw-shell-content .aiw-discover-intro,
.aiw-shell-content .aiw-discover-search{position:relative!important;}
.aiw-shell-content .aiw-discover{z-index:4!important;}
.aiw-shell-content .aiw-discover-search{
  isolation:isolate!important;
  overflow:visible!important;
  z-index:50!important;
}
.aiw-shell-content .aiw-discover-search>.aiw-search-suggest{
  position:absolute!important;
  top:calc(100% + 10px)!important;
  left:0!important;
  right:0!important;
  z-index:999!important;
  margin:0!important;
  max-height:min(58vh,420px)!important;
  overflow-y:auto!important;
  padding:9px!important;
  border-radius:18px!important;
  border:1px solid var(--xaural-1442-border-strong)!important;
  background:linear-gradient(180deg,rgba(23,27,31,.99),rgba(29,33,38,.99))!important;
  box-shadow:0 24px 48px rgba(0,0,0,.45)!important;
  backdrop-filter:blur(14px)!important;
}
.aiw-shell-content .aiw-search-suggest .aiw-suggest-heading{color:var(--xaural-1442-accent)!important;}
.aiw-shell-content .aiw-search-suggest .aiw-suggest-item:hover,
.aiw-shell-content .aiw-search-suggest .aiw-suggest-item:focus-visible{background:rgba(190,209,229,.12)!important;}
.aiw-shell-content .aiw-search-suggest .aiw-suggest-art{
  background:linear-gradient(135deg,#505c68,#242a30)!important;
  border:1px solid rgba(215,235,255,.18)!important;
}
.aiw-shell-content .aiw-discover-feature,
.aiw-shell-content .aiw-discover-results,
.aiw-shell-content .aiw-discover-genres{position:relative!important;z-index:1!important;}
@media(max-width:700px){
  .aiw-shell-content .aiw-discover-search{grid-template-columns:24px minmax(0,1fr) auto!important;}
  .aiw-shell-content .aiw-discover-search>.aiw-search-suggest{
    top:calc(100% + 8px)!important;
    border-radius:15px!important;
    max-height:min(55vh,360px)!important;
  }
}

/* PLAYLIST + PROFILE + STATS chips: stats content centered inside the boxes. */
.xaural-stat-strip{
  gap:12px!important;
}
.xaural-stat-item,
.aiw-shell-content .xaural-studio-v2 .aiw-member-metric,
.aiw-shell-content .xaural-studio-v2 .aiw-stats>div{
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.xaural-stat-item strong,
.xaural-stat-item>span,
.aiw-shell-content .xaural-studio-v2 .aiw-member-metric :is(strong,span,b),
.aiw-shell-content .xaural-studio-v2 .aiw-stats>div :is(strong,span,b){
  width:100%!important;
  text-align:center!important;
}
.xaural-stat-item{
  border-color:var(--xaural-1442-border)!important;
  background:linear-gradient(180deg,rgba(25,29,33,.92),rgba(22,26,30,.82))!important;
}
.xaural-stat-item>span{color:var(--xaural-1442-muted)!important;}

/* Desktop playlist hero: same visual rhythm as the song page.
   Media on the left, information on the right; no awkward over-centering. */
@media(min-width:821px){
  .aiw-shell-content .xaural-centered-playlist{max-width:1180px!important;}
  .aiw-shell-content .xaural-centered-playlist>.aiw-profile-head.xaural-identity-head{
    display:grid!important;
    grid-template-columns:minmax(220px,280px) minmax(0,1fr)!important;
    align-items:center!important;
    gap:clamp(28px,4vw,58px)!important;
    text-align:left!important;
    padding:clamp(30px,4vw,46px)!important;
  }
  .aiw-shell-content .xaural-centered-playlist>.xaural-identity-head>.aiw-playlist-cover{
    width:min(22vw,220px)!important;
    max-width:220px!important;
    height:auto!important;
    aspect-ratio:1!important;
    margin:0!important;
    justify-self:start!important;
  }
  .aiw-shell-content .xaural-centered-playlist>.xaural-identity-head>div:last-child{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    text-align:left!important;
    gap:10px!important;
    width:100%!important;
  }
  .aiw-shell-content .xaural-centered-playlist>.xaural-identity-head>div:last-child :is(h1,p){
    text-align:left!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .aiw-shell-content .xaural-centered-playlist>.xaural-identity-head .aiw-button-row{
    justify-content:flex-start!important;
    align-items:center!important;
    width:auto!important;
    margin-top:8px!important;
  }
  .aiw-shell-content .xaural-centered-playlist>.xaural-stat-strip{
    width:min(100%,820px)!important;
    max-width:820px!important;
    justify-content:flex-start!important;
    margin:0 0 24px 0!important;
  }
}
@media(max-width:820px){
  .aiw-shell-content .xaural-centered-playlist>.xaural-stat-strip{justify-content:center!important;}
}

/* Public playlist action row: keep save / share neat instead of floating awkwardly. */
.aiw-shell-content .xaural-centered-playlist>.aiw-soft[href],
.aiw-shell-content .xaural-centered-playlist>.aiw-inline-share{
  display:inline-flex!important;
  vertical-align:top!important;
  margin:0 12px 16px 0!important;
}
.aiw-shell-content .xaural-centered-playlist>.aiw-inline-share button,
.aiw-shell-content .xaural-centered-playlist>.aiw-soft[href]{
  min-height:44px!important;
  border-radius:14px!important;
  padding:10px 18px!important;
}
@media(max-width:640px){
  .aiw-shell-content .xaural-centered-playlist>.aiw-soft[href],
  .aiw-shell-content .xaural-centered-playlist>.aiw-inline-share{
    display:flex!important;
    width:100%!important;
    margin:0 0 12px 0!important;
  }
  .aiw-shell-content .xaural-centered-playlist>.aiw-inline-share button,
  .aiw-shell-content .xaural-centered-playlist>.aiw-soft[href]{
    width:100%!important;
    justify-content:center!important;
  }
}

/* Playlist management panel: cleaner desktop proportions, not everything rigidly centered. */
.aiw-shell-content .xaural-centered-playlist>.xaural-playlist-management{
  border-radius:20px!important;
  padding:22px!important;
  background:linear-gradient(180deg,rgba(30,35,39,.96),rgba(25,29,33,.96))!important;
}
.aiw-shell-content .xaural-centered-playlist .xaural-playlist-manage-grid>form{
  background:rgba(40,46,52,.58)!important;
  border:1px solid var(--xaural-1442-border)!important;
}
.aiw-shell-content .xaural-centered-playlist .xaural-playlist-manage-grid .aiw-playlist-visibility{
  justify-content:flex-start!important;
  align-items:center!important;
}
.aiw-shell-content .xaural-centered-playlist .xaural-playlist-manage-grid .aiw-playlist-visibility>label{
  color:var(--xaural-1442-text)!important;
}
@media(max-width:820px){
  .aiw-shell-content .xaural-centered-playlist>.xaural-playlist-management{padding:15px!important;border-radius:16px!important;}
}

/* Playlist rows: keep drag/reorder controls at the end, not detached below or far away. */
.aiw-playlist-track-item .xaural-trackline-v1427{
  border-radius:14px!important;
  background:linear-gradient(90deg,rgba(28,33,37,.9),rgba(39,44,48,.92))!important;
}
.aiw-playlist-track-item .xaural-trackline-end{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex:0 0 auto!important;
}
.aiw-playlist-track-item .xaural-trackline-controls{gap:6px!important;}
.aiw-playlist-track-item .xaural-row-reorder{
  border-left:1px solid rgba(211,223,235,.18)!important;
  padding-left:10px!important;
  margin-left:2px!important;
  gap:6px!important;
  align-items:center!important;
}
.aiw-playlist-track-item .xaural-reorder-grip{
  width:24px!important;
  height:32px!important;
  flex:0 0 24px!important;
  font-size:18px!important;
  color:var(--xaural-1442-accent)!important;
}
@media(max-width:680px){
  .aiw-playlist-track-item .xaural-trackline-v1427{
    flex-wrap:nowrap!important;
    gap:8px!important;
    min-height:70px!important;
    padding:10px 8px!important;
  }
  .aiw-playlist-track-item .xaural-trackline-main{flex:1 1 auto!important;min-width:0!important;}
  .aiw-playlist-track-item .xaural-trackline-end{gap:5px!important;}
  .aiw-playlist-track-item .xaural-trackline-like,
  .aiw-playlist-track-item .xaural-trackline-play,
  .aiw-playlist-track-item .xaural-row-reorder button{
    width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;
  }
  .aiw-playlist-track-item .xaural-row-reorder{padding-left:8px!important;gap:4px!important;}
}
@media(max-width:360px){
  .aiw-playlist-track-item .xaural-trackline-v1427{flex-wrap:wrap!important;}
  .aiw-playlist-track-item .xaural-trackline-main{flex:1 1 100%!important;}
  .aiw-playlist-track-item .xaural-trackline-end{flex:1 1 100%!important;justify-content:flex-end!important;}
}

/* Studio statistics: calmer hierarchy and less green heaviness. */
.aiw-shell-content .xaural-studio-v2 .xaural-studio-primary-metrics>.aiw-member-metric,
.aiw-shell-content .xaural-studio-v2 .aiw-stats>div{
  background:linear-gradient(180deg,rgba(36,41,47,.98),rgba(27,32,36,.96))!important;
  border:1px solid var(--xaural-1442-border)!important;
}
.aiw-shell-content .xaural-studio-v2 .xaural-studio-extra-stats>summary,
.aiw-shell-content .xaural-studio-v2 .xaural-studio-secondary-stat{
  color:var(--xaural-1442-text)!important;
}
.aiw-shell-content .xaural-studio-v2 .xaural-studio-secondary-stat .aiw-member-icon,
.aiw-shell-content .xaural-studio-v2 .xaural-studio-extra-stats>summary .aiw-member-icon{
  color:var(--xaural-1442-accent)!important;
}
.aiw-shell-content .xaural-studio-v2 .xaural-studio-extra-stats .xaural-stats-toggle,
.aiw-shell-content .xaural-studio-v2 .xaural-studio-secondary-stat span,
.aiw-shell-content .xaural-studio-v2 .aiw-member-metric span,
.aiw-shell-content .xaural-studio-v2 .aiw-stats span{
  color:var(--xaural-1442-muted)!important;
}

/* Library shelf / playlist list thumbnails and generic cards should share the same palette. */
.aiw-shell-content .aiw-library-shelf-item,
.aiw-shell-content .aiw-playlist-card,
.aiw-shell-content .aiw-result-row,
.aiw-shell-content .aiw-card,
.aiw-shell-content .aiw-recommend-card,
.aiw-shell-content .aiw-recommend-artist{
  border-color:rgba(189,202,215,.14)!important;
}


/* XAURAL Luxe 1.4.43 — search artist photos: keep avatar imagery circular and
   constrained; the image should never inherit a full-sized discovery card rule. */
.aiw-shell-content .aiw-search-suggest .aiw-suggest-art.is-artist{
  border-radius:50%!important;
  overflow:hidden!important;
  flex:0 0 44px!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  max-width:44px!important;
  max-height:44px!important;
}
.aiw-shell-content .aiw-search-suggest .aiw-suggest-art.is-artist>img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:100%!important;
  aspect-ratio:1!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:50%!important;
}