/* MUSIRIVA — identidad VISUAL del Estudio Creadores.
   Solo se aplica cuando el JS añade .musiriva-branded.
   NO se aplica al modo de agente ni altera formularios, API, pagos o créditos. */
body.musiriva-branded{
  --bg:#0d081b;--card:#190f2a;--line:#4c2a65;--text:#fbf7ff;
  --muted:#c6b3d2;--green:#b679ff;--green2:#ec4899;--cyan:#c084fc;
  --blue:#a78bfa;--orange:#f5a623;
  background-color:#0b0718!important;
  background-image:radial-gradient(circle at 52% -12%,rgba(124,58,237,.28),transparent 43%),
                   radial-gradient(circle at 92% 42%,rgba(236,72,153,.12),transparent 48%)!important;
  color:#fbf7ff!important;
}
body.musiriva-branded .musiriva-page-brand{display:flex;align-items:center;gap:13px;margin:8px 0 24px}
body.musiriva-branded .musiriva-page-brand img{width:min(260px,85%);max-height:72px;object-fit:contain;object-position:left center}
body.musiriva-branded .musiriva-page-brand span{font-size:12px;color:#d9bdf1}
body.musiriva-branded .musiriva-studio-logo{display:block;width:min(390px,82vw);height:auto;max-height:100px;object-fit:contain;margin:0 auto 12px;filter:drop-shadow(0 14px 30px rgba(195,62,241,.22))}
body.musiriva-branded .eco-creator-kicker{color:#e9b4fb!important;letter-spacing:.11em}
body.musiriva-branded .musiriva-claim{font-weight:750;margin:10px auto 14px;color:#e8d1ff;font-size:clamp(14px,2.5vw,18px)}
body.musiriva-branded .grad{
  background:linear-gradient(90deg,#b78aff,#ed72dd,#f472b6)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
}
body.musiriva-branded .eco-creator-hero{background:radial-gradient(ellipse at 50% 0%,rgba(145,62,210,.10),transparent 65%)}
body.musiriva-branded .card,
body.musiriva-branded .eco-plan-panel,
body.musiriva-branded .eco-guide,
body.musiriva-branded .panel,
body.musiriva-branded .eco-login-panel,
body.musiriva-branded .eco-plan-card,
body.musiriva-branded .song,
body.musiriva-branded .library-item,
body.musiriva-branded .version-card,
body.musiriva-branded .eco-creator-card,
body.musiriva-branded .eco-creator-panel{
  background:linear-gradient(160deg,#21112e,#120b22)!important;
  border-color:#55306e!important;box-shadow:0 12px 32px #0005!important;
}
body.musiriva-branded input,
body.musiriva-branded textarea,
body.musiriva-branded select{
  background:#120a23!important;border-color:#573471!important;color:#fff5ff!important;
}
body.musiriva-branded input:focus,
body.musiriva-branded textarea:focus,
body.musiriva-branded select:focus{
  outline:2px solid #b767fa!important;outline-offset:1px;border-color:#ce78ef!important;
}
body.musiriva-branded .generate,
body.musiriva-branded button.buy,
body.musiriva-branded button[type="submit"],
body.musiriva-branded .eco-top-action,
body.musiriva-branded .musiriva-primary{
  background:linear-gradient(105deg,#7c3aed,#bb42db,#ec4899)!important;
  border-color:#cf6be8!important;color:#fff!important;
  box-shadow:0 10px 28px rgba(169,52,213,.24)!important;
}
body.musiriva-branded button:focus-visible,
body.musiriva-branded a:focus-visible{outline:2px solid #f0abfc!important;outline-offset:3px}
body.musiriva-branded .menu,
body.musiriva-branded .eco-nav-drawer,
body.musiriva-branded .eco-login-panel{
  background:#180f2a!important;border-color:#563473!important;
}
body.musiriva-branded .eco-nav-drawer a:hover,
body.musiriva-branded .menu a:hover{background:#322046!important;color:#f4d0ff!important}
body.musiriva-branded .eco-nav-toggle,
body.musiriva-branded .login,
body.musiriva-branded .hamb,
body.musiriva-branded .back,
body.musiriva-branded .eco-studio-action,
body.musiriva-branded .eco-credit-pill,
body.musiriva-branded #ecoNavLogout{
  background:#241336!important;border-color:#70418a!important;color:#f8eaff!important;
}
body.musiriva-branded a{color:#e6a7ff}
body.musiriva-branded .back{color:#f8eaff!important}
body.musiriva-branded .eco-nav-head strong,
body.musiriva-branded .brand,
body.musiriva-branded .cover-brand,
body.musiriva-branded .progress-brand{color:#f0b3f9!important}
body.musiriva-branded .eco-wallet-counter,
body.musiriva-branded .library-count,
body.musiriva-branded .eco-song-card-head .eco-songs-counter{color:#efd0fc!important}
body.musiriva-branded .status,
body.musiriva-branded .eco-plan-card,
body.musiriva-branded .empty,
body.musiriva-branded .notice{background:#1b102a!important;border-color:#6c4283!important;color:#f8ecff!important}
body.musiriva-branded .progress-bar{background:linear-gradient(90deg,#8b5cf6,#d946ef,#f472b6)!important}
body.musiriva-branded .cover{background:radial-gradient(circle at 24% 18%,#8b5cf655,transparent 40%),linear-gradient(145deg,#26123e,#0b0718)!important;border-color:#6a3a8b!important}
body.musiriva-branded .footer-logo{content:url('/assets/musiriva-logo.svg');max-width:170px;height:auto}
body.musiriva-branded .brand{display:flex;align-items:center;gap:12px;font-size:0}
body.musiriva-branded .brand::after{content:'MUSIRIVA';font-size:19px;letter-spacing:.12em;font-weight:900}
body.musiriva-branded .brand img{width:47px;height:47px}
body.musiriva-branded .card p,
body.musiriva-branded .eco-plans-intro,
body.musiriva-branded .eco-plan-note,
body.musiriva-branded .hint,
body.musiriva-branded .eco-creator-intro p,
body.musiriva-branded .song small{color:#d0bedb!important}
body.musiriva-branded .eco-nav-toggle:hover,
body.musiriva-branded .back:hover{border-color:#cf79ef!important}
body.musiriva-branded .eco-plan-card strong{color:#fcf1ff}
@media(max-width:600px){
  body.musiriva-branded .musiriva-studio-logo{width:min(290px,80vw);margin-bottom:8px}
  body.musiriva-branded .musiriva-page-brand img{width:min(205px,80vw)}
  body.musiriva-branded .eco-creator-intro{padding-top:20px!important}
}

/* Detalles accesibles de acceso y planes: eliminar acentos verde heredados. */
body.musiriva-branded .card nav button{
  background:transparent!important;border:0!important;box-shadow:none!important;
  color:#e9b4ff!important;padding:8px!important;
}
body.musiriva-branded .card .back{
  background:transparent!important;border:0!important;box-shadow:none!important;
  color:#dfbaff!important;text-decoration:none!important;
}
body.musiriva-branded .eco-plans-intro strong,
body.musiriva-branded .eco-plan-note strong,
body.musiriva-branded .eco-session strong{color:#f2caff!important}
body.musiriva-branded small,
body.musiriva-branded .eco-session{color:#cdbadd!important}


/* La tarjeta principal usa un selector legacy mas especifico: corregir sin tocar HTML. */
html:has(body.musiriva-branded){background:#0b0718!important;background-image:none!important}
html body.musiriva-branded main.grid > section.card,
html body.musiriva-branded .grid > section.card{
  background:linear-gradient(165deg,#241333,#130b22)!important;
  border-color:#65407f!important;
  box-shadow:0 20px 55px #0008,0 0 45px #b65be010!important;
}
html body.musiriva-branded .eco-songs-counter,
html body.musiriva-branded .eco-wallet-counter{
  background:#29143d!important;color:#eed1ff!important;border-color:#784698!important;
}


/* MUSIRIVA: interfaz simplificada. Los campos técnicos siguen montados en el
   DOM porque la generación y la guía de audio los necesitan internamente. */
body.musiriva-branded #songForm .eco-style-column,
body.musiriva-branded #songForm #subgenrePicker{
  display:none!important;
}
body.musiriva-branded #songForm .eco-style-audio-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:0!important;
}
body.musiriva-branded #songForm .eco-audio-column{
  width:100%!important;
  max-width:100%!important;
  border-color:#65407f!important;
  background:linear-gradient(145deg,#241333,#130b22)!important;
}
body.musiriva-branded #songForm #selectedGenreBox{
  border-color:#7643a1!important;
  background:#241333!important;
}
body.musiriva-branded #songForm #selectedGenreText{
  color:#ebbcff!important;
}