/* MI PURPLAY — barrido total de superficies cliente
   Mantiene identidad oscura premium, elimina panel-sobre-panel casi negro.
   Sin blur, animaciones ni efectos pesados nuevos. */

body.client-portal-page,body.client-login-page{background:#16111f!important}

/* Estructura y navegación */
.client-topbar{background:linear-gradient(180deg,#30233f,#23293a)!important;border-color:rgba(215,174,255,.28)!important}
.client-quick-nav{background:#2b203a!important;border-color:rgba(219,178,255,.25)!important}
.client-quick-nav-button{color:#c6bdcf!important}
.client-quick-nav-button.active{background:#54336f!important;border-color:rgba(231,201,255,.34)!important}
.client-loading{background:#2c2439!important;border-color:rgba(210,169,255,.24)!important}

/* Tarjetas principales */
.client-hero-premium{background:linear-gradient(145deg,#49306c 0%,#30385c 56%,#204356 100%)!important}
.profile-premium{background:linear-gradient(145deg,#342842,#293246)!important}
.benefit-card,.return-gift-card{background:linear-gradient(145deg,#462b50,#303650 58%,#254050)!important}
.guest-pass-card{background:linear-gradient(145deg,#4a2f52,#333b56 58%,#274653)!important}
.tutorials-premium{background:linear-gradient(145deg,#332842,#283247)!important}
.support-premium{background:linear-gradient(145deg,#2d5048,#2a4149 58%,#293848)!important}

/* Home */
.home-control-action{background:#392f49!important;border-color:rgba(221,188,255,.21)!important}
.home-control-action:active{background:#443655!important}
.home-membership-v2{background:#332b42!important;border-color:rgba(255,255,255,.11)!important}
.home-activity-item{background:#30293b!important;border-color:rgba(255,255,255,.10)!important}
.home-control-heading small{background:#3a3048!important;border-color:rgba(255,255,255,.10)!important}

/* Regalos */
.gift-guidance>div{background:#3a3047!important;border-color:rgba(255,255,255,.11)!important}
.gift-code-row{background:#352d42!important;border-color:rgba(255,255,255,.11)!important}
.benefit-confirmed{background:#275143!important;border-color:rgba(104,235,171,.24)!important}
.avatar-button .avatar-edit{background:#352640!important}

/* Perfil */
.profile-premium input{background:#30394a!important;border-color:rgba(214,178,255,.22)!important}
.password-capsule{background:linear-gradient(145deg,#354052,#2f3748)!important;border-color:rgba(255,255,255,.13)!important}
.validity-grid>div{background:#333b4b!important;border-color:rgba(255,255,255,.10)!important}
.eye-button,.copy-button{background:#41495a!important;border-color:rgba(255,255,255,.13)!important}

/* Tutoriales — hub + modal */
.tutorial-journey-step,.tutorial-modal-journey-v2>div,.tutorial-modal-v2 .tutorial-step,.tutorial-step{background:#393047!important;border-color:rgba(218,183,255,.18)!important}
.tutorial-group{background:#2f273b!important}
.tutorial-tile,.tutorials-premium-v2 .tutorial-tile{background:#352e43!important;border-color:rgba(255,255,255,.12)!important}
.tutorial-icon{background:#47375a!important;border-color:rgba(224,195,255,.16)!important}
.tutorial-apps-intro,.tutorial-device-check,.tutorial-modal-v2 .tutorial-apps-intro,.tutorial-modal-v2 .tutorial-device-check{background:#382d49!important;border-color:rgba(211,177,255,.18)!important}
.tutorial-accordion-item{background:#332c40!important;border-color:rgba(255,255,255,.11)!important}
.tutorial-accordion-item.open{background:#413451!important;border-color:rgba(210,171,255,.26)!important}
.tutorial-empty{background:#332c40!important}
.tutorial-choice,.tutorial-fallback{background:#3b3448!important}
.tutorial-final,.tutorial-modal-v2 .tutorial-final{background:#2d5045!important;border-color:rgba(108,232,170,.24)!important}

/* Modales */
.client-modal{background:rgba(10,11,18,.78)!important}
.client-modal-card{background:linear-gradient(145deg,#3b3149,#2a3445)!important;border-color:rgba(215,175,255,.25)!important}
.client-modal-header{background:linear-gradient(180deg,#40344f,#30394a)!important;border-bottom-color:rgba(255,255,255,.11)!important}
.client-modal-close{background:#4a4056!important;border-color:rgba(255,255,255,.14)!important}
.avatar-option{background:linear-gradient(145deg,#3b3348,#30394a)!important;border-color:rgba(255,255,255,.12)!important}
.avatar-option.selected{background:linear-gradient(145deg,#553d70,#3c405c)!important}

/* Oferta Express */
.legacy-flash-offers{background:#352345!important;border-color:rgba(225,185,255,.25)!important}
.legacy-flash-label{background:#5a3673!important}
.legacy-flash-gift-note{background:#43314f!important;border-color:rgba(255,255,255,.10)!important}
.legacy-flash-clock-row,.legacy-flash-clock-row.countdown-v2{background:#40314d!important;border-color:rgba(222,181,255,.17)!important}
.countdown-v2-icon{background:#503761!important}
.legacy-clock-unit,.countdown-v2 .legacy-clock-unit{background:#493d54!important;border-color:rgba(255,255,255,.11)!important}
.legacy-flash-clock.danger .legacy-clock-unit,.countdown-v2 .legacy-flash-clock.danger .legacy-clock-unit{background:#54442f!important}
.legacy-offer-giftcard{background:linear-gradient(135deg,#52306d,#394574)!important}
.legacy-offer-features{background:#43314f!important;border-color:rgba(232,199,255,.16)!important}
.legacy-offer-state.expired{background:#403647!important}

/* Próximamente / Motor comercial */
.b-coming-section{background:#30233d!important;border-color:rgba(214,171,255,.24)!important}
.b-coming-badge{background:#49305a!important}
.b-coming-item{background:#3a3045!important;border-color:rgba(255,255,255,.10)!important}
.b-coming-icon{background:#4a3658!important;border-color:rgba(216,181,255,.17)!important}
.b-coming-state{background:#423a49!important;border-color:rgba(255,255,255,.10)!important}
.b-coming-item.state-available .b-coming-state{background:#28503a!important}
.b-coming-item.state-paused .b-coming-state{background:#55412c!important}

/* Billetera */
.walletv2 .walletv2-money>div{background:#3b3048!important;border-color:rgba(255,255,255,.11)!important}
.walletv2 .walletv2-steps>div{background:#372f43!important;border-color:rgba(255,255,255,.10)!important}
.walletv2 .walletv2-plan{background:#352e42!important;border-color:rgba(255,255,255,.10)!important}
.walletv2 .walletv2-code{background:#342d40!important;border-color:rgba(255,255,255,.10)!important}
.walletv2 .walletv2-summary>div{background:#332c3e!important;border-color:rgba(255,255,255,.09)!important}
.walletv2 .walletv2-details{background:#302a3b!important;border-color:rgba(255,255,255,.10)!important}

/* Login — oscurecido moderado */
body.client-login-page{background:linear-gradient(180deg,#100c16 0%,#0e151e 100%)!important}
.client-login-card{background:linear-gradient(145deg,#382b46,#263140)!important;border-color:rgba(208,168,248,.24)!important}
.client-login-card input{background:#222b38!important;border-color:rgba(255,255,255,.13)!important}
.client-remember{background:#292331!important;border-color:rgba(255,255,255,.10)!important}

/* Acceso directo / Magic Link — primera entrada más sobria */
body:has(.access-shell){background:radial-gradient(circle at 50% -10%,rgba(133,74,214,.18),transparent 34%),radial-gradient(circle at 95% 20%,rgba(206,63,169,.10),transparent 28%),linear-gradient(180deg,#111622 0%,#0c1118 100%)!important}
.access-card{background:linear-gradient(180deg,#354255,#252f3d)!important;border-color:rgba(255,255,255,.14)!important}
.state-box,.error-box{background:#273442!important;border-color:rgba(255,255,255,.10)!important}
.field-row input{background:#202a36!important;border-color:rgba(255,255,255,.15)!important}
.icon-btn{background:#344154!important;border-color:rgba(255,255,255,.13)!important}
.secondary-link{background:#37465a!important}

@media(max-width:700px){
  body.client-portal-page{background:linear-gradient(180deg,#191321,#14202b)!important}
  .client-topbar{background:#302440!important}
  .client-hero-premium{background:linear-gradient(145deg,#49306b,#30375b 58%,#204154)!important}
  .profile-premium{background:#30263d!important}
  .benefit-card,.return-gift-card{background:#402a49!important}
  .guest-pass-card{background:#413049!important}
  .tutorials-premium{background:#30283d!important}
  .tutorial-group{background:#332a40!important}
  .tutorial-tile,.tutorials-premium-v2 .tutorial-tile{background:#393047!important}
  .tutorial-icon{background:#4a365c!important}
  .support-premium{background:#2a4c43!important}
  .legacy-flash-offers{background:#352345!important}
  .legacy-offer-giftcard{background:#49365f!important}
  .b-coming-section{background:#30233d!important}
  .b-coming-item{background:#3a3045!important}
}