/* ==========================================================
   CANTAIMY v7.1.1 — clear account role card
   ========================================================== */
.v711-account-card{
  width:100% !important;
  min-height:124px !important;
  padding:12px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
  gap:10px !important;
  overflow:hidden !important;
}

.v711-user-main{
  display:grid !important;
  grid-template-columns:38px minmax(0,1fr) !important;
  align-items:center !important;
  gap:10px !important;
  min-width:0 !important;
}

.v711-user-photo{
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  border-radius:50% !important;
  object-fit:cover !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:#09071f !important;
}

.v711-user-copy{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:4px !important;
}

.v711-user-name{
  display:block !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:#fff !important;
  font-size:11px !important;
  line-height:1.2 !important;
}

.v711-role-badge{
  display:inline-flex !important;
  align-self:flex-start !important;
  align-items:center !important;
  min-height:22px !important;
  padding:0 8px !important;
  border-radius:999px !important;
  background:rgba(0,232,255,.08) !important;
  border:1px solid rgba(0,232,255,.15) !important;
  color:#9ef6ff !important;
  font:700 9px/1 Inter,sans-serif !important;
}

.v711-role-badge.publisher{
  color:#ffc5ef !important;
  background:rgba(255,62,207,.08) !important;
  border-color:rgba(255,62,207,.18) !important;
}

.v711-role-badge.admin{
  color:#ffd28a !important;
  background:rgba(255,177,77,.08) !important;
  border-color:rgba(255,177,77,.20) !important;
}

.v711-account-actions{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:7px !important;
}

.v711-account-actions:has(#adminOpenBtn[hidden]){
  grid-template-columns:1fr !important;
}

.v711-action-btn{
  min-width:0 !important;
  min-height:34px !important;
  padding:0 10px !important;
  border-radius:10px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:rgba(255,255,255,.035) !important;
  color:#dfe3ec !important;
  font:700 9.5px/1 Inter,sans-serif !important;
  white-space:nowrap !important;
  cursor:pointer !important;
}

.v711-action-btn.admin{
  color:#ffd28a !important;
  border-color:rgba(255,177,77,.18) !important;
}

.v711-action-btn.logout:hover,
.v711-action-btn.admin:hover{
  background:rgba(255,255,255,.07) !important;
}

.v711-account-card #loginBtn{
  width:100% !important;
  min-height:36px !important;
  position:static !important;
}

/* Hide legacy user-chip remnants if old CSS targets remain */
.v711-account-card .user-chip,
.v711-account-card .v6-account-actions,
.v711-account-card .v6-pro{
  display:none !important;
}

@media(max-width:1500px){
  .v711-account-card{
    min-height:116px !important;
    padding:10px !important;
  }
  .v711-user-photo{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
  }
  .v711-user-name{font-size:10px !important}
  .v711-role-badge{font-size:8.5px !important}
}


/* v7.1.2 home structure stabilization */
.v6-header{
  overflow:hidden !important;
}
.v6-hero{
  min-width:0 !important;
}
.v6-rail-cta,
.rail-cta{
  display:none !important;
}


/* v7.6.2 — edit track save feedback */
#editTrackStatus.success{
  color:#75f5c6;
}

#editTrackStatus.error{
  color:#ff8fa8;
}

#saveEditTrack:disabled{
  opacity:.78;
  cursor:wait;
}