/* MAGICALRADIO3D / MA SONO V2 REPARATION 2.1
 * Scope exclusivement l'onglet Ma Sono: présentation uniquement.
 * Aucune règle globale sur player public, AutoDJ, DJ Starter ou autres pages.
 * Chargé après les couches historiques afin de conserver leurs contrôles et handlers.
 */
html body #mgrSono#mgrSono#mgrSono#mgrSono .mgrv2-safe {
 --mgrv2-cyan:#6fe5f7; --mgrv2-lilac:#bf9dff; --mgrv2-pink:#f67ccf;
 --mgrv2-line:#6bbad46e;
 color:#f4f8ff!important;
 background:linear-gradient(180deg,#071222 0%,#0c182f 55%,#080f22 100%)!important;
 border:1px solid #5d9bb66e!important;
 border-radius:20px!important;
 padding:clamp(12px,1.7vw,24px)!important;
 box-shadow:0 20px 56px #0009,inset 0 1px #ffffff24!important;
 max-width:1440px!important;
 width:100%!important;
 box-sizing:border-box!important;
 overflow:visible!important;
}
html body #mgrSono#mgrSono#mgrSono#mgrSono .mgrv2-safe .mgrv41-hero {
 position:relative!important;display:flex!important;flex-direction:column!important;
 justify-content:center!important;align-items:flex-start!important;
 padding:clamp(115px,10vw,145px) clamp(18px,3vw,38px) clamp(24px,3vw,36px)!important;
 min-height:280px!important;
 border:1px solid #6ce2f470!important;border-radius:18px!important;
 background-image:linear-gradient(90deg,rgba(4,12,31,.94) 0%,rgba(4,13,31,.75) 39%,rgba(4,14,33,.12) 74%,rgba(4,14,33,.16) 100%),url('/assets/mgr-sono-v2-studio.webp')!important;
 background-position:center,center center!important;
 background-size:cover,cover!important;
 background-repeat:no-repeat!important;
 box-shadow:0 16px 38px #0008,inset 0 1px #d9feff25!important;
 overflow:hidden!important;
}
html body #mgrSono#mgrSono#mgrSono#mgrSono .mgrv2-safe .hifi-emblem {display:none!important;}
html body #mgrSono#mgrSono#mgrSono#mgrSono .mgrv2-safe .mgrv42-wordmark {display:none!important;}
html body #mgrSono#mgrSono#mgrSono#mgrSono .mgrv2-safe .mgrv2-hero-brand{
 position:absolute;top:20px;left:clamp(18px,3vw,38px);z-index:2;
 display:flex;align-items:center;gap:13px;max-width:calc(100% - 45px);
}
html body #mgrSono#mgrSono#mgrSono#mgrSono .mgrv2-safe .mgrv2-hero-brand img{
 width:57px;height:57px;object-fit:contain;border-radius:13px;padding:5px;
 background:linear-gradient(125deg,#122b45b8,#171936bd);border:1px solid #8ad5e66e;
 box-shadow:0 5px 17px #0009;
}
html body #mgrSono#mgrSono#mgrSono#mgrSono .mgrv2-safe .mgrv2-brand-label {display:grid;gap:3px;color:#fff;font-size:15px;font-weight:850;letter-spacing:.055em;text-shadow:0 2px 5px #000a;}
html body #mgrSono#mgrSono#mgrSono#mgrSono .mgrv2-safe .mgrv2-brand-label small{color:#90e5ee;font-size:9px;letter-spacing:.22em;font-weight:700;}
html body #mgrSono#mgrSono#mgrSono#mgrSono .mgrv2-safe .mgrfusion-heading {
 position:relative;z-index:1;max-width:700px;
 font-size:clamp(40px,5.5vw,72px)!important;line-height:1.05!important;
 font-weight:900!important;letter-spacing:-.035em!important;
 text-shadow:0 5px 20px #000b!important;color:#f5f9ff!important;
}
html body #mgrSono#mgrSono#mgrSono#mgrSono .mgrv2-safe .mgrfusion-eyebrow{font-size:11px!important;letter-spacing:.22em!important;color:#86eeff!important;text-shadow:0 2px 8px #000b!important;}
html body #mgrSono#mgrSono#mgrSono#mgrSono .mgrv2-safe .mgrfusion-subtitle{color:#deebfa!important;font-size:clamp(12px,1.7vw,15px)!important;letter-spacing:.04em!important;text-shadow:0 2px 6px #000d!important;max-width:400px;}
html body #mgrSono#mgrSono#mgrSono#mgrSono .mgrv2-safe .mgrfusion-lamp{
 position:relative!important;z-index:1;
 background:#071427df!important;border:1px solid #669cb66b!important;color:#d8e7f5!important;
}
html body #mgrSono#mgrSono#mgrSono#mgrSono .mgrv2-safe .mgrv2-hero-actions{
 position:relative;z-index:3;display:flex;gap:10px;flex-wrap:wrap;align-items:center;
 margin-top:18px;
}
html body #mgrSono#mgrSono#mgrSono#mgrSono .mgrv2-safe .mgrv2-ui-button{
 appearance:none;min-height:44px;padding:11px 16px;border-radius:11px;
 border:1px solid #88e4f49c;cursor:pointer;color:#f8fcff!important;
 background:linear-gradient(115deg,#0c7495,#4b3c9a)!important;
 font:800 12px/1.3 system-ui,sans-serif;letter-spacing:.025em;
 box-shadow:0 6px 17px #0009,inset 0 1px #ffffff40;
}
html body #mgrSono#mgrSono#mgrSono#mgrSono .mgrv2-safe .mgrv2-ui-button:hover{filter:brightness(1.13);transform:translateY(-1px)}
html body #mgrSono#mgrSono#mgrSono#mgrSono .mgrv2-safe .mgrv2-ui-button:focus-visible{outline:2px solid white;outline-offset:3px}
html body #mgrSono#mgrSono#mgrSono#mgrSono .mgrv2-safe .mgrv2-ui-button--alt{background:#112b42da!important;border-color:#8baed87d}
html body #mgrSono#mgrSono#mgrSono#mgrSono .mgrv2-safe .mgrv2-tip{color:#bdd4e7;font-size:11px;margin-top:8px!important;}

/* La VRAIE carte de generation/copie est remontée avant le VRAI sélecteur. */
html body #mgrSono#mgrSono#mgrSono#mgrSono .mgrv2-safe .mgrv41-quick-link{
 display:block!important;margin:12px 0 16px!important;padding:19px!important;
 background:linear-gradient(115deg,#09243c,#17234b)!important;
 border:1px solid #6acfe49a!important;border-radius:16px!important;
 box-shadow:inset 0 1px #ffffff30,0 9px 20px #0007!important;
}
html body #mgrSono#mgrSono#mgrSono#mgrSono .mgrv2-safe .mgrv41-quick-link h3{font-size:18px!important;color:#f8fcff!important;}
html body #mgrSono#mgrSono#mgrSono#mgrSono .mgrv2-safe .mgrv41-quick-link button{
 opacity:1!important;cursor:pointer!important;
 background:linear-gradient(110deg,#067e9d,#4b46af)!important;border-color:#79e9fb!important;
 color:#fff!important;box-shadow:0 4px 16px #0005!important;
}
html body #mgrSono#mgrSono#mgrSono#mgrSono .mgrv2-safe .mgroom-link{
 background:#050f21ad!important;border:1px dashed #79cdf187!important;
 color:#ccf5fb!important;overflow-wrap:anywhere;
}
/* Les 3 boutons sont les VRAIS boutons existants et gardent leur listeners. */
html body #mgrSono#mgrSono#mgrSono#mgrSono .mgrv2-safe .mgrv41-mixer{
 background:linear-gradient(120deg,#0a1b34f0,#171638f5)!important;
 border:1px solid #8e91e28e!important;border-radius:16px!important;
 box-shadow:0 10px 24px #0008,inset 0 1px #ffffff2b!important;
 padding:19px!important;
}
html body #mgrSono#mgrSono#mgrSono#mgrSono .mgrv2-safe .mgroom-v4b3-top{color:#a4f1ff!important;}
html body #mgrSono#mgrSono#mgrSono#mgrSono .mgrv2-safe .mgroom-v4b3-switch{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;background:transparent!important;border:0!important;padding:4px!important;}
html body #mgrSono#mgrSono#mgrSono#mgrSono .mgrv2-safe .mgroom-v4b3-switch button{
 min-height:82px!important;opacity:1!important;border:1px solid #8d9ddd88!important;
 border-radius:13px!important;cursor:pointer!important;color:#d5ebff!important;
 background:linear-gradient(165deg,#183550,#172447 62%,#131834)!important;
 font-size:clamp(11px,1.55vw,15px)!important;font-weight:850!important;
 box-shadow:inset 0 2px #ffffff26,0 6px 15px #0008!important;
 transition:transform .15s,border-color .15s,box-shadow .15s!important;
}
html body #mgrSono#mgrSono#mgrSono#mgrSono .mgrv2-safe .mgroom-v4b3-switch button[aria-pressed="true"]{
 color:#fff!important;background:linear-gradient(120deg,#096e91,#5f3aa7)!important;
 border-color:#8eecff!important;box-shadow:0 0 21px #31dbeb55,inset 0 1px #ffffff5b!important;
}
html body #mgrSono#mgrSono#mgrSono#mgrSono .mgrv2-safe .mgroom-v4b3-switch button:disabled{opacity:.45!important;cursor:not-allowed!important;}
html body #mgrSono#mgrSono#mgrSono#mgrSono .mgrv2-safe [data-source-status]{color:#c3dce8!important;font-size:12px!important;}

/* Bibliotheques et playlist MIX reelles: seulement mise en forme. */
html body #mgrSono#mgrSono#mgrSono#mgrSono .mgrv2-safe .mgrmix{
 background:linear-gradient(152deg,#111d3a,#0a182c 75%)!important;
 border:1px solid #7592c27a!important;color:#f1faff!important;
 border-radius:18px!important;box-shadow:0 12px 28px #0007!important;
}
html body #mgrSono#mgrSono#mgrSono#mgrSono .mgrv2-safe .mgrmix__shelf,
html body #mgrSono#mgrSono#mgrSono#mgrSono .mgrv2-safe .mgrmix__queue{
 background:#0d1c32db!important;border-color:#7998c064!important;border-radius:14px!important;
}
html body #mgrSono#mgrSono#mgrSono#mgrSono .mgrv2-safe .mgrmix__tab.active{
 background:linear-gradient(110deg,#0b7084,#4b3a8a)!important;border-color:#7ae0f4!important;color:white!important;
}
html body #mgrSono#mgrSono#mgrSono#mgrSono .mgrv2-safe .mgrmix__save{
 background:linear-gradient(120deg,#078aad,#7843ba)!important;border-color:#92ebfc!important;color:white!important;
}
html body #mgrSono#mgrSono#mgrSono#mgrSono .mgrv2-safe .mgrmix__item.is-current{border-color:#68f1cc!important;background:#174050c7!important;}
html body #mgrSono#mgrSono#mgrSono#mgrSono .mgrv2-safe .mgrv41-library-wrap,
html body #mgrSono#mgrSono#mgrSono#mgrSono .mgrv2-safe .mgrv41-options{
 border:1px solid #6d94b47e!important;background:#0d1d33db!important;border-radius:14px!important;
}
html body #mgrSono#mgrSono#mgrSono#mgrSono .mgrv2-safe .mgr-sono-library-upload-v1 button{
 opacity:1!important;cursor:pointer!important;color:#fff!important;
 background:linear-gradient(100deg,#087d9d,#5b469c)!important;border-color:#8adef8!important;
}
html body #mgrSono#mgrSono#mgrSono#mgrSono .mgrv2-safe input[type=checkbox]{accent-color:#5fe7de!important;}
html body #mgrSono#mgrSono#mgrSono#mgrSono .mgrv2-safe [hidden]{display:none!important;}
@media(max-width:800px){
 html body #mgrSono#mgrSono#mgrSono#mgrSono .mgrv2-safe .mgrv41-hero{min-height:260px!important;padding:100px 18px 22px!important;background-position:center,67% center!important;}
 html body #mgrSono#mgrSono#mgrSono#mgrSono .mgrv2-safe .mgrfusion-heading{font-size:clamp(36px,8vw,54px)!important;}
 html body #mgrSono#mgrSono#mgrSono#mgrSono .mgrv2-safe .mgrv2-hero-brand{left:18px;top:15px;}
 html body #mgrSono#mgrSono#mgrSono#mgrSono .mgrv2-safe .mgrv2-brand-label{font-size:12px;}
 html body #mgrSono#mgrSono#mgrSono#mgrSono .mgrv2-safe .mgroom-v4b3-switch button{min-height:68px!important;}
}
@media(max-width:520px){
 html body #mgrSono#mgrSono#mgrSono#mgrSono .mgrv2-safe .mgroom-v4b3-switch{grid-template-columns:1fr!important;}
 html body #mgrSono#mgrSono#mgrSono#mgrSono .mgrv2-safe .mgrv41-hero{background-image:linear-gradient(90deg,rgba(4,12,31,.96),rgba(4,13,31,.58)),url('/assets/mgr-sono-v2-studio.webp')!important;}
 html body #mgrSono#mgrSono#mgrSono#mgrSono .mgrv2-safe .mgrv2-hero-actions{width:100%;}
 html body #mgrSono#mgrSono#mgrSono#mgrSono .mgrv2-safe .mgrv2-ui-button{flex:1 1 100%;}
}
@media(prefers-reduced-motion:reduce){html body #mgrSono#mgrSono#mgrSono#mgrSono .mgrv2-safe *{transition:none!important;animation:none!important;}}

/* Ordre visuel : ne JAMAIS deplacer les noeuds déjà gérés par le script HIFI.
   L'ancien script replace la carte lien après le mixeur ; CSS seul évite un cycle
   de MutationObserver et conserve TOUS les événements existants. */
html body #mgrSono#mgrSono#mgrSono#mgrSono .mgrv2-safe .mgrfusion-audio-card {
 display:flex!important;flex-direction:column!important;align-items:stretch!important;
}
html body #mgrSono#mgrSono#mgrSono#mgrSono .mgrv2-safe .mgrfusion-audio-card>.mgroom-header {order:-2!important;}
html body #mgrSono#mgrSono#mgrSono#mgrSono .mgrv2-safe .mgrfusion-audio-card>.mgrv41-quick-link {order:-1!important;}

/* V2.1 : carte 3DX devant le choix des sources SANS deplacer le DOM */
html body #mgrSono#mgrSono#mgrSono#mgrSono .mgrv2-safe .mgrfusion-audio-card {
 display:flex!important; flex-direction:column!important; gap:0!important;
}
html body #mgrSono#mgrSono#mgrSono#mgrSono .mgrv2-safe .mgrfusion-audio-card>.mgrv41-quick-link{
 order:-5!important;margin:12px 0 15px!important;border-radius:15px!important;
}
html body #mgrSono#mgrSono#mgrSono#mgrSono .mgrv2-safe .mgrfusion-audio-card>.mgrv41-mixer{order:0!important;}
html body #mgrSono#mgrSono#mgrSono#mgrSono .mgrv2-safe .mgrfusion-audio-card>.mgroom-grid{order:1!important;}