/*
 * VELVET ROOM - CHANNEL MIDDLE BLACK R3
 *
 * VISUAL AUTHORITY:
 * The Channel middle interaction surface is BLACK.
 *
 * Includes:
 * - lower identity / bio dock
 * - Open Room middle zone
 * - owner management block
 *
 * Excludes:
 * - ecosystem header
 * - persona selector / moon row
 * - user-owned cover / hero media
 * - content tabs and post identity skins
 *
 * Mode color remains accent-only. Mode artwork must not wallpaper this zone.
 */

:root{
  --vr-middle-black:#050507;
  --vr-middle-black-soft:#08080b;
  --vr-middle-line:rgba(255,255,255,.085);
}

/* Identity / bio surface */
body[data-vr-unified-surface="channel"] .heroDock,
body.vr-surface-channel .heroDock{
  background:var(--vr-middle-black) !important;
  background-image:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  box-shadow:none !important;
}

/* Keep the user's cover above the middle zone fully authoritative. */
body[data-vr-unified-surface="channel"] .heroBanner,
body[data-vr-unified-surface="channel"] .heroBannerMedia,
body[data-vr-unified-surface="channel"] .heroBannerMedia img,
body[data-vr-unified-surface="channel"] .heroBannerMedia video{
  background-image:none !important;
}

/* Permanent Open Room structural band */
#vrChannelMiddleZone{
  background:var(--vr-middle-black) !important;
  background-image:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  box-shadow:none !important;
  border-top:1px solid var(--vr-middle-line) !important;
  border-bottom:1px solid var(--vr-middle-line) !important;
}

#vrOpenRoomComingSoon{
  background:transparent !important;
  background-image:none !important;
}

/*
 * Persona modes still own ACCENTS:
 * Social pink/purple, Friends warm amber, Work gold/blue.
 * They do not own the black middle background.
 */
#vrChannelMiddleZone .vrOpenRoomIcon,
#vrChannelMiddleZone .vrOpenRoomBadge{
  box-shadow:none !important;
}