/* TuneWrap Stage 12.8.4 — Corporate close on card */

/* Keep TuneWrap centered in the corporate topbar after removing the close button from the left. */
#corporate .corporate-panel-topbar.corporate-topbar-with-card-close{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  align-items:center!important;
}

#corporate .corporate-panel-topbar.corporate-topbar-with-card-close .song-player-brand{
  grid-column:2!important;
  justify-self:center!important;
}

#corporate .corporate-panel-topbar.corporate-topbar-with-card-close .corporate-panel-label{
  grid-column:3!important;
  justify-self:end!important;
}

/* The close action now belongs visually to the actual corporate card. */
#corporate .corporate-box.has-corporate-card-close{
  position:relative!important;
}

#corporate .corporate-box .corporate-panel-close.corporate-card-close{
  position:absolute!important;
  z-index:30!important;
  top:16px!important;
  right:16px!important;
  left:auto!important;
  width:auto!important;
  min-width:0!important;
  min-height:40px!important;
  height:40px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  margin:0!important;
  padding:0 13px!important;
  border:1px solid rgba(217,164,65,.36)!important;
  border-radius:12px!important;
  background:rgba(11,11,12,.94)!important;
  color:#d9a441!important;
  box-shadow:0 8px 24px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  cursor:pointer!important;
  font:800 10px/1 'Manrope',sans-serif!important;
}

#corporate .corporate-box .corporate-panel-close.corporate-card-close:hover,
#corporate .corporate-box .corporate-panel-close.corporate-card-close:focus-visible{
  border-color:rgba(217,164,65,.72)!important;
  background:rgba(217,164,65,.10)!important;
  color:#efc469!important;
}

#corporate .corporate-box .corporate-panel-close.corporate-card-close svg{
  width:16px!important;
  height:16px!important;
  flex:none!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2.2!important;
  stroke-linecap:round!important;
}

/* Prevent the top-right action from colliding with content on narrower cards. */
@media(max-width:900px){
  #corporate .corporate-box.has-corporate-card-close{
    padding-top:64px!important;
  }

  #corporate .corporate-box .corporate-panel-close.corporate-card-close{
    top:12px!important;
    right:12px!important;
  }
}

/* Phone: familiar circular X in the card's top-right corner. */
@media(max-width:620px){
  #corporate .corporate-panel-topbar.corporate-topbar-with-card-close{
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  }

  #corporate .corporate-panel-topbar.corporate-topbar-with-card-close .corporate-panel-label{
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  #corporate .corporate-box.has-corporate-card-close{
    padding-top:58px!important;
  }

  #corporate .corporate-box .corporate-panel-close.corporate-card-close{
    top:10px!important;
    right:10px!important;
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    min-height:38px!important;
    padding:0!important;
    border-radius:50%!important;
  }

  #corporate .corporate-box .corporate-panel-close.corporate-card-close span{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
  }

  #corporate .corporate-box .corporate-panel-close.corporate-card-close svg{
    width:19px!important;
    height:19px!important;
  }
}