/* VELVET ROOM FLAT SURFACE AUTHORITY R9
   Page structure is flat. Identity media and native toggles may remain round. */
:root{--vr-flat-radius:0px}

#vrU1InlineComposer,
.moonItem,
.clipCard,
.postcard-track,
.speakInlineInput,
.vrOpenRoomEntry,
.section,
.vrChannelPostsSection,
.empty,
.settingsSection,
.vrMcSearchBox,
.tabBtn,
.notice,
.mode-pill,
.mini-btn,
.pill-btn,
.pdMetricGrid,
.pdGraphCard,
.pdTrackingCard,
.pdCommunityGrid,
.heroBtn,
.vrDockItem,
.vrUnifiedCreateAction{
  border-radius:0!important;
  box-shadow:none!important;
}

.section,
.vrChannelPostsSection,
.settingsSection,
.pdMetricGrid,
.pdGraphCard,
.pdTrackingCard,
.pdCommunityGrid{
  border-left:0!important;
  border-right:0!important;
}

#vrU1InlineComposer,
.speakInlineInput,
.vrMcSearchBox{
  border-left:0!important;
  border-right:0!important;
}

.moonItem,
.tabBtn{
  border-left:0!important;
  border-right:0!important;
  border-top:0!important;
}

.moonItem.active,
.moonItem.is-active,
.moonItem[aria-selected="true"],
.tabBtn.is-active,
.tabBtn.active{
  box-shadow:inset 0 -2px 0 currentColor!important;
}

.clipCard,
.postcard-track,
.vrOpenRoomEntry,
.empty,
.notice{
  overflow:hidden;
}

.vrDockItem{
  border-top:0!important;
  border-left:0!important;
  border-right:0!important;
}

.vrDockItem.is-active{
  box-shadow:inset 0 2px 0 currentColor!important;
}

@media (max-width:700px){
  .page,
  main,
  .section,
  .settingsSection,
  .pdMetricGrid,
  .pdGraphCard,
  .pdTrackingCard,
  .pdCommunityGrid{
    max-width:none!important;
  }
}


/* R16 CANONICAL FEED NAV / SOFT CONTROL GEOMETRY */
body[data-vr-unified-surface="feed"] #modeTabs.vrFeedViewRow,
body[data-vr-feed-shell="compact-v2"] #modeTabs.vrFeedViewRow{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  height:auto!important;
  min-height:52px!important;
  max-height:none!important;
  padding:8px 14px!important;
}

body[data-vr-unified-surface="feed"] #modeTabs .feedNavBtn,
body[data-vr-feed-shell="compact-v2"] #modeTabs .feedNavBtn{
  width:100%!important;
  min-width:0!important;
  min-height:40px!important;
  padding:8px 10px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:14px!important;
  background:#09090d!important;
}

body[data-vr-unified-surface="feed"] #modeTabs .feedNavBtn.active,
body[data-vr-feed-shell="compact-v2"] #modeTabs .feedNavBtn.active{
  border-color:var(--vr-feed-mode-color,#c760ff)!important;
  box-shadow:inset 0 -2px 0 var(--vr-feed-mode-color,#c760ff)!important;
}

body[data-vr-unified-surface="feed"] #vrU1InlineComposer,
body[data-vr-feed-shell="compact-v2"] #vrU1InlineComposer{
  border-radius:999px!important;
  margin-left:2px!important;
  margin-right:2px!important;
  min-height:44px!important;
  height:44px!important;
}

body[data-vr-unified-surface="feed"] #vrU1InlineComposerAction,
body[data-vr-feed-shell="compact-v2"] #vrU1InlineComposerAction{
  border-radius:0 999px 999px 0!important;
  min-width:118px!important;
  padding:0 16px!important;
  white-space:nowrap!important;
}

body[data-vr-unified-surface="feed"] .speakInlineInput,
body[data-vr-feed-shell="compact-v2"] .speakInlineInput{
  border-radius:12px!important;
}


