/* R414 — Velvet Room Center flat navigation across Social/Friends/Work.
 * Header actions remain 44px taps; search remains a true input. Message
 * rows, identity/notifications and email's actionable controls are retained. */
body[data-mode="social"]{--r414-center-accent:#d477ff}
body[data-mode="friends"]{--r414-center-accent:#f0ad58}
body[data-mode="work"]{--r414-center-accent:#79caff}
body:not([data-mode]){--r414-center-accent:#d477ff}
body[data-vr-message-center-aligned="v1"] .vrMcAlignedHeader{
  border:0!important;
  box-shadow:none!important;
}
body[data-vr-message-center-aligned="v1"] .vrMcHeaderTools .vrMcIconBtn{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
}
body[data-vr-message-center-aligned="v1"] .vrMcHeaderTools .vrMcIconBtn:focus-visible{
  outline:2px solid var(--r414-center-accent)!important;
  outline-offset:0!important;
}
body[data-vr-message-center-aligned="v1"] .vrMcModeBand{
  padding:1px 14px 2px!important;
  border:0!important;
  background:#000!important;
  box-shadow:none!important;
}
body[data-vr-message-center-aligned="v1"] .vrMcModeBand #modeTabs.moonRow{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  padding:0!important;
  margin:0!important;
  width:100%!important;
  min-height:46px!important;
  height:46px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
body[data-vr-message-center-aligned="v1"] .vrMcModeBand #modeTabs.moonRow > button.moonItem{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  min-height:44px!important;
  height:44px!important;
  gap:2px!important;
  margin:0!important;
  padding:6px 3px!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-bottom:2px solid transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:none!important;
  opacity:1!important;
  color:rgba(255,255,255,.64)!important;
  outline-offset:-2px!important;
}
body[data-vr-message-center-aligned="v1"] .vrMcModeBand #modeTabs.moonRow > button.moonItem .moonDot{
  display:none!important;
}
body[data-vr-message-center-aligned="v1"] .vrMcModeBand #modeTabs.moonRow > button.moonItem .moonLabel{
  color:inherit!important;
  font:850 clamp(12px,3.55vw,15px)/1.2 system-ui,-apple-system,sans-serif!important;
  padding:0!important;
  margin:0!important;
  white-space:nowrap!important;
  text-shadow:none!important;
}
body[data-vr-message-center-aligned="v1"] .vrMcModeBand #modeTabs.moonRow > button.moonItem.active,
body[data-vr-message-center-aligned="v1"] .vrMcModeBand #modeTabs.moonRow > button.moonItem[aria-pressed="true"]{
  color:var(--r414-center-accent)!important;
  border:0!important;
  border-bottom:2px solid var(--r414-center-accent)!important;
  background:transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body[data-vr-message-center-aligned="v1"] .vrMcModeBand #modeTabs.moonRow > button.moonItem:focus-visible{
  outline:2px solid var(--r414-center-accent)!important;
}
body[data-vr-message-center-aligned="v1"] .tabs.inboxTabs{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  gap:0!important;
  padding:2px 14px!important;
  margin:0!important;
  min-height:45px!important;
  background:#000!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
  box-shadow:none!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
}
body[data-vr-message-center-aligned="v1"] .tabs.inboxTabs::-webkit-scrollbar{display:none!important}
body[data-vr-message-center-aligned="v1"] .tabs.inboxTabs > .tabBtn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:1 0 auto!important;
  min-width:0!important;
  min-height:42px!important;
  height:42px!important;
  margin:0!important;
  padding:8px 8px!important;
  gap:3px!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-bottom:2px solid transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
  font:800 clamp(11px,3.3vw,14px)/1.2 system-ui,-apple-system,sans-serif!important;
  color:rgba(255,255,255,.66)!important;
  white-space:nowrap!important;
}
body[data-vr-message-center-aligned="v1"] .tabs.inboxTabs > .tabBtn.is-active{
  color:var(--r414-center-accent)!important;
  background:transparent!important;
  border:0!important;
  border-bottom:2px solid var(--r414-center-accent)!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body[data-vr-message-center-aligned="v1"] .tabs.inboxTabs .tabBadge{
  display:inline-grid!important;
  place-items:center!important;
  min-width:17px!important;
  height:18px!important;
  margin:0 0 0 2px!important;
  padding:0 2px!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:var(--r414-center-accent)!important;
  font-size:11px!important;
}
body[data-vr-message-center-aligned="v1"] .tabs.inboxTabs > .tabBtn:focus-visible{
  outline:2px solid var(--r414-center-accent)!important;
  outline-offset:-2px!important;
}
body[data-mode="work"][data-vr-message-center-aligned="v1"] #vrWorkCenterR403{
  padding:0 12px!important;
  margin:5px 0 0!important;
  background:transparent!important;
  border:0!important;
}
body[data-mode="work"][data-vr-message-center-aligned="v1"] #vrWorkCenterR403 .r403Heading{
  margin:3px 0 7px!important;
  gap:7px!important;
  padding:0!important;
}
body[data-mode="work"][data-vr-message-center-aligned="v1"] #vrWorkCenterR403 .r403Heading strong{
  font-size:clamp(18px,5vw,23px)!important;
  line-height:1.12!important;
}
body[data-mode="work"][data-vr-message-center-aligned="v1"] #vrWorkCenterR403 .r403Activity{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:7px 0!important;
  margin:0!important;
  min-height:38px!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:var(--r414-center-accent)!important;
  font-size:clamp(10px,2.8vw,13px)!important;
  white-space:nowrap!important;
  text-decoration:none!important;
}
body[data-mode="work"][data-vr-message-center-aligned="v1"] #vrWorkCenterR403 .r403Nav{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  width:100%!important;
  min-height:44px!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
}
body[data-mode="work"][data-vr-message-center-aligned="v1"] #vrWorkCenterR403 .r403Nav > button{
  box-sizing:border-box!important;
  min-width:0!important;
  min-height:44px!important;
  height:auto!important;
  margin:0!important;
  padding:8px 1px!important;
  background:transparent!important;
  border:0!important;
  border-bottom:2px solid transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:rgba(228,243,255,.68)!important;
  font:820 clamp(10px,2.7vw,13px)/1.2 system-ui,-apple-system,sans-serif!important;
  white-space:nowrap!important;
  overflow-wrap:normal!important;
}
body[data-mode="work"][data-vr-message-center-aligned="v1"] #vrWorkCenterR403 .r403Nav > button[aria-selected="true"]{
  color:var(--r414-center-accent)!important;
  border:0!important;
  border-bottom:2px solid var(--r414-center-accent)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body[data-mode="work"][data-vr-message-center-aligned="v1"] #vrWorkCenterR403 .r403Nav > button:focus-visible,
body[data-mode="work"][data-vr-message-center-aligned="v1"] #vrWorkCenterR403 .r403Activity:focus-visible{
  outline:2px solid #e6f7ff!important;
  outline-offset:-1px!important;
}
body[data-mode="work"][data-vr-message-center-aligned="v1"] #vrWorkCenterR403 .r403Context{
  font-size:11px!important;
  line-height:1.4!important;
  margin:6px 0 8px!important;
  padding:0!important;
  color:rgba(191,217,237,.67)!important;
}
body[data-mode="work"][data-vr-message-center-aligned="v1"] #r403Followers,
body[data-mode="work"][data-vr-message-center-aligned="v1"] .r403IntroPanel{
  margin:3px 12px 10px!important;
  padding:6px 0 10px!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid rgba(115,191,246,.16)!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body[data-mode="work"][data-vr-message-center-aligned="v1"] #r403Followers h2,
body[data-mode="work"][data-vr-message-center-aligned="v1"] .r403IntroPanel h2{
  margin:0 0 5px!important;
  font-size:18px!important;
}
body[data-mode="work"][data-vr-message-center-aligned="v1"] #r403Followers p,
body[data-mode="work"][data-vr-message-center-aligned="v1"] .r403IntroPanel p{
  margin:4px 0!important;
  font-size:12px!important;
  line-height:1.45!important;
}
body[data-mode="work"][data-vr-message-center-aligned="v1"] #r403FollowerSummary{
  padding:6px 0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
@media(max-width:350px){
  body[data-vr-message-center-aligned="v1"] .tabs.inboxTabs{padding:0 8px!important}
  body[data-vr-message-center-aligned="v1"] .tabs.inboxTabs > .tabBtn{padding:6px 4px!important}
  body[data-mode="work"][data-vr-message-center-aligned="v1"] #vrWorkCenterR403{padding:0 8px!important}
  body[data-mode="work"][data-vr-message-center-aligned="v1"] #vrWorkCenterR403 .r403Nav button{font-size:10px!important}
}
@media(prefers-reduced-motion:reduce){
  body[data-vr-message-center-aligned="v1"] #modeTabs .moonItem,
  body[data-vr-message-center-aligned="v1"] .tabBtn{transition:none!important}
}
