/*
 * VELVET ROOM — CHANNEL IS USER PAGE / NATIVE APP SHELL V1
 *
 * The persistent shell is the app chrome.
 * Route-local legacy headers are suppressed only after JS marks them.
 * The Channel is the user's primary page; the Preview Card is the gateway.
 */

[data-vr-legacy-page-chrome="hidden"]{
  display:none !important;
}

#vrEcosystemHeader{
  isolation:isolate;
}

#vrEcosystemHeader .vrEcosystemTitle strong{
  font-size:16px !important;
}

#vrEcosystemHeader .vrEcosystemTitle span{
  font-size:10px !important;
}

#vrChannelOwnerTools{
  width:min(calc(100% - 28px),760px);
  margin:18px auto 24px;
  position:relative;
  z-index:6;
}

#vrChannelOwnerTools .vrChannelOwnerHeading{
  margin:0 0 10px 7px;
  color:var(--vr-shell-accent);
  font:800 12px/1 system-ui,-apple-system,sans-serif;
  text-transform:uppercase;
  letter-spacing:.18em;
}

#vrChannelOwnerTools .vrChannelOwnerGrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

#vrChannelOwnerTools .vrChannelOwnerAction{
  min-height:96px;
  padding:14px;
  border-radius:21px;
  border:1px solid rgba(var(--vr-shell-accent-rgb),.24);
  background:
    linear-gradient(145deg,rgba(var(--vr-shell-accent-rgb),.075),rgba(7,7,13,.90) 58%),
    rgba(8,8,14,.88);
  color:#fff;
  text-decoration:none;
  display:flex;
  align-items:center;
  gap:13px;
  box-shadow:0 12px 32px rgba(0,0,0,.24);
  font-family:system-ui,-apple-system,sans-serif;
}

button.vrChannelOwnerAction{
  width:100%;
  text-align:left;
  cursor:pointer;
}

#vrChannelOwnerTools .vrChannelOwnerAction:active{
  transform:scale(.985);
}

#vrChannelOwnerTools .vrChannelOwnerIcon{
  width:44px;
  height:44px;
  flex:0 0 44px;
  border-radius:15px;
  display:grid;
  place-items:center;
  border:1px solid rgba(var(--vr-shell-accent-rgb),.27);
  background:rgba(var(--vr-shell-accent-rgb),.09);
  font-size:21px;
}

#vrChannelOwnerTools .vrChannelOwnerCopy{
  min-width:0;
}

#vrChannelOwnerTools .vrChannelOwnerCopy b{
  display:block;
  font-size:15px;
  line-height:1.15;
}

#vrChannelOwnerTools .vrChannelOwnerCopy span{
  display:block;
  margin-top:5px;
  color:rgba(255,255,255,.56);
  font-size:11px;
  line-height:1.35;
}

body.vr-channel-owner [data-vr-self-action-hidden="1"]{
  display:none !important;
}

body.vr-surface-profile #vrOwnerProfileHub{
  display:none !important;
}

@media(max-width:520px){
  #vrChannelOwnerTools{
    width:calc(100% - 24px);
  }
  #vrChannelOwnerTools .vrChannelOwnerGrid{
    gap:9px;
  }
  #vrChannelOwnerTools .vrChannelOwnerAction{
    min-height:91px;
    padding:12px;
  }
}