/* Final cleanup layer for profile dashboard v3.
   Keeps the real/server-backed profile controls and suppresses old local-preview UI that duplicates them. */

/* Remove legacy/local-preview duplicates that made the dashboard look crowded. */
.pdv3-profile .pn-badges,
.pdv3-profile [data-pc-social],
.pdv3-profile .ps-profile-social,
.pdv3-profile .pv-player-nameplate{
  display:none!important;
}

/* The middle column should read like one deliberate stack, not a collection of old widgets. */
.pdv3-profile .pdv3-main-column{gap:10px!important}
.pdv3-profile .pdv3-main-column>.lvt-profile-actions{order:1}
.pdv3-profile .pdv3-main-column>.plv2-bio{order:2}
.pdv3-profile .pdv3-main-column>.plv2-badges{order:3}
.pdv3-profile .pdv3-main-column>.pn-external-links{order:4}
.pdv3-profile .pdv3-main-column>.pn-actions{order:5}
.pdv3-profile .pdv3-main-column>.pn-claim{order:6}
.pdv3-profile .pdv3-main-column>.lvt-profile-settings{order:7}
.pdv3-profile .pdv3-main-column>.plv2-observed-note,
.pdv3-profile .pdv3-main-column>.pn-note,
.pdv3-profile .pdv3-main-column>.lvt-login-note{order:8}

/* Canonical community controls. These are the server-backed controls, not the old local preview. */
.pdv3-profile .pdv3-main-column>.lvt-profile-actions{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:7px!important;
  padding:10px!important;
  border:1px solid rgba(90,205,242,.085)!important;
  border-radius:12px!important;
  background:linear-gradient(145deg,rgba(7,31,46,.78),rgba(3,17,26,.94))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.018),0 14px 32px rgba(0,0,0,.08)!important;
}
.pdv3-profile .pdv3-main-column>.lvt-profile-actions:before{
  content:"COMMUNITY";
  grid-column:1/-1;
  margin-bottom:1px;
  color:#58c5df;
  font-size:7px;
  font-weight:950;
  letter-spacing:.15em;
}
.pdv3-profile .pdv3-main-column>.lvt-profile-actions button{
  min-width:0!important;
  min-height:42px!important;
  padding:7px 8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  border-radius:8px!important;
  background:rgba(2,16,25,.48)!important;
  border-color:rgba(86,205,242,.085)!important;
  color:#9dbcc6!important;
  font-size:7px!important;
  white-space:nowrap!important;
}
.pdv3-profile .pdv3-main-column>.lvt-profile-actions button span{
  color:#e6f7fb!important;
  font-size:9px!important;
  font-weight:900!important;
}
.pdv3-profile .pdv3-main-column>.lvt-profile-actions button:hover,
.pdv3-profile .pdv3-main-column>.lvt-profile-actions button.active{
  border-color:rgba(72,204,255,.25)!important;
  background:rgba(14,77,108,.23)!important;
  color:#eefcff!important;
}

/* Bio first-class, but compact. */
.pdv3-profile .plv2-bio{padding:11px 12px!important}
.pdv3-profile .plv2-bio-head{margin-bottom:5px!important}
.pdv3-profile .plv2-bio p{font-size:9px!important;line-height:1.55!important}

/* Badges should only appear in the designed badge card. */
.pdv3-profile .plv2-badges{padding:11px 12px!important}
.pdv3-profile .plv2-badges-head{margin-bottom:8px!important}
.pdv3-profile .plv2-badge-row{gap:7px!important}
.pdv3-profile .plv2-badge{min-height:31px!important;border-radius:8px!important;padding:4px 9px 4px 5px!important}

/* External profiles become a clean secondary row. */
.pdv3-profile .pn-external-links{
  min-height:48px!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  padding:8px 10px!important;
}
.pdv3-profile .pn-external-label{margin-right:auto!important;white-space:nowrap!important}
.pdv3-profile .pn-external-action{min-height:31px!important;border-radius:8px!important}

/* Utility actions should not compete visually with profile/community actions. */
.pdv3-profile .plv2-profile-tools{
  padding:7px!important;
  gap:6px!important;
  background:rgba(2,16,25,.34)!important;
  border-color:rgba(88,204,241,.055)!important;
}
.pdv3-profile .plv2-profile-tools .mini-action{
  min-height:30px!important;
  color:#708f99!important;
  background:rgba(255,255,255,.008)!important;
}
.pdv3-profile .plv2-profile-tools .mini-action:hover{color:#d9f6fb!important}

/* Compact right column so Name History is visible without a long wall of facts. */
.pdv3-profile .pdv3-facts-card{padding:11px 12px!important}
.pdv3-profile .pdv3-facts-card .pdv3-card-head{margin-bottom:5px!important}
.pdv3-profile .pdv3-facts-card .prl-profile-facts>div{
  min-height:31px!important;
  padding:5px 2px!important;
  grid-template-columns:88px minmax(0,1fr)!important;
}
.pdv3-profile .pdv3-facts-card .prl-profile-facts span{font-size:6.5px!important}
.pdv3-profile .pdv3-facts-card .prl-profile-facts b,
.pdv3-profile .pdv3-facts-card .prl-profile-facts code{font-size:7.5px!important}
.pdv3-profile .pdv3-name-card{padding:11px 12px!important}
.pdv3-profile .pdv3-name-row{min-height:34px!important;padding:5px 2px!important}
.pdv3-profile .pdv3-name-more{min-height:29px!important;margin-top:7px!important}

/* Slightly reduce the viewer footprint so the content columns stay balanced. */
.pdv3-profile .pn-avatar-stage{height:344px!important;min-height:344px!important}
.pdv3-profile .pn-avatar-img{max-height:326px!important}
.pdv3-profile .pc-skin-canvas{max-height:330px!important}
.pdv3-profile .pn-avatar-tools{margin-top:8px!important}
.pdv3-profile .pn-cache-pill{margin-top:7px!important}

/* Keep animation controls useful but visually secondary. */
.pdv3-profile .pv-controls{margin-top:8px!important}
.pdv3-profile .pv-animation{gap:5px!important}
.pdv3-profile .pv-animation button,
.pdv3-profile .pv-actions button{min-height:29px!important;font-size:6.5px!important}

/* Header spacing. The edit button belongs to the identity side rather than floating between systems. */
.pdv3-profile .lvt-profile-header-main{padding-right:138px!important}
.pdv3-profile .pdv3-header-actions{top:18px!important;right:18px!important}
.pdv3-profile .lvt-profile-header-socials{justify-content:center!important}

/* Canonical flag stays a real image, not Windows regional-indicator letters. */
.pdv3-profile .lvt-country-chip .lvt-country-flag{
  display:block!important;
  width:20px!important;
  height:15px!important;
  object-fit:cover!important;
  font-size:0!important;
}

@media(max-width:1080px){
  .pdv3-profile .pdv3-main-column>.lvt-profile-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:900px){
  .pdv3-profile .pn-avatar-stage{height:318px!important;min-height:318px!important}
  .pdv3-profile .pn-avatar-img,.pdv3-profile .pc-skin-canvas{max-height:302px!important}
}
@media(max-width:700px){
  .pdv3-profile .lvt-profile-header-main{padding-right:16px!important;padding-top:58px!important}
  .pdv3-profile .pdv3-header-actions{left:16px!important;right:auto!important;top:15px!important}
  .pdv3-profile .pdv3-main-column>.lvt-profile-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:480px){
  .pdv3-profile .pdv3-main-column>.lvt-profile-actions{grid-template-columns:1fr 1fr!important}
  .pdv3-profile .pn-external-links{align-items:flex-start!important;flex-wrap:wrap!important}
  .pdv3-profile .pn-external-label{width:100%!important;margin-right:0!important}
}