/* ==========================================================
   CANTAIMY v6.2 — FINAL POLISH
   Keeps v6.1 structure; refines only approved details.
   ========================================================== */

/* 1) Account card: clearer hierarchy and spacing */
.v6-account-card{
  padding:8px 9px 9px !important;
}

.v6-account-card .v6-user-chip{
  margin-bottom:7px !important;
}

.v61-account-actions,
.v6-account-actions{
  display:grid !important;
  grid-template-columns:58px minmax(0,1fr) !important;
  gap:8px !important;
  margin-top:0 !important;
}

.v6-mini-action{
  height:30px !important;
  min-height:30px !important;
  padding:0 9px !important;
  border-radius:9px !important;
  font-size:10px !important;
}

#logoutBtn.v6-mini-action{
  padding-left:10px !important;
  padding-right:10px !important;
  white-space:nowrap !important;
}

/* 2) Hero: soften bottom/right crop so it feels integrated */
.v6-hero{
  overflow:hidden !important;
  background:
    radial-gradient(circle at 76% 42%,rgba(255,48,176,.22),transparent 37%),
    linear-gradient(90deg,rgba(9,5,32,.16),rgba(9,5,32,0)) !important;
}

.v6-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:4;
  pointer-events:none;
  background:
    linear-gradient(180deg,
      rgba(7,3,25,0) 0%,
      rgba(7,3,25,0) 58%,
      rgba(7,3,25,.26) 76%,
      rgba(7,3,25,.92) 100%),
    linear-gradient(90deg,
      rgba(7,3,25,.52) 0%,
      rgba(7,3,25,.10) 26%,
      rgba(7,3,25,0) 55%);
}

.v6-hero img{
  right:2px !important;
  bottom:0 !important;
  top:auto !important;
  opacity:.98 !important;
  filter:saturate(1.04) contrast(1.03) !important;
}

.v6-hero-copy{
  z-index:6 !important;
}

/* 3) More room between mood cards and player */
.v6-feed{
  padding-bottom:24px !important;
}

.v6-moods{
  margin-bottom:8px !important;
}

.v6-moods button{
  transform:translateZ(0);
}

/* 4) Track titles slightly larger and more readable */
.v6-track-grid .track-card h3{
  font-size:16px !important;
  line-height:1.12 !important;
  margin-top:9px !important;
  letter-spacing:-.01em !important;
}

.v6-track-grid .track-card p{
  font-size:11.5px !important;
  line-height:1.2 !important;
}

/* 5) CTA text larger without enlarging the circle too much */
.v6-rail-cta{
  width:100px !important;
  height:100px !important;
  min-width:100px !important;
  min-height:100px !important;
  max-width:100px !important;
  max-height:100px !important;
  padding:10px !important;
  font-size:9.5px !important;
  line-height:1.18 !important;
  letter-spacing:-.01em !important;
}

.v6-rail-cta > span{
  font-size:11px !important;
  margin-bottom:3px !important;
}

/* 6) Artist avatars: sharper crop, stronger ring, no stretching */
.v6-rising-list .rising-item img{
  width:48px !important;
  height:48px !important;
  min-width:48px !important;
  min-height:48px !important;
  max-width:48px !important;
  max-height:48px !important;
  flex:0 0 48px !important;
  border-radius:50% !important;
  object-fit:cover !important;
  object-position:center !important;
  image-rendering:auto !important;
  filter:none !important;
  border:2px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 0 0 1px rgba(0,232,255,.12),
    0 7px 18px rgba(0,0,0,.20) !important;
  background:rgba(255,255,255,.035) !important;
}

.v6-rising-list .rising-item{
  gap:13px !important;
}

.v6-rising-list .rising-item strong{
  font-size:16.5px !important;
}

.v6-rising-list .rising-item span{
  font-size:12.5px !important;
}

/* Extra polish: section spacing and alignment */
.v6-section-head h2{
  letter-spacing:-.015em !important;
}

.v6-mood-head{
  margin-top:20px !important;
}

.v6-player{
  box-shadow:0 -12px 28px rgba(2,0,12,.16) !important;
}

/* Full-HD / laptop tuning */
@media(max-height:820px) and (min-width:1100px){
  .v6-feed{
    padding-bottom:18px !important;
  }

  .v6-track-grid .track-card h3{
    font-size:15px !important;
  }

  .v6-track-grid .track-card p{
    font-size:11px !important;
  }

  .v6-mood-head{
    margin-top:14px !important;
  }

  .v6-rail-cta{
    width:86px !important;
    height:86px !important;
    min-width:86px !important;
    min-height:86px !important;
    max-width:86px !important;
    max-height:86px !important;
    font-size:8px !important;
  }

  .v6-rising-list .rising-item img{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    min-height:42px !important;
    max-width:42px !important;
    max-height:42px !important;
    flex-basis:42px !important;
  }
}

/* Medium desktop */
@media(max-width:1500px) and (min-width:1050px){
  .v6-account-actions{
    grid-template-columns:54px minmax(0,1fr) !important;
    gap:6px !important;
  }

  .v6-mini-action{
    font-size:9.5px !important;
  }

  .v6-track-grid .track-card h3{
    font-size:15px !important;
  }
}