:root{--myevent-intensity:.18}
#musicHome [hidden],#musicPlayback[hidden]{display:none!important}
#musicHome{background:rgba(8,11,16,var(--myevent-surface-opacity));color:#fff}
#musicScreen{max-width:900px;margin:auto;padding-bottom:340px}
.musicScreenHead{display:flex;align-items:center;gap:16px}.musicScreenHead h2{font-size:24px}
#musicScreen button,#musicTrackMenu button,.musicChoose button,#musicPlayback button{border:1px solid #454b54;border-radius:12px;padding:10px;background:#171c24;color:white;cursor:pointer;min-height:44px}
#musicScreen button:disabled,#musicTrackMenu button:disabled{opacity:.5;cursor:default}
#musicScreen input,#musicScreen textarea,.musicChoose input{width:100%;box-sizing:border-box;background:#121720;color:white;border:1px solid #596171;border-radius:10px;padding:12px}
#musicScreen form{display:flex;gap:8px;align-items:end}#musicScreen form label{flex:1}
.musicListRow{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:8px 0;border-bottom:1px solid #303642}.musicListRow .musicTrackOpen{display:flex;align-items:center;gap:12px;flex:1;min-width:190px;text-align:left}.musicTrackOpen img{width:48px;height:48px;object-fit:cover;border-radius:8px}.musicTrackOpen strong,.musicTrackOpen small{display:block;overflow-wrap:anywhere}.musicTrackOpen small{color:#b5bdcb;font-size:12px}
#musicTrackMenu,.musicChoose{background:#10151e;color:white;border:1px solid #555;border-radius:18px;max-width:520px;width:calc(100% - 48px);max-height:80vh;overflow:auto}#musicTrackMenu button{display:block;width:100%;margin:6px 0}dialog::backdrop{background:#000a}
.musicIllustrated,.musicChips button{background:radial-gradient(circle at 75% 20%,rgba(var(--myevent-accent-rgb),.65),transparent 55%),linear-gradient(140deg,#253754,#10141d)!important;min-width:130px;min-height:110px;color:white;border:1px solid #465063;border-radius:16px;padding:14px!important;text-align:left}.musicIllustrated b,.musicIllustrated small{display:block;margin-top:8px}.musicIllustrated small{font-size:11px;color:#d2d6df}.musicChips{overflow-x:auto;flex-wrap:nowrap!important}.musicChips button{min-width:112px;min-height:96px}
#musicScreen .musicEventPanel{display:block;border:0;margin:0}#musicScreen .musicSectionTitle h3{font-size:18px}
#musicPlayback{position:fixed;bottom:calc(72px + env(safe-area-inset-bottom));right:12px;width:340px;max-width:calc(100vw - 24px);z-index:2170;background:#10151e;border:1px solid #48536a;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #0008}
#musicVideoHost:has(#musicVideo:empty){display:none}#musicVideoHost iframe{display:block;min-height:200px;width:100%;border:0}.musicTransport{display:flex;flex-wrap:wrap;gap:4px;padding:6px}.musicTransport [data-transport=open]{flex:1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.musicTransport input{width:100%;accent-color:var(--myevent-accent)}.musicTransport small{font-size:11px}
.musicPlayer{padding-bottom:400px}.musicPlayerActions button[aria-pressed=true]{color:var(--myevent-accent)}.musicTabs button.active,.musicSearch #musicSearchBtn{background:var(--myevent-accent)!important}
#musicHome button:focus-visible,#musicPlayback button:focus-visible{outline:2px solid var(--myevent-accent);outline-offset:2px}
#musicHomeExtras{margin-top:18px}#musicScreenBody>button{margin:4px}#musicScreenStatus{color:#d0d6df;min-height:20px}
.musicIllustrated{box-shadow:inset 0 0 80px rgba(var(--myevent-accent-rgb),var(--myevent-intensity))}.myeventThemeControls{display:grid;gap:12px}.myeventThemeControls label{display:grid;gap:5px}.myeventThemeControls p{font-size:12px;color:#9ca3af}

#musicHome .musicTrackOpen,#musicHome .musicListRow>button,#musicGenres button{background:#171c24;border:1px solid #454b54;color:white;border-radius:12px;padding:10px;min-height:44px}#musicGenres{display:flex;flex-wrap:wrap;gap:6px}#musicHome .musicTile{background:linear-gradient(140deg,rgba(var(--myevent-accent-rgb),.25),#11151b)!important}
.musicIllustrated,.musicChips button,.musicHome .musicTile{background-image:linear-gradient(0deg,#080b10ee,transparent),url(../assets/music-vinyl.svg)!important;background-size:cover!important;background-position:center!important}.musicIllustrated:nth-child(even),.musicChips button:nth-child(even),.musicHome .musicTile:nth-child(even){background-image:linear-gradient(0deg,#080b10ee,transparent),url(../assets/music-wave.svg)!important}.musicChips button{display:flex;align-items:flex-end}.musicIllustrated{box-shadow:inset 0 0 80px rgba(var(--myevent-accent-rgb),var(--myevent-intensity))}
#musicHome{background:#080b10}.musicCards{scrollbar-width:none}.musicCards::-webkit-scrollbar{display:none}#musicHome .musicTrackOpen,#musicHome .musicListRow>button,#musicScreen button{background:rgba(23,28,36,var(--myevent-surface-opacity))}


/* Music V1.5 — illustrated dark visual system */
#musicHome .musicTabs button:not(.active),#musicHome .musicChips button,#musicScreen button:not(.musicPrimary):not([aria-pressed="true"]){
  background:#11161d!important;border-color:#343b46!important;color:#eef1f5!important;box-shadow:none!important
}
#musicHome .musicTabs button.active{background:var(--myevent-accent)!important;border-color:var(--myevent-accent)!important}
#musicHomeExtras .musicIllustrated{background-size:cover!important;background-position:center!important;border-color:rgba(255,255,255,.18)!important;box-shadow:inset 0 -90px 80px rgba(0,0,0,.68),0 10px 28px rgba(0,0,0,.28)!important}
#musicHomeExtras .musicIllustrated[data-go="discover"]{background-image:linear-gradient(0deg,rgba(3,7,12,.78),rgba(3,7,12,.05) 72%),url(../assets/music-hero-discover.webp)!important}
#musicHomeExtras .musicIllustrated[data-go="ai"]{background-image:linear-gradient(0deg,rgba(3,7,12,.78),rgba(3,7,12,.05) 72%),url(../assets/music-hero-ai.webp)!important}
#musicHomeExtras .musicIllustrated[data-go="library"]{background-image:linear-gradient(0deg,rgba(3,7,12,.78),rgba(3,7,12,.05) 72%),url(../assets/music-hero-library.webp)!important}
#musicHomeExtras .musicIllustrated::after{display:none!important}
#musicHome .musicTile{background-size:cover!important;background-position:center!important;border-color:rgba(255,255,255,.16)!important;box-shadow:inset 0 -80px 70px rgba(0,0,0,.72)!important}
#musicGenres button,#musicHome .musicChips button{background-image:linear-gradient(0deg,rgba(3,7,12,.72),rgba(3,7,12,.12)),url(../assets/music-genre.svg)!important;background-size:cover!important;background-position:center!important;border-color:rgba(255,255,255,.16)!important;color:#fff!important;text-shadow:0 1px 5px #000!important}
#musicHome .musicSearchResult,#musicScreen .musicListRow{background:#10151c!important;border:1px solid #2d3540!important;border-radius:15px!important;color:#fff!important}
#musicHome .musicSearchResult button,#musicScreen .musicListRow>button:not(.musicTrackOpen){background:#171d25!important;border:1px solid #3a424e!important;color:#fff!important}
#musicHome .musicSearchResult button:active,#musicScreen .musicListRow>button:active{border-color:var(--myevent-accent)!important;color:var(--myevent-accent)!important}
#musicScreen{color:#f5f7fa}
#musicScreen .musicScreenHead button{background:#11161d!important;border:1px solid #343b46!important;color:#fff!important}
#musicScreenBody>.musicEventPanel,#musicScreenBody>section,#musicScreenBody>.musicLibraryPanel{background:#0d1218!important;border-color:#29313b!important}
#musicScreenBody button{box-shadow:none!important}
#musicScreenBody button:disabled{background:#14181e!important;color:#707782!important;border-color:#252b34!important}
#musicScreenBody .musicPrimary,#musicScreenBody button[data-primary="true"]{background:var(--myevent-accent)!important;border-color:var(--myevent-accent)!important;color:#fff!important}
#musicScreenBody .musicListRow .musicTrackOpen{background:transparent!important;border:0!important;padding:6px!important}
#musicScreenBody .musicListRow .musicTrackOpen img{width:58px;height:58px;border-radius:11px}
#musicPlayback{background:rgba(12,16,22,.96)!important;border-color:#343d49!important;border-radius:15px!important;box-shadow:0 10px 28px rgba(0,0,0,.42)!important}
#musicPlayback .musicTransport{min-height:50px!important}
#musicPlayback .musicTransport [data-transport="toggle"]{background:var(--myevent-accent)!important}
#musicPlayback .musicTransport [data-transport="previous"],#musicPlayback .musicTransport [data-transport="next"],#musicPlayback .musicTransport [data-transport="stop"]{background:transparent!important;border:0!important}
@media(max-width:430px){
  #musicHomeExtras>.musicCards{grid-template-columns:1.18fr .92fr .92fr!important}
  #musicHomeExtras .musicIllustrated{height:132px!important;padding:11px!important}
  #musicHomeExtras .musicIllustrated>b{font-size:14px!important}
  #musicHomeExtras .musicIllustrated>small{font-size:9.5px!important}
  #musicPlayback{width:calc(100% - 20px)!important}
}


/* Music Discover V2 — artwork-first mobile layout */
#musicScreen:has(#musicDiscoverForm){max-width:980px;padding-left:18px;padding-right:18px}
#musicScreen:has(#musicDiscoverForm) .musicScreenHead{margin-bottom:8px}
#musicScreen:has(#musicDiscoverForm) #musicScreenStatus{margin:4px 0 14px;color:#9aa3b1;font-size:13px}
#musicDiscoverForm{display:grid!important;grid-template-columns:1fr auto;gap:9px!important;align-items:end!important;margin:0 0 14px}
#musicDiscoverForm label{font-size:0}
#musicDiscoverForm label::before{content:"Rechercher";display:block;font-size:13px;font-weight:700;color:#c9ced7;margin:0 0 6px}
#musicDiscoverForm input{height:46px;border-radius:15px!important;background:#10151c!important;border-color:#303844!important;padding:0 15px!important;font-size:16px}
#musicDiscoverForm button{height:46px!important;min-height:46px!important;padding:0 17px!important;background:var(--myevent-accent)!important;border-color:var(--myevent-accent)!important;font-weight:800}
#musicDiscoverResults{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px;padding:4px 0 20px}
#musicDiscoverResults .musicListRow{display:block!important;padding:0!important;border:0!important;background:transparent!important;border-radius:0!important;min-width:0;position:relative}
#musicDiscoverResults .musicTrackOpen{display:block!important;width:100%;padding:0!important;background:transparent!important;border:0!important;min-width:0!important;text-align:left}
#musicDiscoverResults .musicTrackOpen img{display:block;width:100%!important;height:auto!important;aspect-ratio:1/1;object-fit:cover;border-radius:14px!important;background:#151a22}
#musicDiscoverResults .musicTrackOpen span{display:block;padding:7px 2px 0;min-width:0}
#musicDiscoverResults .musicTrackOpen strong{font-size:13px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#musicDiscoverResults .musicTrackOpen small{font-size:11px!important;line-height:1.25;margin-top:3px;color:#9ba4b2!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#musicDiscoverResults .musicListRow>button:not(.musicTrackOpen){position:absolute;right:7px;top:7px;width:32px;height:32px;min-height:32px!important;padding:0!important;border-radius:50%!important;background:rgba(7,10,15,.82)!important;border:1px solid rgba(255,255,255,.22)!important;font-size:18px;backdrop-filter:blur(7px)}
@media(max-width:520px){
 #musicScreen:has(#musicDiscoverForm){padding-left:14px;padding-right:14px}
 #musicScreen:has(#musicDiscoverForm) .musicScreenHead{gap:10px}
 #musicScreen:has(#musicDiscoverForm) .musicScreenHead h2{font-size:27px}
 #musicScreen:has(#musicDiscoverForm) .musicScreenHead button{width:42px;height:42px;min-height:42px!important;padding:0!important;border-radius:50%!important;font-size:0}
 #musicScreen:has(#musicDiscoverForm) .musicScreenHead button::after{content:"‹";font-size:30px;line-height:1}
 #musicDiscoverResults{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 9px}
}

/* Music home: the social theme excludes Music controls, so these surfaces own their colors. */
#musicTrending{display:flex!important;gap:9px!important;overflow-x:auto!important;scroll-snap-type:x proximity;scrollbar-width:none}
#musicTrending .musicTrendCard{flex:0 0 27.5%!important;min-width:0;scroll-snap-align:start;background:#0b0e13;border-radius:12px;overflow:hidden}
#musicTrending .musicTrendOpen{position:relative;display:block;width:100%;padding:0;border:0;background:#0b0e13;color:#fff;box-shadow:none}
#musicTrending .musicTrendOpen img{display:block;width:100%;box-sizing:border-box;aspect-ratio:1.28/1;object-fit:cover;background:#11151b;border:1px solid #282e38;border-radius:12px}
#musicTrending .musicTrendRank{background:rgba(8,11,16,.88)!important;border:1px solid rgba(255,255,255,.3)!important;color:#fff!important}
#musicTrending .musicTrendPlay{top:auto;bottom:6px;background:rgba(7,10,15,.86)}
#musicTrending .musicTrendMeta{display:block;padding:6px 2px 8px;background:#0b0e13;color:#f7f8fa}
#musicTrending .musicTrendMeta strong,#musicTrending .musicTrendMeta small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:transparent}
#musicTrending .musicTrendMeta strong{font-size:10px;color:#f7f8fa}
#musicTrending .musicTrendMeta small{font-size:8px;color:#929aa6;margin-top:2px}

/* Three compact, shared playlist illustrations with labels over the image. */
#musicHome #musicPlaylistsSection{width:100%;min-width:0;box-sizing:border-box}
#musicHome #musicPlaylistsSection.musicSection > .musicCards{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;width:100%;min-width:0;overflow:hidden!important;
}
#musicHome #musicPlaylistsSection.musicSection .musicTile{
  position:relative!important;box-sizing:border-box!important;min-width:0!important;width:100%!important;
  height:88px!important;min-height:88px!important;overflow:hidden!important;
  display:flex!important;flex-direction:column!important;justify-content:flex-end!important;
  padding:7px!important;text-align:left;border:1px solid rgba(255,255,255,.23)!important;
  border-radius:12px!important;background-color:#10151d!important;
  background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;
  box-shadow:none!important;color:#fff!important;
}
#musicHome #musicPlaylistsSection.musicSection .musicTile[data-music-action="event"]{
  background-image:linear-gradient(180deg,rgba(4,7,12,.04) 12%,rgba(4,7,12,.89) 100%),url(../assets/music-playlist-event.webp)!important;
}
#musicHome #musicPlaylistsSection.musicSection .musicTile[data-music-action="dj"]{
  background-image:linear-gradient(180deg,rgba(4,7,12,.04) 12%,rgba(4,7,12,.89) 100%),url(../assets/music-playlist-dj.webp)!important;
}
#musicHome #musicPlaylistsSection.musicSection .musicTile[data-music-action="favorites"]{
  background-image:linear-gradient(180deg,rgba(4,7,12,.04) 12%,rgba(4,7,12,.89) 100%),url(../assets/music-playlist-favorites.webp)!important;
}
#musicHome #musicPlaylistsSection.musicSection .musicTile::before{content:none!important}
#musicHome #musicPlaylistsSection.musicSection .musicTile span{
  position:absolute!important;top:5px;left:7px;z-index:2;
  display:block!important;margin:0!important;color:#fff!important;font-size:15px!important;
  line-height:1;text-shadow:0 2px 7px #000;
}
#musicHome #musicPlaylistsSection.musicSection .musicTile b,
#musicHome #musicPlaylistsSection.musicSection .musicTile small{
  position:relative!important;z-index:2;display:block!important;width:100%;
  margin:0!important;overflow:visible!important;white-space:normal!important;
  overflow-wrap:normal;color:#fff!important;text-shadow:0 2px 7px #000;
}
#musicHome #musicPlaylistsSection.musicSection .musicTile b{font-size:12px!important;line-height:1.08!important}
#musicHome #musicPlaylistsSection.musicSection .musicTile small{font-size:9px!important;line-height:1.1!important;color:#e4e6ed!important;margin-top:3px!important}

/* All six Ambiances use local, full-bleed photo artwork. */
#musicHome #musicAmbiancesSection .musicMoodCards button{
  isolation:isolate;background:#11161d!important;background-image:none!important;
}
#musicHome #musicAmbiancesSection .musicMoodCards button .musicMoodArt{
  position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;
  object-fit:cover;object-position:center;transform:none;pointer-events:none;
}
#musicHome #musicAmbiancesSection .musicMoodCards button::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(4,7,12,.04) 26%,rgba(4,7,12,.86) 100%);
}
#musicHome #musicAmbiancesSection .musicMoodCards button b{z-index:2}

/* The navigation uses the existing shared DOM, with Music's five labels only while Music is open. */
#socialBottomNav .musicOnlyNav{display:none!important}
body.musicModeOpen #socialBottomNav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;z-index:2150!important}
body.musicModeOpen #socialBottomNav #socialBottomCreate{display:none!important}
body.musicModeOpen #socialBottomNav .musicOnlyNav{display:block!important}

/* Keep the last card scrollable clear of the fixed nav, mini-player and iPhone home indicator. */
body.musicModeOpen #musicHome{
  box-sizing:border-box;padding-bottom:calc(116px + env(safe-area-inset-bottom))!important;
}
body.musicModeOpen:has(#musicPlayback:not([hidden])) #musicHome{
  padding-bottom:calc(212px + env(safe-area-inset-bottom))!important;
}


/* Music V27 — final home shelves */
#musicHome #musicRecent{
  display:flex!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;
  scroll-snap-type:x proximity;scrollbar-width:none;padding:2px 0 4px;
}
#musicHome #musicRecent::-webkit-scrollbar{display:none}
#musicHome #musicRecent .musicListRow{
  flex:0 0 18.5%!important;min-width:0!important;display:block!important;padding:0!important;
  border:0!important;background:transparent!important;scroll-snap-align:start;position:relative;
}
#musicHome #musicRecent .musicTrackOpen{
  display:block!important;width:100%!important;min-width:0!important;padding:0!important;
  background:transparent!important;border:0!important;text-align:left!important;
}
#musicHome #musicRecent .musicTrackOpen img{
  display:block!important;width:100%!important;height:auto!important;aspect-ratio:1/1!important;
  object-fit:cover!important;border-radius:10px!important;border:1px solid #282e38!important;
}
#musicHome #musicRecent .musicTrackOpen span{display:block!important;padding:5px 1px 0!important;min-width:0}
#musicHome #musicRecent .musicTrackOpen strong,
#musicHome #musicRecent .musicTrackOpen small{
  display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
#musicHome #musicRecent .musicTrackOpen strong{font-size:9px!important;line-height:1.2}
#musicHome #musicRecent .musicTrackOpen small{font-size:8px!important;line-height:1.2;margin-top:2px;color:#929aa6!important}
#musicHome #musicRecent .musicListRow>button:not(.musicTrackOpen){
  position:absolute!important;right:4px!important;top:4px!important;width:25px!important;height:25px!important;
  min-height:25px!important;padding:0!important;border-radius:50%!important;background:rgba(7,10,15,.82)!important;
  border:1px solid rgba(255,255,255,.2)!important;font-size:14px!important;
}
#musicHome .musicSectionTitle>button,
#musicHome .musicShelfHead>button,
#musicHome .musicForYouHead>button{
  width:auto!important;min-height:28px!important;padding:4px 9px!important;border-radius:999px!important;
  background:#11161d!important;border:1px solid #343b46!important;color:#dfe4eb!important;font-size:10px!important;
}
#musicHome #musicAmbiancesSection{margin-top:14px}
#musicHome #musicTrending{margin-top:2px}


/* Music IA V1 */
#musicScreen .musicAIIntro{margin:4px 0 16px;padding:16px;border:1px solid #303844;border-radius:16px;background:linear-gradient(135deg,rgba(var(--myevent-accent-rgb),.14),#10151d)}
#musicScreen .musicAIIntro strong{font-size:20px}
#musicScreen .musicAIIntro p{margin:7px 0 0;color:#b8c0cc}
#musicScreen #musicPrompt{min-height:108px;resize:vertical;margin-top:7px}
#musicScreen #musicDraftActions{display:flex;gap:8px;overflow-x:auto;padding:10px 0 6px;scrollbar-width:none}
#musicScreen #musicDraftActions::-webkit-scrollbar{display:none}
#musicScreen #musicDraftActions button{flex:0 0 auto}
#musicScreen #musicAISummary{padding:0 2px;color:#c9d0da;font-size:13px}


/* MyEvent DJ V1 — compact functional console */
#musicScreen .musicDJHero{min-height:150px;padding:20px;border:1px solid #303844;border-radius:20px;background:radial-gradient(circle at 85% 15%,rgba(var(--myevent-accent-rgb),.22),transparent 42%),linear-gradient(135deg,#151018,#0b1118);display:flex;flex-direction:column;justify-content:space-between;gap:16px}
.musicDJEyebrow{font-size:10px;letter-spacing:.15em;color:var(--myevent-accent);font-weight:800}
#musicScreen .musicDJHero h2{font-size:29px;margin:4px 0}#musicScreen .musicDJHero p{margin:0;color:#aeb6c2}
.musicDJMode{display:flex;gap:7px}.musicDJMode button{flex:1}.musicDJMode button.active{background:var(--myevent-accent)!important;border-color:var(--myevent-accent)!important}
.musicDJNow{margin-top:12px;padding:14px;border:1px solid #303844;border-radius:18px;background:#0e141b}
#musicDJNowTrack{display:flex;align-items:center;gap:12px;min-width:0}#musicDJNowTrack img{width:70px;height:70px;object-fit:cover;border-radius:13px}
#musicDJNowTrack span{display:grid;min-width:0}#musicDJNowTrack strong,#musicDJNowTrack em{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#musicDJNowTrack em{font-style:normal;color:#9ca5b1;font-size:12px}#musicDJNowTrack small{color:var(--myevent-accent);font-size:9px}
.musicDJEmptyNow{display:grid;gap:5px}.musicDJEmptyNow small{color:#929aa6}
#musicDJTransport{display:flex;justify-content:center;gap:12px;margin-top:12px}#musicDJTransport button{width:48px;height:48px;padding:0;border-radius:50%}
#musicDJTransport .musicDJPlay{width:58px;height:58px;background:var(--myevent-accent)!important;border-color:var(--myevent-accent)!important}
.musicDJQuick,.musicDJPanel,.musicDJSettings{margin-top:16px}.musicDJQuick h3{margin-bottom:8px}
#musicDJMoods{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}#musicDJMoods::-webkit-scrollbar{display:none}#musicDJMoods button{flex:0 0 auto;border-radius:999px!important;padding:8px 13px!important}
#musicDJMoods button.active{border-color:var(--myevent-accent)!important;color:var(--myevent-accent)!important}
.musicDJPanel{padding:14px;border:1px solid #29313b;border-radius:18px;background:#0c1117}.musicDJPanelHead{display:flex;justify-content:space-between;align-items:center;gap:10px}.musicDJPanelHead h3{margin:3px 0}
#musicDJImport button{width:100%;margin:10px 0}
#musicDJQueue .musicListRow{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:5px!important;padding:8px!important;align-items:center!important}
#musicDJQueue .musicTrackOpen{min-width:0!important}#musicDJQueue .musicTrackOpen img{width:48px!important;height:48px!important}
#musicDJQueue .musicListRow>button{padding:7px 9px!important;min-height:38px!important;font-size:11px!important}
#musicDJQueue .musicListRow>button[aria-label^="Monter"],#musicDJQueue .musicListRow>button[aria-label^="Descendre"]{width:38px!important;padding:0!important}
.musicDJSettings details{border:1px solid #29313b;border-radius:16px;padding:13px;background:#0c1117}.musicDJSettings summary{font-weight:800;cursor:pointer}
.musicDJSettingsGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.musicDJSettingsGrid button{font-size:11px!important}


/* DJ V1.1 — strict phone-width containment */
#musicScreen,#musicScreen *{box-sizing:border-box}
#musicScreen{max-width:100%;overflow-x:hidden}
#musicScreen .musicDJHero,#musicScreen .musicDJNow,#musicScreen .musicDJQuick,#musicScreen .musicDJPanel,#musicScreen .musicDJSettings{width:100%;max-width:100%;min-width:0}
#musicScreen .musicDJMode{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;min-width:0}
#musicScreen .musicDJMode button{width:100%;min-width:0;padding-left:8px!important;padding-right:8px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#musicScreen #musicDJNowTrack{width:100%;min-width:0}
#musicScreen #musicDJNowTrack span{min-width:0;max-width:100%}
#musicScreen #musicDJNowTrack strong,#musicScreen #musicDJNowTrack em{max-width:100%}
#musicScreen #musicDJMoods{width:100%;max-width:100%;padding-bottom:3px}
#musicScreen .musicDJPanelHead{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%;min-width:0}
#musicScreen .musicDJPanelHead>div{min-width:0}
#musicScreen .musicDJPanelHead>button{max-width:145px;min-width:0;padding:8px 10px!important;white-space:normal;line-height:1.1}
#musicScreen #musicDJImport,#musicScreen #musicDJQueue{width:100%;max-width:100%;min-width:0}
#musicScreen #musicDJQueue .musicListRow{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden}
#musicScreen #musicDJQueue .musicTrackOpen{overflow:hidden!important}
#musicScreen #musicDJQueue .musicTrackOpen span{min-width:0!important;overflow:hidden!important}
#musicScreen #musicDJQueue .musicTrackOpen strong,#musicScreen #musicDJQueue .musicTrackOpen small{display:block!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
@media(max-width:430px){
 #musicScreen .musicDJHero{padding:16px}
 #musicScreen .musicDJMode{gap:6px}
 #musicScreen .musicDJMode button{font-size:14px!important}
 #musicScreen .musicDJNow{padding:12px}
 #musicScreen #musicDJNowTrack img{width:58px;height:58px;flex:0 0 58px}
 #musicScreen #musicDJTransport{gap:8px}
 #musicScreen #musicDJTransport button{width:44px;height:44px}
 #musicScreen #musicDJTransport .musicDJPlay{width:54px;height:54px}
 #musicScreen .musicDJPanel{padding:12px}
 #musicScreen .musicDJPanelHead>button{max-width:126px;font-size:11px!important}
 #musicScreen #musicDJQueue .musicListRow{grid-template-columns:minmax(0,1fr) 36px 36px!important}
 #musicScreen #musicDJQueue .musicListRow>button{width:36px!important;max-width:36px!important;padding:0!important;overflow:hidden!important;font-size:0!important}
 #musicScreen #musicDJQueue .musicListRow>button::first-letter{font-size:15px}
 #musicScreen .musicDJSettingsGrid{grid-template-columns:1fr}
}


/* DJ V1.2 — visual queue cards */
#musicScreen #musicDJQueue .musicDJQueueCard{
  display:grid!important;
  grid-template-columns:96px minmax(0,1fr) 42px 42px!important;
  grid-template-rows:auto auto!important;
  column-gap:10px!important;row-gap:8px!important;
  min-height:122px!important;padding:12px!important;
}
#musicScreen #musicDJQueue .musicDJQueueCard .musicTrackOpen{
  grid-column:1 / 3!important;grid-row:1 / 2!important;
  display:grid!important;grid-template-columns:96px minmax(0,1fr)!important;gap:12px!important;
  align-items:center!important;width:100%!important;min-width:0!important;
}
#musicScreen #musicDJQueue .musicDJQueueCard .musicTrackOpen img{
  width:96px!important;height:96px!important;border-radius:14px!important;object-fit:cover!important;
}
#musicScreen #musicDJQueue .musicDJQueueCard .musicTrackOpen strong{font-size:14px!important;line-height:1.25!important;white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical}
#musicScreen #musicDJQueue .musicDJQueueCard .musicTrackOpen small{font-size:11px!important;margin-top:4px}
#musicScreen #musicDJQueue .musicDJQueueCard>button{width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;border-radius:12px!important;font-size:18px!important}
#musicScreen #musicDJQueue .musicDJQueueCard .musicDJApprove{grid-column:3!important;grid-row:1!important;align-self:center!important;color:#37d67a!important;border-color:rgba(55,214,122,.65)!important;background:rgba(55,214,122,.10)!important}
#musicScreen #musicDJQueue .musicDJQueueCard .musicDJReject{grid-column:4!important;grid-row:1!important;align-self:center!important;color:#ff5252!important;border-color:rgba(255,82,82,.65)!important;background:rgba(255,82,82,.10)!important}
#musicScreen #musicDJQueue .musicDJQueueCard .musicDJMove[aria-label^="Monter"]{grid-column:3!important;grid-row:2!important}
#musicScreen #musicDJQueue .musicDJQueueCard .musicDJMove[aria-label^="Descendre"]{grid-column:4!important;grid-row:2!important}
#musicScreen #musicDJQueue .musicDJQueueCard .musicDJMove{color:#dce2ea!important;background:#121922!important}
#musicScreen #musicDJQueue .musicDJQueueCard:has(.musicDJApprove[title^="Validé"]){border-color:rgba(55,214,122,.38)!important}
@media(max-width:390px){
 #musicScreen #musicDJQueue .musicDJQueueCard{grid-template-columns:78px minmax(0,1fr) 38px 38px!important;column-gap:7px!important;padding:9px!important}
 #musicScreen #musicDJQueue .musicDJQueueCard .musicTrackOpen{grid-template-columns:78px minmax(0,1fr)!important;gap:9px!important}
 #musicScreen #musicDJQueue .musicDJQueueCard .musicTrackOpen img{width:78px!important;height:78px!important}
 #musicScreen #musicDJQueue .musicDJQueueCard>button{width:38px!important;height:38px!important;min-height:38px!important}
}


/* DJ V1.3 — artwork-led queue cards */
#musicScreen #musicDJQueue .musicDJQueueCard{
  grid-template-columns:minmax(0,1fr) 44px 44px!important;
  grid-template-rows:136px 44px!important;
  min-height:204px!important;
  gap:9px!important;padding:12px!important;
}
#musicScreen #musicDJQueue .musicDJQueueCard .musicTrackOpen{
  grid-column:1!important;grid-row:1 / 3!important;
  display:block!important;width:100%!important;height:100%!important;position:relative!important;
  overflow:hidden!important;border-radius:16px!important;background:#0a0e13!important;
}
#musicScreen #musicDJQueue .musicDJQueueCard .musicTrackOpen img{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  max-width:none!important;object-fit:cover!important;border-radius:16px!important;
}
#musicScreen #musicDJQueue .musicDJQueueCard .musicTrackOpen::after{
  content:""!important;position:absolute!important;inset:42% 0 0!important;
  background:linear-gradient(transparent,rgba(3,6,10,.94))!important;pointer-events:none!important;
}
#musicScreen #musicDJQueue .musicDJQueueCard .musicTrackOpen span{
  position:absolute!important;z-index:2!important;left:12px!important;right:12px!important;bottom:10px!important;
  padding:0!important;color:#fff!important;text-shadow:0 1px 4px #000!important;
}
#musicScreen #musicDJQueue .musicDJQueueCard .musicTrackOpen strong{
  font-size:14px!important;line-height:1.2!important;-webkit-line-clamp:2!important;
}
#musicScreen #musicDJQueue .musicDJQueueCard .musicTrackOpen small{font-size:10px!important;color:#d7dce3!important}
#musicScreen #musicDJQueue .musicDJQueueCard .musicDJApprove{grid-column:2!important;grid-row:1!important;align-self:start!important}
#musicScreen #musicDJQueue .musicDJQueueCard .musicDJReject{grid-column:3!important;grid-row:1!important;align-self:start!important}
#musicScreen #musicDJQueue .musicDJQueueCard .musicDJMove[aria-label^="Monter"]{grid-column:2!important;grid-row:2!important}
#musicScreen #musicDJQueue .musicDJQueueCard .musicDJMove[aria-label^="Descendre"]{grid-column:3!important;grid-row:2!important}
@media(max-width:390px){
 #musicScreen #musicDJQueue .musicDJQueueCard{grid-template-columns:minmax(0,1fr) 40px 40px!important;grid-template-rows:124px 40px!important;min-height:190px!important}
}


/* DJ V1.4 — fix artwork column collapse on iPhone */
#musicScreen #musicDJQueue .musicDJQueueCard{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 44px 44px!important;
  grid-template-rows:minmax(150px,auto) 44px!important;
  width:100%!important;
}
#musicScreen #musicDJQueue .musicDJQueueCard .musicTrackOpen{
  grid-column:1!important;grid-row:1 / span 2!important;
  width:100%!important;max-width:none!important;min-width:0!important;
  height:100%!important;min-height:203px!important;
  display:block!important;position:relative!important;
  padding:0!important;margin:0!important;
}
#musicScreen #musicDJQueue .musicDJQueueCard .musicTrackOpen img{
  display:block!important;position:absolute!important;
  inset:0!important;width:100%!important;max-width:none!important;height:100%!important;
  aspect-ratio:auto!important;object-fit:cover!important;object-position:center!important;
  margin:0!important;padding:0!important;
}
#musicScreen #musicDJQueue .musicDJQueueCard .musicTrackOpen span{
  display:block!important;width:auto!important;max-width:none!important;min-width:0!important;
}
#musicScreen #musicDJQueue .musicDJQueueCard .musicTrackOpen strong,
#musicScreen #musicDJQueue .musicDJQueueCard .musicTrackOpen small{width:100%!important}
@media(max-width:430px){
 #musicScreen #musicDJQueue .musicDJQueueCard{grid-template-columns:minmax(0,1fr) 40px 40px!important;grid-template-rows:146px 40px!important}
 #musicScreen #musicDJQueue .musicDJQueueCard .musicTrackOpen{min-height:195px!important}
}


/* Music mobile cards V1.5 — scoped to Music IA and Mode DJ only */
#musicScreen #musicDraftActions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;overflow:visible!important;width:100%!important;
}
#musicScreen #musicDraftActions button{
  width:100%!important;min-width:0!important;max-width:100%!important;
  min-height:40px!important;padding:7px 8px!important;font-size:11px!important;
  line-height:1.15!important;white-space:normal!important;
}
#musicScreen #musicDraftTracks{
  display:grid!important;gap:9px!important;margin-top:8px!important;
}
#musicScreen #musicDraftTracks .musicListRow{
  display:grid!important;
  grid-template-columns:88px minmax(0,1fr) 34px 34px!important;
  grid-template-rows:44px 34px!important;
  gap:6px!important;align-items:center!important;
  min-height:100px!important;padding:6px!important;overflow:hidden!important;
}
#musicScreen #musicDraftTracks .musicTrackOpen{
  grid-column:1 / 3!important;grid-row:1 / 3!important;
  display:grid!important;grid-template-columns:88px minmax(0,1fr)!important;
  gap:9px!important;width:100%!important;height:88px!important;min-width:0!important;
  padding:0!important;overflow:hidden!important;
}
#musicScreen #musicDraftTracks .musicTrackOpen img{
  width:88px!important;height:88px!important;min-width:88px!important;
  border-radius:11px!important;object-fit:cover!important;object-position:center!important;
}
#musicScreen #musicDraftTracks .musicTrackOpen span{min-width:0!important;padding-right:4px!important}
#musicScreen #musicDraftTracks .musicTrackOpen strong{
  display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;
  overflow:hidden!important;font-size:12px!important;line-height:1.2!important;overflow-wrap:normal!important;
}
#musicScreen #musicDraftTracks .musicTrackOpen small{
  display:block!important;margin-top:4px!important;white-space:nowrap!important;
  overflow:hidden!important;text-overflow:ellipsis!important;font-size:10px!important;
}
#musicScreen #musicDraftTracks .musicListRow>button:not(.musicTrackOpen){
  width:34px!important;max-width:34px!important;height:34px!important;min-height:34px!important;
  padding:0!important;border-radius:10px!important;overflow:hidden!important;
  white-space:nowrap!important;font-size:0!important;
}
#musicScreen #musicDraftTracks .musicListRow>button:not(.musicTrackOpen)::first-letter{font-size:14px!important}
#musicScreen #musicDraftTracks .musicListRow>button[aria-label^="Actions"]{grid-column:3!important;grid-row:1!important;font-size:18px!important}
#musicScreen #musicDraftTracks .musicListRow>button[aria-label^="Monter"]{grid-column:4!important;grid-row:1!important;font-size:15px!important}
#musicScreen #musicDraftTracks .musicListRow>button[aria-label^="Descendre"]{grid-column:4!important;grid-row:2!important;font-size:15px!important}

/* Keep the DJ artwork broad: controls occupy a compact fixed rail, never the cover column. */
#musicScreen #musicDJQueue .musicDJQueueCard{
  grid-template-columns:minmax(0,1fr) 40px 40px!important;
  grid-template-rows:92px 40px!important;
  min-height:150px!important;padding:8px!important;gap:6px!important;
}
#musicScreen #musicDJQueue .musicDJQueueCard .musicTrackOpen{
  grid-column:1!important;grid-row:1 / 3!important;
  width:100%!important;height:138px!important;min-height:138px!important;
  border-radius:13px!important;overflow:hidden!important;
}
#musicScreen #musicDJQueue .musicDJQueueCard .musicTrackOpen img{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  min-width:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important;
  border-radius:13px!important;
}
#musicScreen #musicDJQueue .musicDJQueueCard .musicTrackOpen::after{inset:48% 0 0!important}
#musicScreen #musicDJQueue .musicDJQueueCard .musicTrackOpen span{left:10px!important;right:10px!important;bottom:8px!important}
#musicScreen #musicDJQueue .musicDJQueueCard .musicTrackOpen strong{
  display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;
  overflow:hidden!important;font-size:12px!important;line-height:1.15!important;
}
#musicScreen #musicDJQueue .musicDJQueueCard .musicTrackOpen small{
  display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
#musicScreen #musicDJQueue .musicDJQueueCard>button{
  width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;
}
@media(max-width:390px){
 #musicScreen #musicDraftTracks .musicListRow{grid-template-columns:80px minmax(0,1fr) 32px 32px!important;grid-template-rows:42px 32px!important}
 #musicScreen #musicDraftTracks .musicTrackOpen{grid-template-columns:80px minmax(0,1fr)!important;height:80px!important}
 #musicScreen #musicDraftTracks .musicTrackOpen img{width:80px!important;height:80px!important;min-width:80px!important}
 #musicScreen #musicDraftTracks .musicListRow>button:not(.musicTrackOpen){width:32px!important;max-width:32px!important;height:32px!important;min-height:32px!important}
 #musicScreen #musicDJQueue .musicDJQueueCard{grid-template-columns:minmax(0,1fr) 38px 38px!important;grid-template-rows:88px 38px!important}
 #musicScreen #musicDJQueue .musicDJQueueCard .musicTrackOpen{height:132px!important;min-height:132px!important}
 #musicScreen #musicDJQueue .musicDJQueueCard>button{width:38px!important;height:38px!important;min-height:38px!important}
}


/* DJ V1.6 — compact control rail matching the validated iPhone sketch */
#musicScreen #musicDJQueue .musicDJQueueCard{
  grid-template-columns:minmax(0,1fr) 40px 40px!important;
  grid-template-rows:40px 40px 40px!important;
  min-height:150px!important;height:150px!important;
  padding:8px!important;gap:6px!important;align-items:center!important;
}
#musicScreen #musicDJQueue .musicDJQueueCard .musicTrackOpen{
  grid-column:1!important;grid-row:1 / 4!important;
  height:134px!important;min-height:134px!important;
}
#musicScreen #musicDJQueue .musicDJQueueCard .musicDJApprove{grid-column:2!important;grid-row:1!important;align-self:center!important}
#musicScreen #musicDJQueue .musicDJQueueCard .musicDJReject{grid-column:3!important;grid-row:1!important;align-self:center!important}
#musicScreen #musicDJQueue .musicDJQueueCard .musicDJMove[aria-label^="Monter"]{grid-column:2!important;grid-row:2!important}
#musicScreen #musicDJQueue .musicDJQueueCard .musicDJMove[aria-label^="Descendre"]{grid-column:3!important;grid-row:2!important}
#musicScreen #musicDJQueue .musicDJQueueCard>button[aria-label^="Actions"]{
  grid-column:3!important;grid-row:3!important;justify-self:center!important;
  width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;
  padding:0!important;font-size:18px!important;
}
@media(max-width:390px){
 #musicScreen #musicDJQueue .musicDJQueueCard{
   grid-template-columns:minmax(0,1fr) 38px 38px!important;
   grid-template-rows:38px 38px 38px!important;height:144px!important;min-height:144px!important;
 }
 #musicScreen #musicDJQueue .musicDJQueueCard .musicTrackOpen{height:128px!important;min-height:128px!important}
 #musicScreen #musicDJQueue .musicDJQueueCard>button[aria-label^="Actions"]{width:38px!important;max-width:38px!important;height:38px!important;min-height:38px!important}
}


/* DJ V1.7 — place the generic track menu in the right control rail */
#musicScreen #musicDJQueue .musicDJQueueCard>button[aria-label^="Actions pour"]{
  grid-column:3!important;grid-row:3!important;
  justify-self:center!important;align-self:center!important;
  width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;
  margin:0!important;padding:0!important;font-size:18px!important;
}
@media(max-width:390px){
 #musicScreen #musicDJQueue .musicDJQueueCard>button[aria-label^="Actions pour"]{
   width:38px!important;max-width:38px!important;height:38px!important;min-height:38px!important;
 }
}


/* Music IA V1.6 — same validated card geometry as Mode DJ */
#musicScreen #musicDraftTracks .musicListRow{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 40px 40px!important;
  grid-template-rows:40px 40px 40px!important;
  min-height:150px!important;height:150px!important;
  padding:8px!important;gap:6px!important;align-items:center!important;overflow:hidden!important;
}
#musicScreen #musicDraftTracks .musicTrackOpen{
  grid-column:1!important;grid-row:1 / 4!important;
  display:block!important;position:relative!important;
  width:100%!important;height:134px!important;min-height:134px!important;
  padding:0!important;overflow:hidden!important;border-radius:13px!important;background:#0a0e13!important;
}
#musicScreen #musicDraftTracks .musicTrackOpen img{
  display:block!important;position:absolute!important;inset:0!important;
  width:100%!important;min-width:100%!important;max-width:none!important;height:100%!important;
  object-fit:cover!important;object-position:center!important;border-radius:13px!important;
}
#musicScreen #musicDraftTracks .musicTrackOpen::after{
  content:""!important;position:absolute!important;inset:48% 0 0!important;
  background:linear-gradient(transparent,rgba(3,6,10,.94))!important;pointer-events:none!important;
}
#musicScreen #musicDraftTracks .musicTrackOpen span{
  display:block!important;position:absolute!important;z-index:2!important;
  left:10px!important;right:10px!important;bottom:8px!important;
  width:auto!important;max-width:none!important;min-width:0!important;padding:0!important;
  color:#fff!important;text-shadow:0 1px 4px #000!important;
}
#musicScreen #musicDraftTracks .musicTrackOpen strong{
  display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;
  overflow:hidden!important;font-size:12px!important;line-height:1.15!important;
}
#musicScreen #musicDraftTracks .musicTrackOpen small{
  display:block!important;margin-top:4px!important;white-space:nowrap!important;
  overflow:hidden!important;text-overflow:ellipsis!important;font-size:10px!important;color:#d7dce3!important;
}
#musicScreen #musicDraftTracks .musicListRow>button:not(.musicTrackOpen){
  width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;
  margin:0!important;padding:0!important;border-radius:12px!important;overflow:hidden!important;
}
#musicScreen #musicDraftTracks .musicListRow>button[aria-label^="Actions pour"]{
  grid-column:3!important;grid-row:3!important;font-size:18px!important;justify-self:center!important;
}
#musicScreen #musicDraftTracks .musicListRow>button[aria-label^="Monter"]{
  grid-column:2!important;grid-row:2!important;font-size:15px!important;
}
#musicScreen #musicDraftTracks .musicListRow>button[aria-label^="Descendre"]{
  grid-column:3!important;grid-row:2!important;font-size:15px!important;
}
@media(max-width:390px){
 #musicScreen #musicDraftTracks .musicListRow{
   grid-template-columns:minmax(0,1fr) 38px 38px!important;
   grid-template-rows:38px 38px 38px!important;height:144px!important;min-height:144px!important;
 }
 #musicScreen #musicDraftTracks .musicTrackOpen{height:128px!important;min-height:128px!important}
 #musicScreen #musicDraftTracks .musicListRow>button:not(.musicTrackOpen){
   width:38px!important;max-width:38px!important;height:38px!important;min-height:38px!important;
 }
}


/* Music home V1.7 — personal playlists first, illustrated horizontal carousel */
#musicHomeExtras>.musicCards.musicHeroCards{
  display:flex!important;grid-template-columns:none!important;
  gap:10px!important;overflow-x:auto!important;overflow-y:hidden!important;
  scroll-snap-type:x proximity!important;-webkit-overflow-scrolling:touch!important;
  padding-right:18px!important;
}
#musicHomeExtras>.musicCards.musicHeroCards .musicIllustrated{
  flex:0 0 31.5%!important;min-width:0!important;scroll-snap-align:start!important;
}
#musicHomeExtras .musicHeroPlaylists{
  padding:0!important;
  box-shadow:0 10px 28px rgba(0,0,0,.28)!important;
}
#musicHomeExtras .musicHeroPlaylists .musicPlaylistArt{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:left center;border-radius:inherit;
}
#musicHomeExtras .musicHeroPlaylists .musicHeroIcon,
#musicHomeExtras .musicHeroPlaylists b,
#musicHomeExtras .musicHeroPlaylists small,
#musicHomeExtras .musicHeroPlaylists i{display:none!important}
@media(max-width:430px){
 #musicHomeExtras>.musicCards.musicHeroCards .musicIllustrated{flex-basis:31.5%!important}
}


/* Music IA V1.7 — visible lock state */
#musicScreen #musicDraftTracks .musicDraftLock[aria-pressed="true"]{
  border-color:var(--myevent-accent)!important;
  box-shadow:inset 0 0 0 1px var(--myevent-accent)!important;
}
#musicScreen #musicDraftTracks .musicDraftLock[aria-pressed="false"]{
  border-color:#35c978!important;
  box-shadow:inset 0 0 0 1px #35c978!important;
}


/* Music home V1.8 — final section action buttons */
#musicHome .musicSectionTitle>button,
#musicHome .musicShelfHead>button,
#musicHome .musicForYouHead>button{
  border-color:var(--myevent-accent)!important;
  box-shadow:inset 0 0 0 1px var(--myevent-accent)!important;
}
/* Use the existing button text as the single visible and accessible label. */
#musicHome .musicShelfHead>button{font-size:10px!important;color:#dfe4eb!important;line-height:1.2!important;white-space:nowrap!important}
#musicHome .musicShelfHead>button::before,#musicHome .musicShelfHead>button::after{content:none!important}

/* Music home V2.0 — align shelf action pills with section titles */
#musicHome .musicShelfHead{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
}
#musicHome .musicShelfHead>h3{
  margin:0!important;
}
#musicHome .musicShelfHead>button{
  flex:0 0 auto!important;
  margin:0!important;
}