/* XNight Profile UI polish v20 — compact primary link */
:root{
  --xnight-profile-control-width:390px;
  --xnight-profile-chip-bg:rgba(255,255,255,.035);
  --xnight-profile-chip-bg-hover:rgba(255,255,255,.055);
  --xnight-profile-chip-border:rgba(255,255,255,.075);
  --xnight-profile-chip-radius:14px;
}
body.light-theme{
  --xnight-profile-chip-bg:rgba(15,23,42,.035);
  --xnight-profile-chip-bg-hover:rgba(15,23,42,.055);
  --xnight-profile-chip-border:rgba(15,23,42,.085);
}

/* One visual column: quick row and music share the same width. */
.v11-profile-flow{
  width:min(100%,var(--xnight-profile-control-width))!important;
  max-width:var(--xnight-profile-control-width)!important;
  margin-top:10px!important;
}
.v11-profile-quick-row{
  display:flex!important;
  align-items:stretch!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  width:auto!important;
  max-width:100%!important;
  margin:0 0 10px!important;
}
.v11-profile-quick-row:has(#profileMainLink[style*="display: none"]),
.v11-profile-quick-row:has(#liveMainLinkPreview[style*="display: none"]){
  width:auto!important;
}

/* Status: informational, visually quiet. */
.v11-profile-quick-row .profile-status-pill{
  flex:0 0 auto!important;
  min-height:36px!important;
  margin:0!important;
  padding:7px 11px!important;
  border-radius:var(--xnight-profile-chip-radius)!important;
  background:var(--xnight-profile-chip-bg)!important;
  border:1px solid var(--xnight-profile-chip-border)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important;
}

/* Main link: compact chip next to status, not a stretched card. */
.v11-profile-quick-row #profileMainLink,
.v11-profile-quick-row #liveMainLinkPreview{
  display:inline-block!important;
  flex:0 1 auto!important;
  min-width:0!important;
  max-width:min(100%,240px)!important;
  margin:0!important;
}
.v11-profile-quick-row .profile-main-link{
  width:auto!important;
  min-width:0!important;
  max-width:240px!important;
  min-height:36px!important;
  padding:5px 10px 5px 7px!important;
  gap:8px!important;
  border-radius:var(--xnight-profile-chip-radius)!important;
  background:var(--xnight-profile-chip-bg)!important;
  border:1px solid var(--xnight-profile-chip-border)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important;
  transform:none;
}
.v11-profile-quick-row .profile-main-link-copy{
  display:block!important;
  min-width:0!important;
  max-width:150px!important;
}
.v11-profile-quick-row .profile-main-link-domain{
  display:none!important;
}
.v11-profile-quick-row .profile-main-link-arrow{
  margin-left:3px!important;
}
.v11-profile-quick-row .profile-main-link:hover{
  transform:translateY(-1px)!important;
  background:var(--xnight-profile-chip-bg-hover)!important;
  border-color:color-mix(in srgb,var(--profile-accent-a,#ec4899) 42%,var(--xnight-profile-chip-border))!important;
  box-shadow:0 6px 18px rgba(0,0,0,.14),0 0 0 1px color-mix(in srgb,var(--profile-accent-a,#ec4899) 10%,transparent)!important;
}
.v11-profile-quick-row .profile-main-link-icon{
  width:25px!important;
  height:25px!important;
  flex:0 0 25px!important;
  border-radius:8px!important;
  box-shadow:0 4px 12px color-mix(in srgb,var(--profile-accent-a,#ec4899) 16%,transparent)!important;
}
.v11-profile-quick-row .profile-main-link-icon svg{width:13px!important;height:13px!important}
.v11-profile-quick-row .profile-main-link-label{font-size:12.5px!important;line-height:1.05!important}
.v11-profile-quick-row .profile-main-link-domain{font-size:9.5px!important;line-height:1.05!important;opacity:.76!important}
.v11-profile-quick-row .profile-main-link-arrow{width:14px!important;height:14px!important;flex-basis:14px!important;opacity:.72}
.v11-profile-quick-row .profile-main-link:hover .profile-main-link-arrow{opacity:1}

/* Preserve selectable styles, but keep them inside the XNight visual system. */
.v11-profile-quick-row .v9-main-link-minimal.profile-main-link{
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
.v11-profile-quick-row .v9-main-link-glow.profile-main-link{
  border-color:color-mix(in srgb,var(--profile-accent-a,#ec4899) 32%,var(--xnight-profile-chip-border))!important;
  box-shadow:0 0 14px color-mix(in srgb,var(--profile-accent-a,#ec4899) 12%,transparent),inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.v11-profile-quick-row .v9-main-link-solid.profile-main-link{
  background:linear-gradient(135deg,var(--profile-accent-a,#ec4899),var(--profile-accent-b,#8b5cf6))!important;
  border-color:transparent!important;
  box-shadow:0 6px 16px color-mix(in srgb,var(--profile-accent-a,#ec4899) 18%,transparent)!important;
}

/* Music is the main media card but should not feel heavier than the row above. */
.v11-profile-flow .v9-music-card{
  width:100%!important;
  max-width:none!important;
  min-height:58px!important;
  gap:10px!important;
  padding:8px 10px!important;
  margin:0 0 14px!important;
  border-radius:var(--xnight-profile-chip-radius)!important;
  background:var(--xnight-profile-chip-bg)!important;
  border:1px solid var(--xnight-profile-chip-border)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.v11-profile-flow .v9-music-card:hover{
  background:var(--xnight-profile-chip-bg-hover)!important;
  border-color:color-mix(in srgb,var(--v9-a,#ec4899) 28%,var(--xnight-profile-chip-border))!important;
}
.v11-profile-flow .v9-music-cover{
  width:40px!important;
  height:40px!important;
  flex-basis:40px!important;
  border-radius:10px!important;
}
.v11-profile-flow .v9-music-kicker{
  font-size:9px!important;
  letter-spacing:.075em!important;
  opacity:.8!important;
}
.v11-profile-flow .v9-music-title{
  font-size:12.8px!important;
  margin-top:2px!important;
}
.v11-profile-flow .v9-music-play{
  width:36px!important;
  height:36px!important;
  flex-basis:36px!important;
  background:var(--text-main)!important;
  color:var(--bg-color)!important;
  box-shadow:none!important;
  transition:transform .18s ease,box-shadow .18s ease;
}
.v11-profile-flow .v9-music-play:hover{
  transform:scale(1.035);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--v9-a,#ec4899) 9%,transparent)!important;
}

/* Keep the rest aligned to the same component column. */
.v11-profile-flow .v9-pinned-links{width:100%!important;max-width:none!important}
.v11-profile-flow .v9-profile-meta{margin-top:1px!important}

@media(max-width:720px){
  :root{--xnight-profile-control-width:100%}
  .v11-profile-flow{width:100%!important;max-width:100%!important}
  .v11-profile-quick-row{width:auto!important;max-width:100%!important;gap:7px!important;flex-wrap:wrap!important}
  .v11-profile-quick-row .profile-status-pill{min-height:34px!important;padding:6px 10px!important}
  .v11-profile-quick-row .profile-main-link{min-height:34px!important}
  .v11-profile-flow .v9-music-card{min-height:56px!important}
}