.site-header{display:none!important}
/* App mode preserves the existing root interaction contract, while this
   canonical stylesheet remains the final authority for its primary items. */
body.visitor-mode .sidebar.bm-global-app-shell bravemeet-global-nav[data-mode="app"] .nav-safety,body.member-mode .sidebar.bm-global-app-shell bravemeet-global-nav[data-mode="app"] .nav-safety{display:none!important}
/* App routes keep their button/data-view behavior, but must render the same
   three-region header as City. This stylesheet loads after the legacy app CSS. */
@media (min-width:821px){
body.visitor-mode .sidebar.bm-global-app-shell,body.member-mode .sidebar.bm-global-app-shell,.sidebar.bm-global-app-shell{display:grid!important;grid-template-columns:minmax(168px,1fr) auto minmax(212px,1fr)!important;align-items:center!important;gap:16px!important;min-height:72px!important;height:72px!important;padding:0 clamp(24px,3.2vw,52px)!important}
.sidebar.bm-global-app-shell>bravemeet-global-nav[data-mode="app"]{display:contents!important}
.sidebar.bm-global-app-shell .brand{grid-column:1!important;justify-self:start!important;align-self:center!important;margin:0!important}
.sidebar.bm-global-app-shell nav[aria-label="Primary"]{grid-column:2!important;justify-self:center!important;align-self:center!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.sidebar.bm-global-app-shell nav[aria-label="Primary"] .nav-item{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:44px!important;height:44px!important;padding:0 16px!important;border:0!important;border-radius:14px!important;background:transparent!important;color:#4b5c79!important;font-size:14px!important;font-weight:700!important;line-height:1!important;box-shadow:none!important}
bravemeet-global-nav[data-mode="app"] nav[aria-label="Primary"] .nav-item{min-height:44px!important;height:44px!important}
.sidebar.bm-global-app-shell nav[aria-label="Primary"] .nav-item span{display:inline-flex!important;align-items:center!important;gap:7px!important}
.sidebar.bm-global-app-shell nav[aria-label="Primary"] .nav-item svg{display:block!important;width:16px!important;height:16px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.sidebar.bm-global-app-shell nav[aria-label="Primary"] .nav-item:hover{color:#0a66ff!important;background:rgba(10,102,255,.065)!important}
.sidebar.bm-global-app-shell nav[aria-label="Primary"] .nav-item.active{color:#0a66ff!important;background:rgba(10,102,255,.095)!important;box-shadow:inset 0 0 0 1px rgba(10,102,255,.08),0 8px 22px rgba(10,102,255,.075)!important}
.sidebar.bm-global-app-shell .sidebar-bottom{grid-column:3!important;justify-self:end!important;align-self:center!important;display:flex!important;align-items:center!important;gap:10px!important;margin:0!important;padding:0!important}
.sidebar.bm-global-app-shell .sidebar-bottom>[data-view="safety"],.sidebar.bm-global-app-shell .sidebar-bottom .profile-switch{display:none!important}
/* Members use the right rail for a compact account menu; sign-out stays
   inside that menu instead of competing with the primary navigation. */
body.member-mode .sidebar.bm-global-app-shell .sidebar-bottom .profile-switch{display:inline-flex!important;align-items:center!important;gap:8px!important;min-height:44px!important;margin:0!important;padding:4px 10px 4px 5px!important;border:1px solid #d9e3f4!important;border-radius:999px!important;background:#fff!important;color:#183561!important;font:700 13px -apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI Variable","Segoe UI",sans-serif!important;cursor:pointer!important}
body.member-mode .sidebar.bm-global-app-shell .sidebar-bottom .profile-switch .avatar{width:32px!important;height:32px!important;flex:0 0 32px!important;border:0!important}
body.member-mode .sidebar.bm-global-app-shell .sidebar-bottom .profile-switch span:nth-child(2){display:grid!important;gap:1px!important;text-align:left!important}
body.member-mode .sidebar.bm-global-app-shell .sidebar-bottom .profile-switch span:nth-child(2) small{display:none!important}
body.member-mode .sidebar.bm-global-app-shell .sidebar-bottom .profile-switch i{margin-left:2px!important;font-size:14px!important;color:#6d7d98!important}
body.member-mode .sidebar.bm-global-app-shell .sidebar-bottom .account-signout-quick{display:none!important}
.sidebar.bm-global-app-shell .visitor-sign-in-action{min-height:42px!important;padding:0 16px!important;border:1px solid #d9e3f4!important;border-radius:14px!important;background:#fff!important;color:#174b9b!important;font-size:14px!important;font-weight:700!important}
.sidebar.bm-global-app-shell .account-quick-access{min-height:42px!important;padding:0 16px!important;border:1px solid #0a66ff!important;border-radius:14px!important;background:#0a66ff!important;color:#fff!important;font-size:14px!important;font-weight:700!important;box-shadow:0 10px 24px rgba(10,102,255,.22)!important}
}
/* City-owned base styles target generic header/nav elements. Keep the canonical
   component self-contained so its three desktop regions cannot be restacked. */
bravemeet-global-nav[data-mode="city"]{display:block!important;width:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
/* City has its own content surface, but its top-level navigation uses the
   same system typography as the main application. */
bravemeet-global-nav[data-mode="city"],bravemeet-global-nav[data-mode="city"] .bm-global-header,bravemeet-global-nav[data-mode="city"] .bm-global-link,bravemeet-global-nav[data-mode="city"] .bm-global-action{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI Variable","Segoe UI",sans-serif!important}
bravemeet-global-nav[data-mode="city"] .bm-global-link,bravemeet-global-nav[data-mode="city"] .bm-global-action{font-size:14px!important;font-weight:700!important;line-height:14px!important;letter-spacing:-.14px!important}
bravemeet-global-nav[data-mode="city"] .bm-global-header{position:sticky!important;top:0;z-index:1000;display:grid!important;grid-template-columns:minmax(168px,1fr) auto minmax(212px,1fr)!important;grid-auto-flow:column!important;align-items:center!important;justify-items:stretch!important;width:100%!important;min-height:72px!important;margin:0!important;padding:0 clamp(24px,3.2vw,52px)!important;box-sizing:border-box!important;border-bottom:1px solid rgba(197,211,232,.62)!important;background:rgba(249,252,255,.88)!important;box-shadow:0 12px 34px rgba(33,82,158,.055)!important;backdrop-filter:saturate(170%) blur(24px);-webkit-backdrop-filter:saturate(170%) blur(24px)}
bravemeet-global-nav[data-mode="city"] .bm-global-brand{display:inline-flex!important;align-items:center!important;justify-self:start!important;width:max-content!important;min-width:0!important;margin:0!important;padding:0!important}bravemeet-global-nav[data-mode="city"] .bm-global-brand img{display:block!important;width:168px!important;height:auto!important;max-width:100%!important}.bm-global-primary,.bm-global-actions{display:flex;align-items:center}.bm-global-primary{justify-content:center;gap:6px}.bm-global-actions{justify-content:flex-end;gap:10px}
.bm-global-link,.bm-global-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border-radius:14px;color:#4b5c79;font-size:14px;font-weight:700;line-height:1;text-decoration:none;transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}.bm-global-link{padding:0 16px}.bm-global-link svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.bm-global-link:hover{color:#0a66ff;background:rgba(10,102,255,.065)}.bm-global-link[aria-current="page"]{color:#0a66ff;background:rgba(10,102,255,.095);box-shadow:inset 0 0 0 1px rgba(10,102,255,.08),0 8px 22px rgba(10,102,255,.075)}
.bm-global-action{padding:0 16px;border:1px solid #d9e3f4;background:#fff;color:#174b9b}.bm-global-action:hover{border-color:#b9cff5;background:#f7faff;transform:translateY(-1px)}.bm-global-action-primary{border-color:#0a66ff;background:#0a66ff;color:#fff;box-shadow:0 10px 24px rgba(10,102,255,.22)}.bm-global-action-primary:hover{border-color:#0f54d1;background:#0f54d1;color:#fff}.bm-global-link:focus-visible,.bm-global-action:focus-visible,.bm-global-brand:focus-visible{outline:3px solid rgba(23,98,232,.28);outline-offset:3px}.bm-global-mobile{display:none}
@media(max-width:1080px){bravemeet-global-nav[data-mode="city"] .bm-global-header{grid-template-columns:minmax(148px,1fr) auto minmax(148px,1fr)!important;padding:0 22px!important}.bm-global-link{padding:0 10px;font-size:13px}.bm-global-actions{gap:7px}.bm-global-action{padding:0 12px}}
@media(max-width:900px){body{padding-bottom:68px}bravemeet-global-nav[data-mode="city"] .bm-global-header{grid-template-columns:1fr auto!important;min-height:64px!important;padding:0 18px!important}.bm-global-brand img{width:148px}.bm-global-primary{display:none!important}.bm-global-actions .bm-global-action:not(.bm-global-action-primary){display:none!important}.bm-global-action{min-height:39px;padding:0 13px;font-size:13px}.bm-global-mobile{position:fixed;right:max(10px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));left:max(10px,env(safe-area-inset-left));z-index:1001;display:grid!important;grid-template-columns:repeat(7,1fr);min-height:62px;padding:6px;border:1px solid rgba(197,211,232,.7);border-radius:22px;background:rgba(250,252,255,.88);box-shadow:0 18px 42px rgba(29,69,132,.16);backdrop-filter:saturate(180%) blur(24px);-webkit-backdrop-filter:saturate(180%) blur(24px)}.bm-global-mobile .bm-global-link{min-width:0;min-height:48px;padding:0 4px;border-radius:12px;font-size:10px;flex-direction:column;gap:3px}.bm-global-mobile .bm-global-link svg{width:17px;height:17px}}
@media(prefers-reduced-motion:reduce){.bm-global-link,.bm-global-action{transition:none}}

/* Design System v1.1: navigation is the same product transition on every
   surface. Selection is an indicator, never a competing boxed component. */
@media (min-width: 821px) {
  .sidebar.bm-global-app-shell nav[aria-label="Primary"] .nav-item {
    position: relative !important;
    border-radius: 0 !important;
    color: #344767 !important;
  }
  .sidebar.bm-global-app-shell nav[aria-label="Primary"] .nav-item:hover {
    background: transparent !important;
    color: #0a66ff !important;
  }
  .sidebar.bm-global-app-shell nav[aria-label="Primary"] .nav-item.active {
    background: transparent !important;
    color: #0a66ff !important;
    box-shadow: none !important;
  }
  .sidebar.bm-global-app-shell nav[aria-label="Primary"] .nav-item.active::after {
    content: "" !important;
    position: absolute !important;
    right: 16px !important;
    bottom: -15px !important;
    left: 16px !important;
    display: block !important;
    height: 2px !important;
    border-radius: 2px 2px 0 0 !important;
    background: #0a66ff !important;
  }
}

bravemeet-global-nav[data-mode="city"] .bm-global-header {
  border-bottom-color: #e4e9f1 !important;
  background: #fff !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.bm-global-link {
  position: relative;
  border-radius: 0;
  color: #344767;
}
.bm-global-link:hover {
  background: transparent;
  color: #0a66ff;
}
.bm-global-link[aria-current="page"] {
  background: transparent;
  color: #0a66ff;
  box-shadow: none;
}
.bm-global-link[aria-current="page"]::after {
  content: "";
  position: absolute;
  right: 16px;
  bottom: -15px;
  left: 16px;
  height: 2px;
  border-radius: 2px 2px 0 0;
  background: #0a66ff;
}
.bm-global-action {
  min-height: 44px;
  border-radius: 10px;
  border-color: #e4e9f1;
  color: #0a66ff;
}
.bm-global-action:hover { border-color: #0a66ff; background: #fff; transform: none; }
.bm-global-action-primary { border-color: #0a66ff; background: #0a66ff; color: #fff; box-shadow: none; }
.bm-global-action-primary:hover { border-color: #0057e7; background: #0057e7; color: #fff; }

/* AI is independently deployed like Tools. CORE owns this shell only; the
   AI team owns all content rendered beneath it. */
bravemeet-global-nav[data-mode="ai"]{display:block!important;width:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
bravemeet-global-nav[data-mode="ai"],bravemeet-global-nav[data-mode="ai"] .bm-global-header,bravemeet-global-nav[data-mode="ai"] .bm-global-link,bravemeet-global-nav[data-mode="ai"] .bm-global-action{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI Variable","Segoe UI",sans-serif!important}
bravemeet-global-nav[data-mode="ai"] .bm-global-link,bravemeet-global-nav[data-mode="ai"] .bm-global-action{font-size:14px!important;font-weight:700!important;line-height:14px!important;letter-spacing:-.14px!important}
bravemeet-global-nav[data-mode="ai"] .bm-global-header{position:sticky!important;top:0;z-index:1000;display:grid!important;grid-template-columns:minmax(168px,1fr) auto minmax(212px,1fr)!important;grid-auto-flow:column!important;align-items:center!important;justify-items:stretch!important;width:100%!important;min-height:72px!important;margin:0!important;padding:0 clamp(24px,3.2vw,52px)!important;box-sizing:border-box!important;border-bottom:1px solid #e4e9f1!important;background:#fff!important;box-shadow:none!important}
bravemeet-global-nav[data-mode="ai"] .bm-global-brand{display:inline-flex!important;align-items:center!important;justify-self:start!important;width:max-content!important;min-width:0!important;margin:0!important;padding:0!important}
bravemeet-global-nav[data-mode="ai"] .bm-global-brand img{display:block!important;width:168px!important;height:auto!important;max-width:100%!important}
bravemeet-global-nav[data-mode="ai"] .bm-global-link[aria-current="page"]{background:transparent;color:#0a66ff;box-shadow:none}
bravemeet-global-nav[data-mode="ai"] .bm-global-link[aria-current="page"]::after{content:"";position:absolute;right:16px;bottom:-15px;left:16px;height:2px;border-radius:2px 2px 0 0;background:#0a66ff}
@media(max-width:1080px){bravemeet-global-nav[data-mode="ai"] .bm-global-header{grid-template-columns:minmax(148px,1fr) auto minmax(148px,1fr)!important;padding:0 22px!important}}
@media(max-width:900px){body{padding-bottom:68px}bravemeet-global-nav[data-mode="ai"] .bm-global-header{grid-template-columns:1fr auto!important;min-height:64px!important;padding:0 18px!important}bravemeet-global-nav[data-mode="ai"] .bm-global-brand img{width:148px}}

/* Shared destinations can grow without creating a compressed or overflowing
   mobile rail. AI is the first new primary destination after Tools. */
@media(max-width:900px){.bm-global-mobile{display:flex!important;align-items:stretch;grid-template-columns:none!important;grid-auto-flow:initial!important}.bm-global-mobile .bm-global-link{flex:1 1 0!important;min-width:0!important}}

/* Tools is independently deployed, but its primary navigation is always
   CORE-owned. The content team mounts this shell and owns only the content
   that follows it. */
bravemeet-global-nav[data-mode="tools"]{display:block!important;width:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
bravemeet-global-nav[data-mode="tools"],bravemeet-global-nav[data-mode="tools"] .bm-global-header,bravemeet-global-nav[data-mode="tools"] .bm-global-link,bravemeet-global-nav[data-mode="tools"] .bm-global-action{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI Variable","Segoe UI",sans-serif!important}
bravemeet-global-nav[data-mode="tools"] .bm-global-link,bravemeet-global-nav[data-mode="tools"] .bm-global-action{font-size:14px!important;font-weight:700!important;line-height:14px!important;letter-spacing:-.14px!important}
bravemeet-global-nav[data-mode="tools"] .bm-global-header{position:sticky!important;top:0;z-index:1000;display:grid!important;grid-template-columns:minmax(168px,1fr) auto minmax(212px,1fr)!important;grid-auto-flow:column!important;align-items:center!important;justify-items:stretch!important;width:100%!important;min-height:72px!important;margin:0!important;padding:0 clamp(24px,3.2vw,52px)!important;box-sizing:border-box!important;border-bottom:1px solid #e4e9f1!important;background:#fff!important;box-shadow:none!important}
bravemeet-global-nav[data-mode="tools"] .bm-global-header{max-width:none!important}
bravemeet-global-nav[data-mode="tools"] .bm-global-brand{display:inline-flex!important;align-items:center!important;justify-self:start!important;width:max-content!important;min-width:0!important;margin:0!important;padding:0!important}
bravemeet-global-nav[data-mode="tools"] .bm-global-brand img{display:block!important;width:168px!important;height:auto!important;max-width:100%!important}
bravemeet-global-nav[data-mode="tools"] .bm-global-link[aria-current="page"]{background:transparent;color:#0a66ff;box-shadow:none}
bravemeet-global-nav[data-mode="tools"] .bm-global-link[aria-current="page"]::after{content:"";position:absolute;right:16px;bottom:-15px;left:16px;height:2px;border-radius:2px 2px 0 0;background:#0a66ff}

@media(max-width:1080px){bravemeet-global-nav[data-mode="tools"] .bm-global-header{grid-template-columns:minmax(148px,1fr) auto minmax(148px,1fr)!important;padding:0 22px!important}}
@media(max-width:900px){body{padding-bottom:68px}bravemeet-global-nav[data-mode="tools"] .bm-global-header{grid-template-columns:1fr auto!important;min-height:64px!important;padding:0 18px!important}bravemeet-global-nav[data-mode="tools"] .bm-global-brand img{width:148px}.bm-global-mobile{position:fixed;right:max(10px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));left:max(10px,env(safe-area-inset-left));z-index:1001;display:grid!important;grid-template-columns:repeat(7,1fr);min-height:62px;padding:6px;border:1px solid rgba(197,211,232,.7);border-radius:22px;background:rgba(250,252,255,.88);box-shadow:0 18px 42px rgba(29,69,132,.16);backdrop-filter:saturate(180%) blur(24px);-webkit-backdrop-filter:saturate(180%) blur(24px)}}

/* Navigation is a shared shell, including City. Do not inherit an older
   campaign typeface from the host page. */
/* Games is independently deployed like Tools, but must render the same
   CORE-owned header while its own Pages preview carries a read-only copy of
   this versioned stylesheet. */
bravemeet-global-nav[data-mode="games"]{display:block!important;width:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
bravemeet-global-nav[data-mode="games"],bravemeet-global-nav[data-mode="games"] .bm-global-header,bravemeet-global-nav[data-mode="games"] .bm-global-link,bravemeet-global-nav[data-mode="games"] .bm-global-action{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI Variable","Segoe UI",sans-serif!important}
bravemeet-global-nav[data-mode="games"] .bm-global-header{position:sticky!important;top:0;z-index:1000;display:grid!important;grid-template-columns:minmax(168px,1fr) auto minmax(212px,1fr)!important;grid-auto-flow:column!important;align-items:center!important;justify-items:stretch!important;width:100%!important;min-height:72px!important;margin:0!important;padding:0 clamp(24px,3.2vw,52px)!important;box-sizing:border-box!important;border-bottom:1px solid #e4e9f1!important;background:#fff!important;box-shadow:none!important}
bravemeet-global-nav[data-mode="games"] .bm-global-brand{display:inline-flex!important;align-items:center!important;justify-self:start!important;width:max-content!important;min-width:0!important;margin:0!important;padding:0!important}
bravemeet-global-nav[data-mode="games"] .bm-global-brand img{display:block!important;width:168px!important;height:auto!important;max-width:100%!important}
bravemeet-global-nav[data-mode="games"] .bm-global-link[aria-current="page"]{background:transparent;color:#0a66ff;box-shadow:none}
bravemeet-global-nav[data-mode="games"] .bm-global-link[aria-current="page"]::after{content:"";position:absolute;right:16px;bottom:-15px;left:16px;height:2px;border-radius:2px 2px 0 0;background:#0a66ff}
@media(max-width:1080px){bravemeet-global-nav[data-mode="games"] .bm-global-header{grid-template-columns:minmax(148px,1fr) auto minmax(148px,1fr)!important;padding:0 22px!important}}
@media(max-width:900px){bravemeet-global-nav[data-mode="games"] .bm-global-header{grid-template-columns:1fr auto!important;min-height:64px!important;padding:0 18px!important}bravemeet-global-nav[data-mode="games"] .bm-global-brand img{width:148px}}
.bm-play-secondary{display:flex;align-items:center;gap:4px;min-height:48px;padding:0 clamp(24px,3.2vw,52px);overflow-x:auto;border-bottom:1px solid #e4e9f1;background:#fff}.bm-play-secondary a,.bm-play-secondary>span{display:inline-flex;align-items:center;gap:6px;min-height:48px;padding:0 16px;white-space:nowrap;color:#64748b;font-size:14px;font-weight:750}.bm-play-secondary a{border-bottom:2px solid #0a66ff;color:#0a66ff;text-decoration:none}.bm-play-secondary .bm-play-soon{padding:2px 6px;border-radius:999px;background:#eef2f7;color:#718096;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.bm-play-secondary a:focus-visible{outline:3px solid #89baff;outline-offset:-3px}@media(max-width:900px){.bm-play-secondary{padding:0 18px}.bm-play-secondary a,.bm-play-secondary>span{min-height:44px;padding:0 12px}}

.sidebar.bm-global-app-shell nav[aria-label="Primary"] .nav-item,
.sidebar.bm-global-app-shell .visitor-sign-in-action,
.sidebar.bm-global-app-shell .account-quick-access,
.bm-global-link,
.bm-global-action,
.bm-global-mobile .bm-global-link {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI Variable", "Segoe UI", sans-serif !important;
}

/* Product Design precision pass — mobile app shell. The global-nav layer is
   intentionally the final authority so legacy flex sizing cannot compress
   the six destinations into an intrinsic-width strip. */
@media (max-width: 820px) {
  body.member-mode .sidebar.bm-global-app-shell {
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    padding: 0 !important;
    grid-template-columns: minmax(0, 1fr) !important;
    border-radius: 0 !important;
  }
  body.member-mode .sidebar.bm-global-app-shell > bravemeet-global-nav[data-mode="app"] {
    display: contents !important;
  }
  body.member-mode .sidebar.bm-global-app-shell nav[aria-label="Primary"] {
    width: 100% !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
    justify-content: stretch !important;
  }
  body.member-mode .sidebar.bm-global-app-shell nav[aria-label="Primary"] .nav-item {
    min-width: 0 !important;
    width: 100% !important;
    overflow: hidden !important;
  }
  body.member-mode .sidebar.bm-global-app-shell nav[aria-label="Primary"] .nav-item > span:first-child {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  body.member-mode .sidebar.bm-global-app-shell nav[aria-label="Primary"] .nav-item svg {
    width: 18px !important;
    height: 18px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }
  body.member-mode .sidebar.bm-global-app-shell nav[aria-label="Primary"] .nav-item svg * {
    fill: none !important;
    stroke: currentColor !important;
  }
}

/* Visitor mobile shell: keep the account CTA in a real top header. The
   bottom destination rail is fixed independently; leaving the CTA inside the
   bottom-anchored shell lets the two layers intercept each other's taps. */
@media (max-width: 820px) {
  body.visitor-mode .sidebar.bm-global-app-shell {
    top: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    left: 0 !important;
    width: 100% !important;
    height: 68px !important;
    min-height: 68px !important;
    padding: 0 18px !important;
    border-radius: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    z-index: 70 !important;
  }
  body.visitor-mode .sidebar.bm-global-app-shell > bravemeet-global-nav[data-mode="app"] {
    display: contents !important;
  }
  body.visitor-mode .sidebar.bm-global-app-shell .brand {
    display: inline-flex !important;
    grid-column: 1 !important;
    align-items: center !important;
    width: 166px !important;
    height: auto !important;
    margin: 0 !important;
  }
  body.visitor-mode .sidebar.bm-global-app-shell .sidebar-bottom {
    position: static !important;
    grid-column: 2 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  body.visitor-mode .sidebar.bm-global-app-shell .sidebar-bottom .account-quick-access {
    position: static !important;
    display: inline-flex !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 15px !important;
  }
  body.visitor-mode .sidebar.bm-global-app-shell nav[aria-label="Primary"] {
    position: fixed !important;
    top: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 60 !important;
  }
  body.visitor-mode .app-shell > main {
    padding-top: 88px !important;
  }
}
/* Inbox room controls: final icon-first treatment after type-precision layers. */
body.member-mode #inbox .composer .composer-future-tool,
body.member-mode #inbox .composer .composer-tool[aria-label="Send voice note"],
body.member-mode #inbox .composer [data-composer-gift="true"] { font-size: 0 !important; }
body.member-mode #inbox .composer .composer-future-tool { width: 34px; min-width: 34px; height: 30px; padding: 0; display: inline-flex; align-items: center; justify-content: center; }
body.member-mode #inbox .composer .composer-future-tool::before,
body.member-mode #inbox .composer [aria-label="Video call coming soon"]::before,
body.member-mode #inbox .composer-tool[aria-label="Send voice note"]::before,
body.member-mode #inbox .composer [data-composer-gift="true"]::before { content: none; }
.nav-route-link { text-decoration: none; }

@media(max-width:900px){bravemeet-global-nav[data-mode="games"] .bm-global-mobile{display:flex!important;align-items:stretch;grid-template-columns:none!important;grid-auto-flow:initial!important;min-height:62px;box-sizing:border-box}bravemeet-global-nav[data-mode="games"] .bm-global-mobile .bm-global-link{flex:1 1 0!important;min-width:0!important}bravemeet-global-nav[data-mode="games"]~main{padding-bottom:calc(84px + env(safe-area-inset-bottom))}}