/* BraveMeet Apple-platform Web system.
   Desktop follows macOS information architecture; compact layouts follow iOS.
   This file is intentionally visual-only and loads after the existing layers. */

/* You workspace: a compact identity panel followed by one clear set of controls.
   This intentionally supersedes earlier profile experiments that left a large,
   mostly empty hero beside duplicate account status cards. */
body.member-mode #profile.profile-view.active {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 22px !important;
}

body.member-mode #profile .member-profile-page-header {
  grid-column: 1 / -1 !important;
  grid-row: auto !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 2px 0 0 !important;
}

body.member-mode #profile .member-profile-page-header h1 {
  margin: 0 0 5px !important;
  font-size: clamp(28px, 2.4vw, 38px) !important;
  letter-spacing: -.05em !important;
  line-height: 1.04 !important;
}

body.member-mode #profile .member-profile-page-header > div > p:last-child {
  max-width: 66ch !important;
  font-size: 12px !important;
}

body.member-mode #profile .profile-hero-web {
  grid-column: 1 / -1 !important;
  grid-row: auto !important;
  display: grid !important;
  grid-template-columns: 88px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 20px !important;
  min-height: 0 !important;
  padding: 25px 28px !important;
  border-color: var(--bm-product-line) !important;
  border-radius: 14px !important;
  background: #fff !important;
}

body.member-mode #profile .profile-hero-web::before,
body.member-mode #profile .profile-hero-web::after {
  display: none !important;
}

body.member-mode #profile .profile-hero-web .profile-avatar {
  width: 88px !important;
  height: 88px !important;
  margin: 0 !important;
  border: 1px solid var(--bm-product-line) !important;
  border-radius: 50% !important;
  background-color: #edf4ff !important;
  background-position: center !important;
  background-size: cover !important;
  color: #0a57d5 !important;
  font-size: 23px !important;
  box-shadow: none !important;
}

body.member-mode #profile .profile-hero-web h1 {
  margin: 4px 0 5px !important;
  color: #071b3e !important;
  font-size: clamp(28px, 3vw, 42px) !important;
  font-weight: 760 !important;
  letter-spacing: -.055em !important;
  line-height: 1.02 !important;
}

body.member-mode #profile .profile-hero-web > div > p:not(.eyebrow) {
  margin: 0 !important;
  color: #64748d !important;
  font-size: 13px !important;
}

body.member-mode #profile .profile-hero-web .profile-hero-meta {
  margin-top: 12px !important;
  gap: 7px !important;
}

body.member-mode #profile .profile-hero-web .profile-hero-meta span {
  padding: 6px 9px !important;
  border: 1px solid var(--bm-product-line) !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #315279 !important;
  font-size: 10px !important;
}
body.member-mode #profile .profile-hero-web {
  grid-template-columns: 88px minmax(240px, .9fr) minmax(230px, .55fr) !important;
}
body.member-mode #profile .member-profile-visibility-snapshot {
  display: block !important;
  grid-column: 3 !important;
  grid-row: 1 !important;
  align-self: stretch !important;
  padding: 8px 0 8px 26px !important;
  border-left: 1px solid var(--bm-product-line) !important;
}
body.member-mode #profile .member-profile-visibility-snapshot .eyebrow { margin-bottom: 11px !important; }

/* You is the only personal-center destination for signed-in members. */
body.member-mode .sidebar-bottom .account-quick-access {
  display: none !important;
}

.you-settings-chooser {
  width: min(100%, 34rem);
}

.you-settings-chooser h2 {
  margin: 0.35rem 0 0;
}

.you-settings-chooser-list {
  display: grid;
  margin-top: 1.5rem;
  border-top: 1px solid var(--ios-line, #e6e9f0);
}

.you-settings-chooser-list button {
  display: grid;
  gap: 0.25rem;
  width: 100%;
  padding: 1rem 0;
  color: inherit;
  text-align: left;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--ios-line, #e6e9f0);
  cursor: pointer;
}

.you-settings-chooser-list button b {
  color: var(--navy, #0a2048);
  font-size: 0.97rem;
}

.you-settings-chooser-list button small {
  color: var(--muted, #64708a);
  font-size: 0.82rem;
}

.you-settings-chooser-list button:hover b,
.you-settings-chooser-list button:focus-visible b {
  color: var(--blue, #1267e8);
}

.you-settings-chooser-list button:focus-visible {
  outline: 2px solid var(--blue, #1267e8);
  outline-offset: -2px;
}

body.member-mode #profile .member-you-account-hub {
  padding: 26px 28px 10px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

body.member-mode .member-you-account-hub > header {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 24px !important;
  padding: 0 0 20px !important;
  border-bottom: 1px solid var(--bm-product-line) !important;
}

body.member-mode .member-you-account-hub > header h2 {
  margin: 4px 0 5px !important;
  font-size: clamp(23px, 2vw, 30px) !important;
}

body.member-mode .member-you-account-hub > header .primary {
  flex: 0 0 auto !important;
  min-width: 174px !important;
  min-height: 44px !important;
  border-radius: 11px !important;
}

body.member-mode .member-you-settings-list {
  display: block !important;
  border-bottom: 1px solid var(--bm-product-line) !important;
}

body.member-mode .member-you-setting-row {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) auto !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 92px !important;
  gap: 18px !important;
  padding: 17px 14px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--bm-product-line) !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #10264b !important;
  text-align: left !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: background-color 160ms ease, padding-left 160ms ease !important;
}

body.member-mode .member-you-setting-row:last-child {
  border-bottom: 0 !important;
}

body.member-mode .member-you-setting-row:hover,
body.member-mode .member-you-setting-row:focus-visible {
  padding-left: 20px !important;
  background: #f7faff !important;
  outline: 0 !important;
}

body.member-mode .member-you-setting-row:focus-visible {
  box-shadow: inset 3px 0 0 var(--bm-product-blue) !important;
}

body.member-mode .member-you-setting-row .member-you-setting-mark {
  display: grid !important;
  width: 38px !important;
  height: 38px !important;
  place-items: center !important;
  border: 1px solid #cfe0fb !important;
  border-radius: 50% !important;
  background: #f1f6ff !important;
  color: #0a57d5 !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 760 !important;
}

body.member-mode .member-you-setting-row > span:nth-child(2) {
  display: grid !important;
  gap: 4px !important;
}

body.member-mode .member-you-setting-row b {
  color: #10264b !important;
  font-size: 16px !important;
  font-weight: 760 !important;
  letter-spacing: -.018em !important;
}

body.member-mode .member-you-setting-row small {
  color: #6b7a93 !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
}

body.member-mode .member-you-setting-row em {
  max-width: 190px !important;
  color: #536984 !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  text-align: right !important;
}

@media (max-width: 820px) {
  body.member-mode #profile .member-you-account-hub {
    padding: 22px 20px 8px !important;
  }

  body.member-mode .member-you-account-hub > header {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 15px !important;
  }

  body.member-mode .member-you-account-hub > header .primary {
    width: 100% !important;
  }

  body.member-mode .member-you-setting-row {
    grid-template-columns: 38px minmax(0, 1fr) !important;
    gap: 13px !important;
    min-height: 88px !important;
  }

  body.member-mode .member-you-setting-row em {
    grid-column: 2 !important;
    max-width: none !important;
    text-align: left !important;
  }
}

/* Member visual precision R01: reduce first-viewport friction while keeping
   the approved white V1.1 surfaces and all existing interaction hooks. */
@media (min-width: 821px) {
  body.member-mode #discover .member-meet-reference-layout {
    height: min(620px, calc(100dvh - 280px)) !important;
    min-height: 520px !important;
    grid-template-rows: minmax(0, 1fr) 80px !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-profile-panel {
    padding: 24px 42px 18px !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-profile-identity h2 {
    font-size: clamp(42px, 3.7vw, 62px) !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-profile-bio {
    margin-top: 12px !important;
    padding-top: 12px !important;
    font-size: clamp(17px, 1.1vw, 20px) !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-interest-panel {
    margin-top: 12px !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-interest-tile {
    min-height: 100px !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-interest-tile > img {
    height: 52px !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-interest-tile small {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    line-height: 1.2 !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-interest-tile > img {
    height: 56px !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-availability {
    margin-top: 8px !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-profile-controls,
  body.member-mode #discover .member-meet-reference-layout .member-meet-person-navigation button {
    min-height: 40px !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-person-navigation button {
    width: 40px !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-action-rail {
    min-height: 80px !important;
    padding-inline: 7% !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-action {
    min-height: 54px !important;
    font-size: 16px !important;
  }

  body.member-mode #plans .member-plan-explore-controls > label:first-child {
    flex: 1 1 260px !important;
    min-width: 220px !important;
  }

  body.member-mode #plans .member-plan-explore-controls > label:not(:first-child) {
    flex: 0 1 148px !important;
  }

  body.member-mode #plans .member-plan-explore-controls .member-plan-filter-trigger {
    flex: 0 0 auto !important;
  }

  body.member-mode #plans .member-plan-filter-summary {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 22px !important;
  }

  body.member-mode #plans .member-plan-mine {
    padding-top: 26px !important;
  }

  body.member-mode #plans .member-plan-mine-group {
    margin-top: 18px !important;
  }

  body.member-mode #plans .member-plan-mine-group > header {
    margin-bottom: 7px !important;
  }

  body.member-mode #plans .member-plan-mine-empty {
    min-height: 54px !important;
    padding: 16px 14px !important;
    border: 1px solid var(--bm-product-line) !important;
    border-radius: 10px !important;
    color: #738097 !important;
  }

  body.member-mode #tools.member-circle-reference-layout .circle-board {
    align-items: start !important;
  }

  body.member-mode #tools.member-circle-reference-layout .member-circle-my-rail {
    gap: 12px !important;
  }

  body.member-mode #tools.member-circle-reference-layout .member-circle-rail-card {
    min-height: 0 !important;
    padding: 15px !important;
  }

  body.member-mode #tools.member-circle-reference-layout .member-circle-rail-card > header {
    margin-bottom: 9px !important;
  }

  body.member-mode #inbox .messenger[data-empty="true"] .empty-thread-list,
  body.member-mode #inbox .message-starter.message-select-chat {
    max-width: 360px !important;
    padding: 22px 24px !important;
    border: 1px solid var(--bm-product-line) !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: #52627b !important;
  }

  body.member-mode #inbox .messenger[data-empty="true"] .empty-thread-list::before {
    content: "Start with a contact, request, Plan or Circle";
    display: block !important;
    margin-bottom: 6px !important;
    color: var(--bm-product-ink) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
  }

  body.member-mode #profile .member-you-settings-grid > article {
    min-height: 112px !important;
    padding-block: 16px !important;
  }

  body.member-mode #profile .member-you-settings-grid > article p,
  body.member-mode #profile .member-you-settings-grid > article small {
    color: #65748b !important;
    line-height: 1.45 !important;
  }
}

@media (max-width: 820px) {
  body.member-mode #discover .member-meet-reference-layout .member-meet-action-rail {
    min-height: 78px !important;
  }

  body.member-mode #plans .member-plan-explore-controls > label:first-child {
    flex-basis: 100% !important;
  }
}
body.member-mode #profile .member-profile-visibility-snapshot dl { display: grid !important; gap: 10px !important; margin: 0 !important; }
body.member-mode #profile .member-profile-visibility-snapshot dl div { display: grid !important; gap: 2px !important; }
body.member-mode #profile .member-profile-visibility-snapshot dt {
  color: #718099 !important;
  font-size: 9px !important;
  font-weight: 760 !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
}
body.member-mode #profile .member-profile-visibility-snapshot dd {
  margin: 0 !important;
  color: #11294e !important;
  font-size: 12px !important;
  font-weight: 720 !important;
}
body.member-mode #profile .member-profile-visibility-snapshot small {
  display: block !important;
  max-width: 25ch !important;
  margin-top: 13px !important;
  color: #718099 !important;
  font-size: 10px !important;
  line-height: 1.45 !important;
}

/* These were only duplicate shortcuts; their active equivalents are below. */
body.member-mode #profile .member-profile-overview {
  display: none !important;
}

body.member-mode #profile .member-you-account-hub {
  grid-column: 1 / -1 !important;
  margin-top: 0 !important;
  padding: 27px 28px !important;
  border: 1px solid var(--bm-product-line) !important;
  border-radius: 14px !important;
  background: #fff !important;
}

body.member-mode .member-you-account-hub > header {
  align-items: flex-start !important;
  padding-bottom: 18px !important;
  border-bottom: 1px solid var(--bm-product-line) !important;
}

body.member-mode .member-you-account-hub > header h2 {
  margin: 4px 0 5px !important;
  color: #071b3e !important;
  font-size: clamp(24px, 2.1vw, 31px) !important;
  font-weight: 760 !important;
  letter-spacing: -.045em !important;
}

body.member-mode .member-you-settings-grid {
  gap: 0 !important;
  border: 1px solid var(--bm-product-line) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

body.member-mode .member-you-settings-grid > article {
  grid-template-columns: 38px minmax(0, 1fr) auto !important;
  align-items: center !important;
  min-height: 128px !important;
  padding: 19px 20px !important;
  border: 0 !important;
  border-right: 1px solid var(--bm-product-line) !important;
  border-bottom: 1px solid var(--bm-product-line) !important;
  border-radius: 0 !important;
  background: #fff !important;
}

body.member-mode .member-you-settings-grid > article:nth-child(2n) {
  border-right: 0 !important;
}

body.member-mode .member-you-settings-grid > article:nth-last-child(-n + 2) {
  border-bottom: 0 !important;
}

body.member-mode .member-you-settings-grid > article::after {
  display: none !important;
}

body.member-mode .member-you-setting-mark {
  width: 38px !important;
  height: 38px !important;
  border: 1px solid #cfe0fb !important;
  border-radius: 10px !important;
  background: #f3f7ff !important;
}

body.member-mode .member-you-settings-grid h3 {
  margin: 4px 0 3px !important;
  font-size: 15px !important;
}

body.member-mode .member-you-setting-actions {
  grid-column: auto !important;
  align-self: center !important;
  justify-content: flex-end !important;
}

body.member-mode .member-you-setting-actions button {
  min-height: 34px !important;
  border-color: var(--bm-product-line) !important;
  border-radius: 9px !important;
  background: #fff !important;
  color: #0a57d5 !important;
}

body.member-mode .member-you-membership {
  margin-top: 2px !important;
  padding: 23px 24px !important;
  border-radius: 12px !important;
  background: var(--bm-product-blue) !important;
}

@media (max-width: 820px) {
  body.member-mode #profile .member-profile-page-header > span { width: auto !important; }

  body.member-mode #profile .profile-hero-web {
    grid-template-columns: 64px minmax(0, 1fr) !important;
    gap: 15px !important;
    padding: 20px !important;
  }

  body.member-mode #profile .profile-hero-web .profile-avatar {
    width: 64px !important;
    height: 64px !important;
    font-size: 18px !important;
  }
  body.member-mode #profile .member-profile-visibility-snapshot { display: none !important; }

  body.member-mode #profile .member-you-account-hub { padding: 20px !important; }
  body.member-mode .member-you-settings-grid { grid-template-columns: 1fr !important; }
  body.member-mode .member-you-settings-grid > article,
  body.member-mode .member-you-settings-grid > article:nth-child(2n),
  body.member-mode .member-you-settings-grid > article:nth-last-child(-n + 2) {
    grid-template-columns: 38px minmax(0, 1fr) !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--bm-product-line) !important;
  }

  body.member-mode .member-you-settings-grid > article:last-child { border-bottom: 0 !important; }
  body.member-mode .member-you-setting-actions { grid-column: 2 !important; justify-content: flex-start !important; }
}

/* Early mobile authority: keep Plans rows inside the viewport. */
@media (max-width: 820px) {
  body.member-mode #plans .member-plan-studio-row {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    grid-template-columns: 88px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    gap: 8px 12px !important;
    align-items: start !important;
    overflow: hidden !important;
  }
  body.member-mode #plans .member-plan-studio-media {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    width: 88px !important;
    height: 84px !important;
    border-radius: 12px !important;
  }
  body.member-mode #plans .member-plan-studio-copy {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }
  body.member-mode #plans .member-plan-studio-attendance { display: none !important; }
  body.member-mode #plans .member-plan-studio-action {
    grid-column: 2 !important;
    grid-row: 2 !important;
    justify-self: start !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 7px 12px !important;
    white-space: nowrap !important;
  }
}

/* You v1.1 audit follow-through: one clear setting row, no duplicate privacy
   summary, and only approved neutral/blue surfaces. */
body.member-mode #profile .profile-hero-web {
  grid-template-columns: 72px minmax(0, 1fr) minmax(210px, .48fr) !important;
  gap: 18px !important;
  padding: 20px 24px !important;
}

body.member-mode #profile .profile-hero-web .profile-avatar {
  width: 72px !important;
  height: 72px !important;
  font-size: 20px !important;
}

body.member-mode #profile .member-profile-visibility-snapshot {
  padding-left: 22px !important;
}

body.member-mode .member-you-setting-row {
  grid-template-columns: 42px minmax(0, 1fr) minmax(0, 190px) 20px !important;
  gap: 16px !important;
}

body.member-mode .member-you-setting-chevron,
.you-settings-chooser .you-settings-chevron {
  width: 16px !important;
  height: 16px !important;
  color: var(--bm-color-muted, #6d7c96) !important;
  transition: color 180ms ease, transform 180ms ease !important;
}

body.member-mode .member-you-setting-row:hover .member-you-setting-chevron,
body.member-mode .member-you-setting-row:focus-visible .member-you-setting-chevron,
.you-settings-chooser-list button:hover .you-settings-chevron,
.you-settings-chooser-list button:focus-visible .you-settings-chevron {
  color: var(--bm-color-action, #0a66ff) !important;
  transform: translateX(2px) !important;
}

.you-settings-chooser-list button {
  grid-template-columns: minmax(0, 1fr) 20px !important;
  align-items: center !important;
  gap: 12px !important;
}

.you-settings-chooser-list button > span {
  display: grid !important;
  gap: 4px !important;
}

#message-preferences-form .credit-notice {
  border: 1px solid var(--bm-color-line, #e4e9f1) !important;
  border-radius: 10px !important;
  background: var(--bm-color-fill, #f5f7fa) !important;
  color: var(--bm-color-copy, #344767) !important;
  box-shadow: none !important;
}

#message-preferences-form .form-status {
  margin: 0 !important;
  padding: 10px 12px !important;
  border: 1px solid var(--bm-color-line, #e4e9f1) !important;
  border-radius: 10px !important;
  background: var(--bm-color-fill, #f5f7fa) !important;
  color: var(--bm-color-copy, #344767) !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
}

#message-preferences-form .form-status[data-tone="error"] {
  border-color: color-mix(in srgb, var(--bm-color-danger, #d92d20) 35%, #fff) !important;
  background: color-mix(in srgb, var(--bm-color-danger, #d92d20) 6%, #fff) !important;
  color: var(--bm-color-danger, #d92d20) !important;
}

#message-preferences-form button[aria-busy="true"] {
  cursor: progress !important;
}

@media (max-width: 820px) {
  body.member-mode #profile .profile-hero-web {
    grid-template-columns: 56px minmax(0, 1fr) !important;
    gap: 14px !important;
    padding: 18px !important;
  }

  body.member-mode #profile .profile-hero-web .profile-avatar {
    width: 56px !important;
    height: 56px !important;
    font-size: 17px !important;
  }

  body.member-mode #profile .member-profile-visibility-snapshot {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    padding: 14px 0 0 !important;
    border-top: 1px solid var(--bm-product-line) !important;
    border-left: 0 !important;
  }

  body.member-mode .member-you-setting-row {
    grid-template-columns: 38px minmax(0, 1fr) 18px !important;
    gap: 12px !important;
  }

  body.member-mode .member-you-setting-row em {
    grid-column: 2 !important;
  }

  body.member-mode .member-you-setting-chevron {
    grid-column: 3 !important;
    grid-row: 1 / span 2 !important;
    align-self: center !important;
  }
}

/* Final visibility snapshot placement for the compact You identity panel. */
@media (min-width: 821px) {
  body.member-mode #profile .profile-hero-web {
    grid-template-columns: 88px minmax(240px, .9fr) minmax(230px, .55fr) !important;
  }
  body.member-mode #profile .member-profile-visibility-snapshot {
    display: block !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    align-self: stretch !important;
    padding: 8px 0 8px 26px !important;
    border-left: 1px solid var(--bm-product-line) !important;
  }
}
body.member-mode #profile .member-profile-visibility-snapshot .eyebrow { margin-bottom: 11px !important; }
body.member-mode #profile .member-profile-visibility-snapshot dl { display: grid !important; gap: 10px !important; margin: 0 !important; }
body.member-mode #profile .member-profile-visibility-snapshot dl div { display: grid !important; gap: 2px !important; }
body.member-mode #profile .member-profile-visibility-snapshot dt { color: #718099 !important; font-size: 9px !important; font-weight: 760 !important; letter-spacing: .07em !important; text-transform: uppercase !important; }
body.member-mode #profile .member-profile-visibility-snapshot dd { margin: 0 !important; color: #11294e !important; font-size: 12px !important; font-weight: 720 !important; }
body.member-mode #profile .member-profile-visibility-snapshot small { display: block !important; max-width: 25ch !important; margin-top: 13px !important; color: #718099 !important; font-size: 10px !important; line-height: 1.45 !important; }
@media (max-width: 820px) {
  body.member-mode #profile .member-profile-visibility-snapshot { display: none !important; }
}

/* Meet profile header controls — intentionally separate person browsing from
   the photo gallery, so the two navigation systems cannot be confused. */
body.member-mode #discover .member-meet-reference-layout .member-meet-profile-identity {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 24px !important;
}

body.member-mode #discover .member-meet-quick-controls {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  min-height: 54px !important;
  padding: 0 40px !important;
  border-bottom: 1px solid #e6ebf2 !important;
  background: #fff !important;
}

body.member-mode #discover .member-meet-mode-tabs,
body.member-mode #discover .member-meet-intent-toggles {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}

body.member-mode #discover .member-meet-mode-tabs {
  padding: 3px !important;
  border: 1px solid #dfe6f0 !important;
  border-radius: 999px !important;
}

body.member-mode #discover .member-meet-mode-tabs button,
body.member-mode #discover .member-meet-intent-toggles button {
  min-height: 44px !important;
  padding: 0 12px !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #68778e !important;
  font-size: 12px !important;
  font-weight: 680 !important;
}

body.member-mode #discover .member-meet-mode-tabs button.active,
body.member-mode #discover .member-meet-intent-toggles button.active {
  border-color: #d8e5fb !important;
  background: #edf5ff !important;
  color: #1267ee !important;
}

body.member-mode #discover .member-meet-intent-toggles button {
  border-color: #e0e7f0 !important;
  background: #fff !important;
}

@media (max-width: 760px) {
  body.member-mode #discover .member-meet-quick-controls {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 9px !important;
    padding: 10px 18px !important;
  }
}

body.member-mode #discover .member-meet-reference-layout .member-meet-profile-controls {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  flex: 0 0 auto !important;
  padding-top: 4px !important;
}

body.member-mode #discover .member-meet-reference-layout .member-meet-person-navigation {
  display: inline-flex !important;
  align-items: center !important;
  overflow: hidden !important;
  border: 1px solid #dce4f0 !important;
  border-radius: 999px !important;
  background: #fff !important;
}

body.member-mode #discover .member-meet-reference-layout .member-meet-person-navigation button,
body.member-mode #discover .member-meet-reference-layout .member-meet-profile-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-height: 36px !important;
  padding: 0 12px !important;
  border: 0 !important;
  background: #fff !important;
  color: #203252 !important;
  font-size: 12px !important;
  font-weight: 680 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

body.member-mode #discover .member-meet-reference-layout .member-meet-person-navigation button + button {
  border-left: 1px solid #e2e8f1 !important;
}

body.member-mode #discover .member-meet-reference-layout .member-meet-person-navigation button:hover,
body.member-mode #discover .member-meet-reference-layout .member-meet-person-navigation button:focus-visible,
body.member-mode #discover .member-meet-reference-layout .member-meet-profile-link:hover,
body.member-mode #discover .member-meet-reference-layout .member-meet-profile-link:focus-visible {
  background: #f5f8fd !important;
  color: #1267ee !important;
  outline: 0 !important;
}

body.member-mode #discover .member-meet-reference-layout .member-meet-person-navigation button .visitor-icon {
  width: 14px !important;
  height: 14px !important;
}

body.member-mode #discover .member-meet-reference-layout .member-meet-person-navigation button:first-child .visitor-icon {
  transform: rotate(180deg) !important;
}

body.member-mode #discover .member-meet-reference-layout .member-meet-profile-link {
  border: 1px solid #dce4f0 !important;
  border-radius: 999px !important;
}

body.member-mode #discover .member-meet-reference-layout .member-meet-starter {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  margin-top: 20px !important;
  padding: 13px 14px !important;
  border: 1px solid #e0e7f1 !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #203252 !important;
  text-align: left !important;
}

body.member-mode #discover .member-meet-reference-layout .member-meet-starter:hover,
body.member-mode #discover .member-meet-reference-layout .member-meet-starter:focus-visible {
  border-color: #8ab5ff !important;
  box-shadow: 0 8px 20px rgba(21, 67, 140, .08) !important;
  outline: 0 !important;
}

body.member-mode #discover .member-meet-reference-layout .member-meet-starter > span {
  color: #6e7c92 !important;
  font-size: 11px !important;
  font-weight: 760 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
}

body.member-mode #discover .member-meet-reference-layout .member-meet-starter > b {
  overflow: hidden !important;
  color: #233452 !important;
  font-family: "Iowan Old Style", "Baskerville", Georgia, serif !important;
  font-size: 15px !important;
  font-weight: 520 !important;
  line-height: 1.35 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.member-mode #discover .member-meet-reference-layout .member-meet-starter .visitor-icon {
  width: 18px !important;
  height: 18px !important;
  color: #1267ee !important;
}

@media (max-width: 980px) {
  body.member-mode #discover .member-meet-reference-layout .member-meet-profile-identity {
    display: block !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-profile-controls {
    justify-content: flex-start !important;
    margin-top: 18px !important;
    padding-top: 0 !important;
  }
}

@media (max-width: 560px) {
  body.member-mode #discover .member-meet-reference-layout .member-meet-person-navigation button {
    width: 38px !important;
    padding: 0 !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-person-navigation button span {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-starter {
    grid-template-columns: 1fr auto !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-starter > span {
    grid-column: 1 / -1 !important;
  }
}

/* Circles visual round 3: community discovery first, living room second. */
body.member-mode #tools.member-circle-v9 {
  --circle-r3-line: rgba(135, 163, 204, .28);
  --circle-r3-ink: #071b3d;
  --circle-r3-muted: #64748d;
}

body.member-mode #tools.member-circle-v9 .member-circle-overview {
  display: flex !important;
  align-items: stretch !important;
  gap: 0 !important;
  margin: 10px 0 14px !important;
  overflow: hidden !important;
  border: 1px solid var(--circle-r3-line) !important;
  border-radius: 17px !important;
  background: rgba(255, 255, 255, .86) !important;
  box-shadow: 0 10px 30px rgba(24, 58, 109, .045) !important;
}

body.member-mode #tools.member-circle-v9 .member-circle-overview > button {
  position: relative !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  align-items: center !important;
  column-gap: 10px !important;
  flex: 1 1 0 !important;
  min-width: 0 !important;
  min-height: 64px !important;
  padding: 11px 16px !important;
  border: 0 !important;
  border-right: 1px solid rgba(135, 163, 204, .2) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transition: background-color .2s ease, transform .2s ease !important;
}

body.member-mode #tools.member-circle-v9 .member-circle-overview > button:last-child {
  border-right: 0 !important;
}

body.member-mode #tools.member-circle-v9 .member-circle-overview > button:hover {
  background: rgba(232, 242, 255, .66) !important;
}

body.member-mode #tools.member-circle-v9 .member-circle-overview > button:active {
  transform: scale(.985) !important;
}

body.member-mode #tools.member-circle-v9 .member-circle-overview small {
  grid-column: 2 !important;
  color: #5f708b !important;
  font-size: 8px !important;
  font-weight: 820 !important;
  letter-spacing: .11em !important;
}

body.member-mode #tools.member-circle-v9 .member-circle-overview b {
  grid-row: 1 / span 2 !important;
  color: var(--circle-r3-ink) !important;
  font-size: 25px !important;
  font-variant-numeric: tabular-nums !important;
  line-height: 1 !important;
  letter-spacing: -.04em !important;
}

body.member-mode #tools.member-circle-v9 .member-circle-overview span {
  grid-column: 2 !important;
  align-self: start !important;
  color: #77859b !important;
  font-size: 9px !important;
  line-height: 1.3 !important;
}

body.member-mode #tools.member-circle-v9 #circle-list.circle-list {
  gap: 13px !important;
  margin: 0 -2px 15px !important;
  padding: 2px 2px 10px !important;
}

body.member-mode #tools.member-circle-v9 #circle-list > article.member-circle-room-card,
body.member-mode #tools.member-circle-v9 #circle-list > article.member-circle-room-card:first-child {
  min-height: 184px !important;
  border-color: var(--circle-r3-line) !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, .92) !important;
  box-shadow: 0 12px 30px rgba(18, 49, 95, .055) !important;
}

body.member-mode #tools.member-circle-v9 #circle-list > article.member-circle-room-card:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(73, 126, 211, .42) !important;
  box-shadow: 0 18px 40px rgba(18, 49, 95, .1) !important;
}

body.member-mode #tools.member-circle-v9 #circle-list > article.member-circle-room-card.selected {
  border-color: rgba(10, 102, 255, .62) !important;
  box-shadow: 0 0 0 3px rgba(10, 102, 255, .08), 0 18px 42px rgba(10, 78, 177, .12) !important;
}

body.member-mode #tools.member-circle-v9 .member-circle-room-select {
  grid-template-columns: 106px minmax(0, 1fr) !important;
  min-height: 136px !important;
}

body.member-mode #tools.member-circle-v9 .member-circle-room-media {
  min-height: 136px !important;
  height: 100% !important;
}

body.member-mode #tools.member-circle-v9 .member-circle-room-media::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, transparent 58%, rgba(255, 255, 255, .18)) !important;
}

body.member-mode #tools.member-circle-v9 .member-circle-room-body {
  justify-content: center !important;
  padding: 13px 15px !important;
}

body.member-mode #tools.member-circle-v9 .member-circle-room-body > strong {
  color: var(--circle-r3-ink) !important;
  font-size: 15px !important;
  font-weight: 760 !important;
  letter-spacing: -.025em !important;
}

body.member-mode #tools.member-circle-v9 .member-circle-room-body > em {
  min-height: 29px !important;
  color: #63718a !important;
  font-size: 10px !important;
  line-height: 1.42 !important;
}

body.member-mode #tools.member-circle-v9 .member-circle-room-card > .circle-card-actions {
  min-height: 43px !important;
  padding: 6px 10px !important;
  background: rgba(248, 251, 255, .74) !important;
}

body.member-mode #tools.member-circle-v9 .member-circle-room-card > .circle-card-actions button {
  min-height: 30px !important;
  border-radius: 10px !important;
  transition: background-color .2s ease, transform .2s ease !important;
}

body.member-mode #tools.member-circle-v9 .member-circle-room-card > .circle-card-actions button:active,
body.member-mode #tools.member-circle-v9 .member-circle-focus-actions button:active {
  transform: scale(.97) !important;
}

body.member-mode #tools.member-circle-v9 .member-circle-focus {
  grid-template-columns: minmax(0, 1fr) minmax(270px, 318px) !important;
  gap: 14px !important;
}

body.member-mode #tools.member-circle-v9 .member-circle-conversation,
body.member-mode #tools.member-circle-v9 .member-circle-context {
  border-color: var(--circle-r3-line) !important;
  border-radius: 22px !important;
  box-shadow: 0 18px 46px rgba(20, 54, 103, .07) !important;
}

body.member-mode #tools.member-circle-v9 .member-circle-conversation > header {
  min-height: 116px !important;
  padding: 20px 22px 18px !important;
  background:
    radial-gradient(circle at 89% 16%, rgba(49, 132, 255, .18), transparent 12rem),
    linear-gradient(132deg, #f4f9ff 0%, #fff 70%) !important;
}

body.member-mode #tools.member-circle-v9 .member-circle-conversation > header h2 {
  color: var(--circle-r3-ink) !important;
  font-size: clamp(28px, 2.2vw, 36px) !important;
  font-weight: 770 !important;
  line-height: 1.02 !important;
  letter-spacing: -.05em !important;
  text-wrap: balance !important;
}

body.member-mode #tools.member-circle-v9 .member-circle-conversation > nav {
  min-height: 48px !important;
  gap: 24px !important;
  padding: 0 22px !important;
  background: rgba(250, 252, 255, .88) !important;
}

body.member-mode #tools.member-circle-v9 .member-circle-conversation > nav button {
  font-size: 10px !important;
  font-weight: 720 !important;
}

body.member-mode #tools.member-circle-v9 .member-circle-message-list {
  min-height: 178px !important;
  padding: 12px 22px 5px !important;
}

body.member-mode #tools.member-circle-v9 .member-circle-message {
  padding: 8px 0 !important;
}

body.member-mode #tools.member-circle-v9 .member-circle-message > div > span {
  max-width: 64ch !important;
  color: #3c4b65 !important;
  font-size: 11px !important;
  line-height: 1.52 !important;
}

body.member-mode #tools.member-circle-v9 .member-circle-inline-composer {
  margin: 9px 20px 18px !important;
  padding: 7px !important;
  border-color: rgba(114, 153, 211, .34) !important;
  border-radius: 15px !important;
  background: #f7faff !important;
}

body.member-mode #tools.member-circle-v9 .member-circle-context > section {
  padding: 18px !important;
}

body.member-mode #tools.member-circle-v9 .member-circle-context > section:first-child {
  background: linear-gradient(155deg, #f2f7ff, #fff 66%) !important;
}

body.member-mode #tools.member-circle-v9 .member-circle-plan-preview img {
  border-radius: 14px !important;
  box-shadow: 0 8px 20px rgba(22, 51, 94, .14) !important;
}

body.member-mode #tools.member-circle-v9 .member-circle-about li {
  position: relative !important;
  padding-left: 13px !important;
}

body.member-mode #tools.member-circle-v9 .member-circle-about li::before {
  content: "" !important;
  position: absolute !important;
  top: 5px !important;
  left: 0 !important;
  width: 5px !important;
  height: 5px !important;
  border-radius: 50% !important;
  background: #4c93ff !important;
  box-shadow: 0 0 0 4px rgba(76, 147, 255, .1) !important;
}

@media (max-width: 820px) {
  body.member-mode #tools.member-circle-v9 .member-circle-overview {
    overflow-x: auto !important;
    border-radius: 15px !important;
    scrollbar-width: none !important;
  }

  body.member-mode #tools.member-circle-v9 .member-circle-overview::-webkit-scrollbar {
    display: none !important;
  }

  body.member-mode #tools.member-circle-v9 .member-circle-overview > button {
    flex: 0 0 138px !important;
    min-height: 60px !important;
    padding: 10px 12px !important;
  }

  body.member-mode #tools.member-circle-v9 #circle-list.circle-list {
    grid-auto-columns: minmax(286px, calc(100vw - 54px)) !important;
  }

  body.member-mode #tools.member-circle-v9 .member-circle-room-select {
    grid-template-columns: 94px minmax(0, 1fr) !important;
  }

  body.member-mode #tools.member-circle-v9 .member-circle-focus {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.member-mode #tools.member-circle-v9 .member-circle-conversation > header {
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 12px !important;
    min-height: 0 !important;
    padding: 18px !important;
  }

  body.member-mode #tools.member-circle-v9 .member-circle-focus-members,
  body.member-mode #tools.member-circle-v9 .member-circle-focus-actions {
    justify-content: flex-start !important;
  }

  body.member-mode #tools.member-circle-v9 .member-circle-conversation > nav {
    gap: 20px !important;
    overflow-x: auto !important;
    padding: 0 18px !important;
    scrollbar-width: none !important;
  }

  body.member-mode #tools.member-circle-v9 .member-circle-conversation > nav button {
    flex: 0 0 auto !important;
  }

  body.member-mode #tools.member-circle-v9 .member-circle-message-list {
    min-height: 0 !important;
    padding: 10px 18px 4px !important;
  }

  body.member-mode #tools.member-circle-v9 .member-circle-context {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

.contact-card-modal .contact-card-privacy .check-row {
  display: grid !important;
  grid-template-columns: 18px minmax(0, 1fr) !important;
  align-items: center !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 2px !important;
  gap: 9px !important;
  color: #30445f !important;
  font-size: 13px !important;
}

.contact-card-modal .contact-card-privacy .check-row input {
  width: 15px !important;
  min-height: 15px !important;
  height: 15px !important;
  margin: 0 !important;
}

.contact-card-modal { max-width: 610px; }
.contact-card-modal > header { display: grid; grid-template-columns: 1fr auto; align-items: start; gap: 24px; margin-bottom: 24px; }
.contact-card-modal h2, .contact-search-modal h2, .contact-requests-modal h2 { margin: 4px 0 8px; color: #071b3e; letter-spacing: -.045em; }
.contact-qr-preview { display: grid; grid-template-columns: repeat(9, 7px); grid-template-rows: repeat(9, 7px); gap: 2px; padding: 10px; border: 1px solid rgba(120,150,194,.24); border-radius: 16px; background: #fff; box-shadow: 0 14px 30px rgba(25,61,111,.1); }
.contact-qr-preview i { width: 7px; height: 7px; border-radius: 2px; background: #edf2f9; }
.contact-qr-preview i.filled { background: #0c2b58; }
.contact-qr-preview i.finder { background: #1668e8; }
.contact-card-privacy { display: grid; gap: 7px; padding: 14px; border: 1px solid rgba(132,158,197,.22); border-radius: 16px; background: #f7faff; }
.contact-card-boundary { display: grid; gap: 4px; padding: 12px 14px; border-left: 3px solid #78afff; border-radius: 10px; background: #f2f7ff; color: #5f708b; font-size: 13px; line-height: 1.45; }
.contact-card-boundary b { color: #153c75; }
.contact-search-modal, .contact-requests-modal { max-width: 640px; }
.contact-search-results, .contact-request-list { display: grid; gap: 9px; margin-top: 18px; }
.contact-search-result, .contact-request-list article { display: grid; grid-template-columns: 42px 1fr auto; align-items: center; gap: 11px; padding: 12px; border: 1px solid rgba(132,158,197,.22); border-radius: 16px; background: linear-gradient(135deg, #fff, #f7faff); }
.contact-search-result .avatar, .contact-request-list .avatar { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 14px; background: #e5efff; color: #0a5bdd; font-weight: 760; }
.contact-search-result b, .contact-request-list b { display: block; color: #102a54; }
.contact-search-result small, .contact-request-list small { color: #697a94; font-size: 12px; }
.contact-request-list article { grid-template-columns: 42px 1fr; }
.contact-request-list article footer { grid-column: 2; display: flex; gap: 8px; margin-top: 3px; }
.contact-request-list article p { margin: 5px 0 0; color: #62718a; font-size: 12px; }
.contact-request-list article p em { display: inline-block; margin-right: 6px; padding: 2px 5px; border-radius: 6px; background: #edf3fd; color: #3e6ead; font-size: 10px; font-style: normal; font-weight: 700; text-transform: capitalize; }

@media (max-width: 820px) {
  body.member-mode #inbox .messenger { grid-template-columns: minmax(0, 1fr) !important; }
  .contact-card-modal > header { grid-template-columns: 1fr; }
  .contact-qr-preview { justify-self: start; }
}

html { scroll-behavior: smooth; background: var(--bm-ios-canvas); }

body,
body.visitor-mode,
body.member-mode {
  color: var(--bm-ios-ink) !important;
  background:
    radial-gradient(circle at 12% 2%, rgba(44, 129, 255, .08), transparent 30rem),
    linear-gradient(180deg, #fbfdff 0, var(--bm-ios-canvas) 34rem) !important;
  font-family: var(--bm-ios-font) !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

button,
input,
textarea,
select { font-family: var(--bm-ios-font) !important; }

button,
a,
input,
textarea,
select,
summary {
  -webkit-tap-highlight-color: transparent;
}

button,
a,
summary {
  transition: color .2s var(--bm-ios-ease), background-color .2s var(--bm-ios-ease), border-color .2s var(--bm-ios-ease), box-shadow .24s var(--bm-ios-ease), transform .18s var(--bm-ios-ease), opacity .2s ease !important;
}

button:active,
a[role="button"]:active,
summary:active { transform: scale(.975) !important; }

:focus-visible {
  outline: 3px solid rgba(10, 102, 255, .30) !important;
  outline-offset: 3px !important;
}

h1,
h2,
h3,
.topbar h1,
.centered-view h1,
.section-heading h2,
.modal h2 {
  color: var(--bm-ios-ink) !important;
  font-family: var(--bm-ios-font) !important;
  font-weight: 720 !important;
  letter-spacing: -.035em !important;
  text-wrap: balance;
}

p,
small { text-wrap: pretty; }

.eyebrow,
body.member-mode .eyebrow {
  color: var(--bm-ios-blue) !important;
  font-family: var(--bm-ios-font) !important;
  font-size: 10px !important;
  font-weight: 720 !important;
  letter-spacing: .065em !important;
}

.view-subtitle,
.tools-intro,
.topbar p:not(.eyebrow) {
  max-width: 62ch;
  color: var(--bm-ios-muted) !important;
  line-height: 1.58 !important;
}

.app-shell,
body.visitor-mode .app-shell,
body.member-mode .app-shell {
  display: block !important;
  min-height: 100dvh;
  background: transparent !important;
}

.app-shell > main,
body.visitor-mode .app-shell > main,
body.member-mode .app-shell > main {
  min-width: 0;
  padding: clamp(28px, 4vw, 58px) clamp(22px, 4vw, 60px) 54px !important;
  background: transparent !important;
  overflow: clip !important;
}

.view,
body.visitor-mode .view,
body.member-mode .view {
  width: min(100%, 1280px) !important;
  max-width: 1280px !important;
  margin-inline: auto !important;
}

.topbar,
body.member-mode .topbar {
  align-items: flex-end !important;
  gap: 28px !important;
  margin-bottom: 26px !important;
}

.topbar h1,
body.member-mode .topbar h1,
.centered-view h1 {
  font-size: clamp(34px, 4.2vw, 54px) !important;
  line-height: 1.02 !important;
}

.sidebar,
body.visitor-mode .sidebar,
body.member-mode .sidebar {
  position: sticky !important;
  z-index: 40 !important;
  top: 0 !important;
  width: 100% !important;
  height: 74px !important;
  min-height: 74px !important;
  padding: 0 clamp(22px, 3.8vw, 58px) !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 22px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--bm-ios-line) !important;
  background: rgba(255, 255, 255, .78) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.72), 0 10px 34px rgba(44, 83, 139, .045) !important;
  backdrop-filter: saturate(180%) blur(24px) !important;
  -webkit-backdrop-filter: saturate(180%) blur(24px) !important;
}

.sidebar .brand,
body.member-mode .sidebar .brand {
  display: block !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  line-height: 0 !important;
}

.sidebar .brand-lockup,
body.member-mode .sidebar .brand-lockup { width: 166px !important; }

.sidebar nav,
body.visitor-mode .sidebar nav,
body.member-mode .sidebar nav {
  display: flex !important;
  align-items: center !important;
  gap: 3px !important;
  margin: 0 auto !important;
}

.sidebar nav .nav-item,
body.visitor-mode .sidebar nav .nav-item,
body.member-mode .sidebar nav .nav-item {
  position: relative !important;
  min-width: auto !important;
  min-height: 44px !important;
  height: 44px !important;
  padding: 0 14px !important;
  display: inline-flex !important;
  grid-template-rows: none !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  border: 0 !important;
  border-radius: 13px !important;
  color: #64748d !important;
  background: transparent !important;
  font-family: var(--bm-ios-font) !important;
  font-size: 13px !important;
  font-weight: 620 !important;
}

.sidebar nav .nav-item span:first-child,
body.member-mode .sidebar nav .nav-item span:first-child {
  width: auto !important;
  height: auto !important;
  color: inherit !important;
  background: transparent !important;
  font-size: 13px !important;
  font-weight: 650 !important;
}

.sidebar nav .nav-item small,
body.member-mode .sidebar nav .nav-item small { display: none !important; }

.sidebar nav .nav-item:hover,
.sidebar nav .nav-item.active,
body.visitor-mode .sidebar nav .nav-item:hover,
body.visitor-mode .sidebar nav .nav-item.active,
body.member-mode .sidebar nav .nav-item:hover,
body.member-mode .sidebar nav .nav-item.active {
  color: var(--bm-ios-blue) !important;
  background: rgba(10, 102, 255, .085) !important;
}

.sidebar nav .nav-item.active::after,
body.visitor-mode .sidebar nav .nav-item.active::after,
body.member-mode .sidebar nav .nav-item.active::after { display: none !important; }

.sidebar-bottom,
body.visitor-mode .sidebar-bottom,
body.member-mode .sidebar-bottom {
  display: flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.sidebar-bottom .account-quick-access,
.sidebar-bottom .account-signout-quick,
body.member-mode .sidebar-bottom .account-quick-access,
body.member-mode .sidebar-bottom .account-signout-quick {
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border: 1px solid var(--bm-ios-line) !important;
  border-radius: 13px !important;
  background: rgba(255,255,255,.76) !important;
  color: var(--bm-ios-blue) !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 680 !important;
}

.sidebar-bottom .account-quick-access:hover,
.sidebar-bottom .account-signout-quick:hover {
  border-color: rgba(10,102,255,.24) !important;
  background: var(--bm-ios-blue-soft) !important;
}

.sidebar-bottom .visitor-sign-in-action {
  min-height: 42px !important;
  border-radius: 13px !important;
  color: var(--bm-ios-copy) !important;
}

/* The app shell keeps the button/data-view contract used by app-member-v11,
   while aligning its desktop composition with the City shared header. */
@media (min-width: 821px) {
  .sidebar.bm-global-app-shell,
  body.visitor-mode .sidebar.bm-global-app-shell,
  body.member-mode .sidebar.bm-global-app-shell {
    display: grid !important;
    grid-template-columns: minmax(168px, 1fr) auto minmax(218px, 1fr) !important;
    gap: 16px !important;
  }

  .sidebar.bm-global-app-shell > bravemeet-global-nav { display: contents !important; }

  .sidebar.bm-global-app-shell .brand {
    grid-column: 1 !important;
    justify-self: start !important;
  }

  .sidebar.bm-global-app-shell nav {
    grid-column: 2 !important;
    justify-self: center !important;
    margin: 0 !important;
    padding: 4px !important;
    gap: 2px !important;
    border: 1px solid rgba(113, 138, 179, .14) !important;
    border-radius: 16px !important;
    background: rgba(246, 249, 255, .82) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .82) !important;
  }

  .sidebar.bm-global-app-shell nav .nav-item {
    min-height: 38px !important;
    height: 38px !important;
    padding-inline: 12px !important;
    border-radius: 11px !important;
  }

  .sidebar.bm-global-app-shell nav .nav-safety { display: none !important; }

  .sidebar.bm-global-app-shell nav .nav-item span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
  }

  .sidebar.bm-global-app-shell nav .nav-item svg {
    width: 15px !important;
    height: 15px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.85 !important;
  }

  .sidebar.bm-global-app-shell .sidebar-bottom {
    grid-column: 3 !important;
    justify-self: end !important;
  }

  .sidebar.bm-global-app-shell .sidebar-bottom > [data-view="safety"],
  .sidebar.bm-global-app-shell .sidebar-bottom .profile-switch { display: none !important; }

  .sidebar.bm-global-app-shell .visitor-sign-in-action {
    padding-inline: 10px !important;
    background: transparent !important;
    border: 0 !important;
    font-family: var(--bm-ios-font) !important;
    font-size: 13px !important;
    font-weight: 650 !important;
  }

  .sidebar.bm-global-app-shell .account-quick-access {
    border-color: rgba(10, 102, 255, .25) !important;
    background: var(--bm-ios-blue) !important;
    color: #fff !important;
    box-shadow: 0 7px 18px rgba(10, 102, 255, .17) !important;
  }

  .sidebar.bm-global-app-shell .account-quick-access:hover {
    background: var(--bm-ios-blue-strong) !important;
    transform: translateY(-1px) !important;
  }
}

.sidebar.bm-global-app-shell nav .nav-safety { display: none !important; }

.primary,
.join,
body.member-mode .primary,
.guest-module-intro > .primary,
.visitor-primary-action {
  min-height: 44px !important;
  padding: 0 18px !important;
  border: 1px solid rgba(0, 74, 194, .10) !important;
  border-radius: 13px !important;
  background: var(--bm-ios-blue) !important;
  color: #fff !important;
  box-shadow: 0 8px 22px rgba(10, 102, 255, .18) !important;
  font-size: 13px !important;
  font-weight: 680 !important;
}

.primary:hover,
.join:hover,
body.member-mode .primary:hover,
.visitor-primary-action:hover {
  background: var(--bm-ios-blue-strong) !important;
  box-shadow: 0 12px 28px rgba(10, 102, 255, .22) !important;
  transform: translateY(-1px) !important;
}

.outline-button,
.filter,
.city-picker,
.white-button,
.text-button,
body.member-mode .outline-button,
body.member-mode .filter,
body.member-mode .city-picker {
  min-height: 40px !important;
  border: 1px solid var(--bm-ios-line) !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,.82) !important;
  color: var(--bm-ios-copy) !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 640 !important;
}

.outline-button:hover,
.filter:hover,
.city-picker:hover,
.white-button:hover {
  border-color: rgba(10, 102, 255, .22) !important;
  background: var(--bm-ios-blue-soft) !important;
  color: var(--bm-ios-blue) !important;
}

.filter.active,
.member-segmented-control button.active,
.inbox-lane.active,
.guest-choice-row button.active,
.visitor-intent-switch button.active {
  border-color: rgba(10, 102, 255, .15) !important;
  background: #fff !important;
  color: var(--bm-ios-blue) !important;
  box-shadow: 0 2px 8px rgba(34, 78, 141, .10) !important;
}

.member-segmented-control,
.guest-choice-row,
.visitor-intent-switch,
.inbox-lanes {
  padding: 4px !important;
  border: 1px solid rgba(116, 140, 176, .16) !important;
  border-radius: 14px !important;
  background: rgba(116, 140, 176, .10) !important;
  box-shadow: inset 0 1px 2px rgba(51, 75, 111, .04) !important;
}

.member-segmented-control button,
.guest-choice-row button,
.visitor-intent-switch button,
.inbox-lane {
  min-height: 38px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: var(--bm-ios-muted) !important;
}

input,
textarea,
select,
.plan-form input,
.plan-form textarea,
.plan-form select,
.composer input {
  border: 1px solid var(--bm-ios-line) !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,.86) !important;
  color: var(--bm-ios-ink) !important;
  box-shadow: inset 0 1px 2px rgba(39, 65, 102, .035) !important;
}

input:focus,
textarea:focus,
select:focus {
  border-color: rgba(10, 102, 255, .55) !important;
  box-shadow: 0 0 0 4px rgba(10, 102, 255, .10) !important;
  outline: none !important;
}

.plan-card,
.simple-plan,
.person-card,
.tool-card,
.safety-grid article,
.circle-board,
.pulse-board,
.guest-feature-preview,
.guest-module-stage,
.intro-gate-card,
.profile-editor-section,
.contacts-directory,
body.member-mode .plan-card,
body.member-mode .circle-list article {
  border-color: var(--bm-ios-line) !important;
  background: var(--bm-ios-surface) !important;
  box-shadow: var(--bm-ios-shadow-sm) !important;
  backdrop-filter: blur(18px) saturate(150%);
  -webkit-backdrop-filter: blur(18px) saturate(150%);
}

.plan-card:hover,
.simple-plan:hover,
.person-card:hover,
.tool-card:hover,
body.member-mode .plan-card:hover,
body.member-mode .circle-list article:hover {
  border-color: rgba(10, 102, 255, .18) !important;
  box-shadow: var(--bm-ios-shadow-md) !important;
  transform: translateY(-2px) !important;
}

.date-tile,
body.member-mode .date-tile,
.tool-icon,
.visitor-privacy-icon,
.contacts-shortcut-icon {
  border-radius: 13px !important;
  background: var(--bm-ios-blue-soft) !important;
  color: var(--bm-ios-blue) !important;
}

.avatar,
.thread img,
.contacts-person-avatar,
.visitor-conversation img,
.visitor-message img { border-radius: 30% !important; }

.tags span,
.profile-tags span,
.circle-mode-row span,
.plan-principles span,
.inbox-principles span,
.profile-trust-choices span,
.gate-pill-row span {
  border-color: rgba(111, 139, 181, .15) !important;
  border-radius: 9px !important;
  background: rgba(118, 147, 190, .09) !important;
  color: var(--bm-ios-copy) !important;
}

.modal-backdrop {
  z-index: 100 !important;
  background: rgba(21, 39, 68, .26) !important;
  backdrop-filter: blur(18px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(140%) !important;
}

.modal,
.member-meet-activity-modal {
  border: 1px solid rgba(255,255,255,.74) !important;
  border-radius: 26px !important;
  background: rgba(255,255,255,.92) !important;
  box-shadow: var(--bm-ios-shadow-sheet) !important;
  backdrop-filter: blur(30px) saturate(170%) !important;
  -webkit-backdrop-filter: blur(30px) saturate(170%) !important;
}

.modal-close,
.close-upgrade {
  width: 32px !important;
  height: 32px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  background: var(--bm-ios-fill) !important;
  color: var(--bm-ios-muted) !important;
  font-size: 20px !important;
}

.toast {
  bottom: 26px !important;
  border: 1px solid rgba(255,255,255,.65) !important;
  border-radius: 14px !important;
  background: rgba(20, 39, 70, .88) !important;
  box-shadow: 0 14px 36px rgba(18, 45, 85, .22) !important;
  backdrop-filter: blur(22px) saturate(160%) !important;
}

.public-policy-links {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: min(100% - 32px, 1120px) !important;
  margin: 8px auto 0 !important;
  padding: 18px 16px 24px !important;
  border: 0 !important;
  background: transparent !important;
  backdrop-filter: none !important;
}

.public-policy-links a,
.legal-operator { color: var(--bm-ios-faint) !important; }

/* Guest home: white-blue Apple editorial stage rather than a disconnected dark section. */
#visitor-experience .visitor-home-hero {
  min-height: min(820px, calc(100dvh - 108px)) !important;
  border: 1px solid rgba(113, 145, 191, .18) !important;
  border-radius: var(--bm-ios-radius-xl) !important;
  background:
    radial-gradient(circle at 77% 22%, rgba(67, 151, 255, .18), transparent 26rem),
    radial-gradient(circle at 5% 92%, rgba(10, 102, 255, .08), transparent 24rem),
    linear-gradient(145deg, rgba(255,255,255,.98), rgba(240,247,255,.96)) !important;
  box-shadow: 0 32px 90px rgba(37, 82, 148, .12), inset 0 1px 0 #fff !important;
}

#visitor-experience .visitor-home-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: radial-gradient(rgba(44, 104, 184, .10) .6px, transparent .6px);
  background-size: 18px 18px;
  opacity: .22;
  mask-image: linear-gradient(90deg, #000, transparent 54%);
}

#visitor-experience .visitor-home-copy { position: relative; z-index: 2; }

#visitor-experience .visitor-home-kicker span {
  border-color: rgba(10,102,255,.12) !important;
  border-radius: 9px !important;
  background: rgba(255,255,255,.78) !important;
  color: var(--bm-ios-blue) !important;
  box-shadow: 0 5px 18px rgba(37, 82, 148, .06) !important;
}

#visitor-experience .visitor-home-copy h1,
#visitor-experience .visitor-home-copy h1 span {
  color: var(--bm-ios-ink) !important;
  font-family: var(--bm-ios-font) !important;
  font-weight: 760 !important;
  letter-spacing: -.065em !important;
}

#visitor-experience .visitor-home-copy h1 span:last-child { color: var(--bm-ios-blue) !important; }

#visitor-experience .visitor-home-copy > p {
  color: var(--bm-ios-muted) !important;
  line-height: 1.62 !important;
}

#visitor-experience .visitor-home-copy .visitor-secondary-action {
  color: var(--bm-ios-blue) !important;
  background: transparent !important;
}

#visitor-experience .visitor-home-copy small,
#visitor-experience .visitor-home-copy small * { color: var(--bm-ios-muted) !important; }

#visitor-experience .visitor-home-plan-photo {
  border: 7px solid rgba(255,255,255,.94) !important;
  border-radius: 46px 46px 24px 24px !important;
  box-shadow: 0 34px 80px rgba(33, 78, 143, .20), inset 0 0 0 1px rgba(91,123,171,.08) !important;
}

#visitor-experience .visitor-home-world::before {
  background: radial-gradient(circle at 42% 32%, rgba(74, 151, 255, .24), rgba(207, 229, 255, .34) 58%, rgba(244, 249, 255, .1) 100%) !important;
}

#visitor-experience .visitor-home-person,
#visitor-experience .visitor-home-city-card,
#visitor-experience .visitor-home-circle-card,
#visitor-experience .visitor-home-storyline,
#visitor-experience .visitor-home-plan-note,
#visitor-experience .visitor-home-private-chip {
  border: 1px solid rgba(255,255,255,.82) !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.84) !important;
  color: var(--bm-ios-ink) !important;
  box-shadow: 0 18px 42px rgba(32, 72, 131, .13), inset 0 1px 0 rgba(255,255,255,.94) !important;
  backdrop-filter: blur(22px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(160%) !important;
}

#visitor-experience .visitor-home-plan-note *,
#visitor-experience .visitor-home-private-chip * { color: inherit !important; }

#visitor-experience .visitor-home-private-chip { border-radius: 999px !important; color: var(--bm-ios-blue) !important; }

#visitor-experience .visitor-home-steps button {
  border-radius: 20px !important;
  color: var(--bm-ios-copy) !important;
}

#visitor-experience .visitor-home-steps button:hover,
#visitor-experience .visitor-home-steps button.active {
  background: rgba(255,255,255,.88) !important;
  box-shadow: var(--bm-ios-shadow-sm) !important;
}

/* Intentional navy media panels keep their inverse hierarchy. */
#visitor-experience .visitor-plan-cover h2,
#visitor-experience .visitor-circle-summary h2 {
  color: #fff !important;
}

#visitor-experience .visitor-circle-summary p {
  color: rgba(232, 240, 253, .82) !important;
}

.guest-module-intro,
.plan-intro-card,
.inbox-intro-card,
.circle-account-gate,
.saved-account-gate,
.guest-profile-gate {
  border: 0 !important;
  border-radius: var(--bm-ios-radius-lg) !important;
  background: transparent !important;
  color: var(--bm-ios-ink) !important;
  box-shadow: none !important;
}

.guest-module-intro h1,
.guest-module-intro h1 span,
.circle-account-gate h1,
.circle-account-gate h1 span { color: var(--bm-ios-ink) !important; }

.guest-module-intro > p:not(.eyebrow),
.guest-module-intro small,
.circle-account-gate > p:not(.eyebrow),
.circle-account-gate small { color: var(--bm-ios-muted) !important; }

.guest-module-stage,
.meet-preview-card,
.plan-showcase-main,
.plan-showcase-side article,
.inbox-preview-window,
.circle-showcase-main,
.circle-showcase-mini,
.saved-showcase-grid article,
.profile-showcase {
  border-color: var(--bm-ios-line) !important;
  background: rgba(255,255,255,.88) !important;
  box-shadow: var(--bm-ios-shadow-md) !important;
}

/* Member workspaces. */
body.member-mode .member-taskbar,
body.member-mode .plan-browse-panel,
body.member-mode .circle-browse-panel,
body.member-mode .member-inbox-privacy-note {
  border-color: var(--bm-ios-line) !important;
  border-radius: 17px !important;
  background: rgba(255,255,255,.68) !important;
  box-shadow: var(--bm-ios-shadow-sm) !important;
  backdrop-filter: blur(20px) saturate(160%) !important;
}

body.member-mode .member-meet-focus {
  border: 1px solid var(--bm-ios-line) !important;
  border-radius: 30px !important;
  background: rgba(255,255,255,.84) !important;
  box-shadow: var(--bm-ios-shadow-md) !important;
  overflow: hidden !important;
}

body.member-mode .member-meet-card-stage {
  background: linear-gradient(155deg, #edf5ff, #f8fbff) !important;
}

body.member-mode .member-meet-story,
body.member-mode .member-meet-session,
body.member-mode .member-meet-intent > div,
body.member-mode .member-meet-prompt,
body.member-mode .member-meet-assurance > span {
  border-color: var(--bm-ios-line) !important;
  background: rgba(255,255,255,.72) !important;
  color: var(--bm-ios-copy) !important;
}

body.member-mode .discovery-card-actions button {
  border-radius: 14px !important;
  box-shadow: 0 6px 18px rgba(34, 71, 128, .08) !important;
}

body.member-mode .discovery-card-actions .pass { background: rgba(255,255,255,.88) !important; }
body.member-mode .discovery-card-actions .say-hi-action,
body.member-mode .discovery-card-actions .open-chat-action,
body.member-mode .discovery-card-actions .like { background: var(--bm-ios-blue) !important; }
body.member-mode .discovery-card-actions .gift-action { background: var(--bm-ios-blue-soft) !important; color: var(--bm-ios-blue) !important; }

body.member-mode .plan-card {
  border-radius: 18px !important;
  padding: 16px 18px !important;
}

body.member-mode .plan-card .join {
  border-radius: 11px !important;
  background: var(--bm-ios-blue-soft) !important;
  color: var(--bm-ios-blue) !important;
  box-shadow: none !important;
}

body.member-mode .circle-board { border-radius: 22px !important; }
body.member-mode .circle-list article { border-radius: 17px !important; }
body.member-mode .circle-avatar { border-radius: 14px !important; background: linear-gradient(145deg, #4f9bff, #0a66ff) !important; }

body.member-mode .messenger {
  border: 1px solid var(--bm-ios-line) !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,.86) !important;
  box-shadow: var(--bm-ios-shadow-md) !important;
}

body.member-mode .thread-list {
  border-right-color: var(--bm-ios-line) !important;
  background: rgba(241, 246, 253, .72) !important;
  backdrop-filter: blur(18px) !important;
}

body.member-mode .thread {
  border-bottom-color: rgba(112, 137, 174, .12) !important;
  background: transparent !important;
}

body.member-mode .thread:hover,
body.member-mode .thread.active { background: rgba(255,255,255,.76) !important; }

body.member-mode .conversation,
body.member-mode .messages {
  background: rgba(255,255,255,.84) !important;
}

body.member-mode .bubble {
  border-radius: 17px !important;
  background: var(--bm-ios-fill) !important;
  color: var(--bm-ios-copy) !important;
}

body.member-mode .bubble.mine,
body.member-mode .mine {
  background: var(--bm-ios-blue) !important;
  color: #fff !important;
}

body.member-mode .composer {
  border-top-color: var(--bm-ios-line) !important;
  background: rgba(255,255,255,.76) !important;
  backdrop-filter: blur(18px) !important;
}

body.member-mode .send { background: var(--bm-ios-blue) !important; }

body.member-mode .profile-hero-web,
body.member-mode .safety-view .topbar {
  border: 1px solid var(--bm-ios-line) !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 80% 0, rgba(74, 151, 255, .18), transparent 20rem),
    linear-gradient(145deg, rgba(255,255,255,.95), rgba(237,245,255,.94)) !important;
  color: var(--bm-ios-ink) !important;
  box-shadow: var(--bm-ios-shadow-md) !important;
}

body.member-mode .profile-hero-web *,
body.member-mode .safety-view .topbar * { color: inherit !important; }

body.member-mode .profile-avatar {
  border-radius: 26px !important;
  background: var(--bm-ios-blue-soft) !important;
  color: var(--bm-ios-blue) !important;
}

.upgrade-panel,
.upgrade-panel.open {
  border-left: 1px solid rgba(255,255,255,.72) !important;
  background: rgba(249,252,255,.94) !important;
  color: var(--bm-ios-ink) !important;
  box-shadow: -26px 0 80px rgba(30, 64, 116, .16) !important;
  backdrop-filter: blur(26px) saturate(170%) !important;
}

.upgrade-panel .eyebrow,
.upgrade-panel p,
.upgrade-panel small,
.upgrade-panel li { color: var(--bm-ios-muted) !important; }
.upgrade-panel h2,
.upgrade-panel b,
.upgrade-panel strong { color: var(--bm-ios-ink) !important; }
.upgrade-panel ul,
.upgrade-panel li { border-color: var(--bm-ios-line) !important; }
.membership-plan-grid button,
.membership-free-choice,
.point-pack,
.plan-choice,
.plan-tab {
  border-color: var(--bm-ios-line) !important;
  border-radius: 14px !important;
  background: #fff !important;
  color: var(--bm-ios-copy) !important;
}

.membership-plan-grid button.selected,
.membership-free-choice[aria-pressed="true"],
.point-pack.selected,
.plan-choice.selected,
.plan-tab.active {
  border-color: rgba(10,102,255,.35) !important;
  background: var(--bm-ios-blue-soft) !important;
  color: var(--bm-ios-blue) !important;
  box-shadow: 0 0 0 3px rgba(10,102,255,.07) !important;
}

.membership-fab {
  border: 1px solid rgba(255,255,255,.74) !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.88) !important;
  color: var(--bm-ios-blue) !important;
  box-shadow: var(--bm-ios-shadow-md) !important;
  backdrop-filter: blur(20px) saturate(160%) !important;
}

.membership-fab span { background: var(--bm-ios-blue-soft) !important; color: var(--bm-ios-blue) !important; }

@media (max-width: 1180px) and (min-width: 821px) {
  .sidebar,
  body.visitor-mode .sidebar,
  body.member-mode .sidebar { gap: 12px !important; padding-inline: 22px !important; }
  .sidebar .brand-lockup,
  body.member-mode .sidebar .brand-lockup { width: 148px !important; }
  .sidebar nav .nav-item,
  body.visitor-mode .sidebar nav .nav-item,
  body.member-mode .sidebar nav .nav-item { padding-inline: 10px !important; font-size: 12px !important; }
}

@media (max-width: 820px) {
  body,
  body.visitor-mode,
  body.member-mode {
    background: linear-gradient(180deg, #fbfdff, #f4f8fd) !important;
  }

  .app-shell > main,
  body.visitor-mode .app-shell > main,
  body.member-mode .app-shell > main {
    padding: 20px 16px calc(96px + env(safe-area-inset-bottom)) !important;
  }

  .sidebar,
  body.visitor-mode .sidebar,
  body.member-mode .sidebar {
    position: fixed !important;
    z-index: 45 !important;
    top: auto !important;
    right: 10px !important;
    bottom: calc(9px + env(safe-area-inset-bottom)) !important;
    left: 10px !important;
    width: auto !important;
    height: 68px !important;
    min-height: 68px !important;
    padding: 6px 8px !important;
    border: 1px solid rgba(255,255,255,.75) !important;
    border-radius: 22px !important;
    background: rgba(248,251,255,.84) !important;
    box-shadow: 0 14px 42px rgba(29, 61, 110, .16), inset 0 1px 0 rgba(255,255,255,.92) !important;
    backdrop-filter: blur(28px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(28px) saturate(180%) !important;
  }

  .sidebar .brand,
  .sidebar-bottom,
  body.member-mode .sidebar .brand,
  body.member-mode .sidebar-bottom { display: none !important; }

  .sidebar nav,
  body.visitor-mode .sidebar nav,
  body.member-mode .sidebar nav {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 2px !important;
    margin: 0 !important;
  }

  .sidebar nav .nav-item,
  body.visitor-mode .sidebar nav .nav-item,
  body.member-mode .sidebar nav .nav-item {
    min-width: 0 !important;
    height: 54px !important;
    min-height: 54px !important;
    padding: 4px 2px !important;
    display: grid !important;
    grid-template-rows: 25px auto !important;
    align-content: center !important;
    gap: 1px !important;
    border-radius: 16px !important;
    font-size: 9px !important;
    line-height: 1 !important;
  }

  .sidebar nav .nav-item .visitor-icon,
  body.member-mode .sidebar nav .nav-item .visitor-icon {
    width: 22px !important;
    height: 22px !important;
    margin: auto !important;
  }

  .sidebar nav .nav-item span:first-child,
  body.member-mode .sidebar nav .nav-item span:first-child { font-size: 9px !important; }

  .sidebar nav .nav-item.active,
  body.visitor-mode .sidebar nav .nav-item.active,
  body.member-mode .sidebar nav .nav-item.active {
    background: rgba(10,102,255,.09) !important;
  }

  .topbar,
  body.member-mode .topbar {
    align-items: flex-start !important;
    margin-bottom: 20px !important;
  }

  .topbar h1,
  body.member-mode .topbar h1,
  .centered-view h1 { font-size: clamp(32px, 10vw, 44px) !important; }

  #visitor-experience .visitor-home-hero {
    width: 100% !important;
    min-height: 0 !important;
    padding: 34px 22px 42px !important;
    border-radius: 28px !important;
  }

  #visitor-experience .visitor-home-copy h1 { font-size: clamp(52px, 15vw, 72px) !important; }
  #visitor-experience .visitor-home-world { min-height: 520px !important; margin-top: 20px !important; }
  #visitor-experience .visitor-home-plan-photo { inset: 36px 5% 24px 14% !important; }
  #visitor-experience .visitor-home-city-card { right: 0 !important; width: min(250px, 74vw) !important; }
  #visitor-experience .visitor-home-circle-card { left: 0 !important; min-width: min(230px, 70vw) !important; }
  #visitor-experience .visitor-home-person { min-width: min(215px, 68vw) !important; }

  .guest-module-layout,
  .plans-page-grid,
  body.member-mode .member-meet-focus,
  body.member-mode .messenger { border-radius: 22px !important; }

  .guest-module-intro,
  .plan-intro-card,
  .inbox-intro-card,
  .circle-account-gate,
  .saved-account-gate,
  .guest-profile-gate { padding: 20px 4px 28px !important; }

  body.member-mode .member-meet-story { padding: 22px 18px 24px !important; }
  body.member-mode .plan-card { padding: 14px !important; }

  body.member-mode .messenger {
    min-height: calc(100dvh - 190px) !important;
    box-shadow: var(--bm-ios-shadow-sm) !important;
  }

  body.member-mode .composer {
    padding-bottom: max(12px, env(safe-area-inset-bottom)) !important;
  }

  body.member-mode #inbox .composer {
    margin-bottom: calc(74px + env(safe-area-inset-bottom)) !important;
  }

  .modal {
    align-self: end !important;
    width: min(100%, 640px) !important;
    max-height: 90dvh !important;
    padding: 28px 20px max(24px, env(safe-area-inset-bottom)) !important;
    border-radius: 28px 28px 0 0 !important;
  }

  .modal-backdrop { align-items: end !important; padding: 0 !important; }

  .toast { bottom: calc(92px + env(safe-area-inset-bottom)) !important; }

  .membership-fab {
    right: 14px !important;
    bottom: calc(88px + env(safe-area-inset-bottom)) !important;
  }

  .public-policy-links {
    width: 100% !important;
    margin-bottom: 10px !important;
    padding-bottom: 16px !important;
  }
}

/* Apple platform round 2: reduce dashboard weight and surface the social task sooner. */
body.member-mode #plans .member-plan-overview > article,
body.member-mode #plans .member-plan-overview > button,
body.member-mode #tools.member-circle-v9 .member-circle-overview > button {
  box-shadow: none !important;
}

body.member-mode #plans .member-plan-overview > button,
body.member-mode #tools.member-circle-v9 .member-circle-overview > button {
  border-color: rgba(154, 177, 211, .34) !important;
  background: rgba(247, 250, 255, .78) !important;
}

body.member-mode #plans .member-plan-overview > article {
  border-color: rgba(91, 139, 211, .24) !important;
  background:
    radial-gradient(circle at 92% 10%, rgba(72, 144, 255, .14), transparent 11rem),
    linear-gradient(135deg, #edf5ff, #fff 72%) !important;
}

body.member-mode #plans .plan-browse-panel,
body.member-mode #tools.member-circle-v9 .circle-browse-panel {
  border-color: rgba(154, 177, 211, .34) !important;
  box-shadow: 0 8px 24px rgba(24, 58, 109, .045) !important;
}

body.member-mode #plans .plan-card.member-plan-row,
body.member-mode #plans .plan-card.member-plan-row:first-child {
  border-color: rgba(154, 177, 211, .34) !important;
  border-left: 3px solid transparent !important;
  box-shadow: 0 8px 24px rgba(24, 58, 109, .045) !important;
}

body.member-mode #plans .plan-card.member-plan-row:first-child,
body.member-mode #plans .plan-card.member-plan-row:hover {
  border-left-color: var(--bm-ios-blue) !important;
}

body.member-mode #plans .member-plan-content h3 {
  color: var(--bm-ios-ink) !important;
  font-weight: 760 !important;
}

body.member-mode #plans .member-plan-content > p,
body.member-mode #plans .member-plan-attendance > span {
  color: #60708a !important;
}

body.member-mode #tools.member-circle-v9 #circle-list.circle-list {
  padding: 2px 2px 8px !important;
  scrollbar-width: none;
}

body.member-mode #tools.member-circle-v9 #circle-list.circle-list::-webkit-scrollbar {
  display: none;
}

body.member-mode #tools.member-circle-v9 #circle-list > article.member-circle-room-card,
body.member-mode #tools.member-circle-v9 #circle-list > article.member-circle-room-card:first-child {
  border-color: rgba(154, 177, 211, .34) !important;
  box-shadow: 0 8px 24px rgba(24, 58, 109, .045) !important;
}

body.member-mode #tools.member-circle-v9 #circle-list > article.member-circle-room-card.selected {
  border-color: rgba(10, 102, 255, .55) !important;
  box-shadow: 0 12px 30px rgba(10, 102, 255, .11) !important;
}

body.member-mode .member-circle-conversation,
body.member-mode .member-circle-context {
  border-color: rgba(154, 177, 211, .34) !important;
  box-shadow: 0 12px 34px rgba(24, 58, 109, .055) !important;
}

body.member-mode #inbox .messenger {
  border-color: rgba(154, 177, 211, .38) !important;
  box-shadow: 0 18px 48px rgba(24, 58, 109, .085) !important;
}

body.member-mode #inbox .messages {
  padding-top: 58px !important;
  background:
    linear-gradient(rgba(255,255,255,.955), rgba(255,255,255,.955)),
    radial-gradient(circle at 18% 22%, #c9dcfa 0 1.5px, transparent 2px) !important;
}

body.member-mode #inbox .member-inbox-lane-placeholder,
body.member-mode #inbox .message-starter {
  border-color: rgba(154, 177, 211, .34) !important;
  background: linear-gradient(145deg, #f8fbff, #fff) !important;
  box-shadow: 0 14px 36px rgba(24, 58, 109, .06) !important;
}

body.member-mode #profile .member-profile-overview article,
body.member-mode .member-you-settings-grid > article {
  border-color: rgba(154, 177, 211, .34) !important;
  box-shadow: 0 9px 26px rgba(24, 58, 109, .045) !important;
}

@media (min-width: 821px) {
  body.member-mode .app-shell > main {
    padding-top: 16px !important;
  }

  body.member-mode .view > .topbar {
    min-height: 66px !important;
    margin-bottom: 8px !important;
    padding-bottom: 10px !important;
  }

  body.member-mode #plans .member-plan-overview {
    margin-top: 12px !important;
  }

  body.member-mode #plans .plan-list {
    margin-top: 12px !important;
  }

  body.member-mode #tools.member-circle-v9 .member-circle-overview {
    margin-bottom: 11px !important;
  }

  body.member-mode #tools.member-circle-v9 #circle-list.circle-list {
    grid-auto-columns: minmax(320px, 360px) !important;
    gap: 12px !important;
  }
}

@media (max-width: 820px) {
  body.member-mode .app-shell > main {
    padding-top: 18px !important;
  }

  body.member-mode .view > .topbar {
    min-height: 0 !important;
    margin-bottom: 12px !important;
    padding-bottom: 12px !important;
  }

  body.member-mode #plans .member-taskbar,
  body.member-mode #tools.member-circle-v9 .member-taskbar {
    gap: 9px !important;
    padding: 8px !important;
  }

  body.member-mode #plans .member-plan-overview {
    gap: 8px !important;
    margin: 10px 0 !important;
  }

  body.member-mode #plans .member-plan-overview > article {
    min-height: 82px !important;
    padding: 13px 14px !important;
  }

  body.member-mode #plans .member-plan-overview > button {
    min-height: 67px !important;
    padding: 12px 14px !important;
  }

  body.member-mode #plans .plan-browse-panel {
    display: grid !important;
    gap: 7px !important;
    padding: 11px !important;
  }

  body.member-mode #plans .plan-filter-group:has(input) {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 9px !important;
  }

  body.member-mode #plans .plan-filter-group:has(input) input {
    width: 100% !important;
    min-height: 38px !important;
  }

  body.member-mode #plans .plan-filter-group:not(:has(input)) {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 5px !important;
    overflow-x: auto !important;
    padding-bottom: 3px !important;
    scrollbar-width: none;
  }

  body.member-mode #plans .plan-filter-group:not(:has(input))::-webkit-scrollbar {
    display: none;
  }

  body.member-mode #plans .plan-filter-group:not(:has(input)) > * {
    flex: 0 0 auto !important;
  }

  body.member-mode #plans .plan-filter-group:not(:has(input)) > b {
    width: auto !important;
    padding-right: 7px !important;
    background: rgba(255,255,255,.96) !important;
  }

  body.member-mode #plans .plan-list {
    margin-top: 10px !important;
  }

  body.member-mode #tools.member-circle-v9 .member-circle-overview {
    grid-auto-flow: column !important;
    grid-template-columns: none !important;
    grid-auto-columns: minmax(116px, 1fr) !important;
    gap: 7px !important;
    margin-bottom: 10px !important;
    overflow-x: auto !important;
    scrollbar-width: none;
  }

  body.member-mode #tools.member-circle-v9 .member-circle-overview::-webkit-scrollbar {
    display: none;
  }

  body.member-mode #tools.member-circle-v9 .member-circle-overview > button {
    min-height: 67px !important;
    padding: 10px 12px !important;
  }

  body.member-mode #tools.member-circle-v9 #circle-list.circle-list {
    grid-auto-columns: calc(100vw - 64px) !important;
    gap: 10px !important;
  }

  body.member-mode #tools.member-circle-v9 .member-circle-room-select {
    grid-template-columns: 90px minmax(0, 1fr) !important;
  }

  body.member-mode #inbox > .topbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 12px !important;
  }

  body.member-mode #inbox > .topbar h1 {
    font-size: 34px !important;
  }

  body.member-mode #inbox > .topbar .view-subtitle,
  body.member-mode #inbox > .topbar div > p:not(.eyebrow) {
    max-width: 230px !important;
    font-size: 11px !important;
  }

  body.member-mode #inbox .inbox-lanes {
    margin-bottom: 8px !important;
  }

  body.member-mode #inbox .messenger,
  body.member-mode #inbox .messenger.mobile-conversation-open,
  body.member-mode #inbox .messenger.mobile-conversation-open .conversation {
    min-height: calc(100dvh - 232px) !important;
    height: calc(100dvh - 232px) !important;
    max-height: calc(100dvh - 232px) !important;
  }

  body.member-mode #inbox .conversation header {
    min-height: 61px !important;
    padding: 9px 10px !important;
  }

  body.member-mode #inbox .conversation-context {
    padding: 7px 10px !important;
  }

  body.member-mode #inbox .messages {
    padding: 54px 14px 18px !important;
  }

  body.member-mode #inbox .composer {
    gap: 6px !important;
    min-height: 60px !important;
    padding: 8px !important;
  }

  body.member-mode #inbox .composer input {
    min-width: 0 !important;
    min-height: 38px !important;
  }

  body.member-mode #inbox .composer-tool {
    min-width: 34px !important;
    padding-inline: 6px !important;
  }

  body.member-mode #profile .profile-hero-web {
    min-height: 450px !important;
    margin-bottom: 12px !important;
  }

  body.member-mode #profile .member-profile-overview article {
    min-height: 132px !important;
  }
}

/* Meet functional closure: persistent action states and compact laptop view. */
body.member-mode #discover .discovery-card-actions .intro-sent-action {
  grid-template-columns: auto !important;
  border-color: rgba(22, 163, 108, .24) !important;
  background: rgba(22, 163, 108, .09) !important;
  color: #0b7a50 !important;
  box-shadow: none !important;
  cursor: default !important;
  opacity: 1 !important;
}

body.member-mode #discover .discovery-card-actions .intro-sent-action span {
  font-weight: 750 !important;
}

.intro-error-box {
  margin: 4px 0 2px !important;
  padding: 11px 13px !important;
  border: 1px solid rgba(201, 49, 64, .2) !important;
  border-radius: 12px !important;
  background: rgba(201, 49, 64, .07) !important;
  color: #9f2635 !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
}

@media (min-width: 821px) and (max-height: 800px) {
  body.member-mode .member-meet-focus {
    min-height: 532px !important;
  }

  body.member-mode .member-meet-card-stage {
    display: flex !important;
    padding: 12px !important;
    align-items: flex-start !important;
    justify-content: center !important;
  }

  body.member-mode #discover .member-meet-card-stage .live-person-card {
    width: min(100%, 366px) !important;
    margin: 0 !important;
  }

  body.member-mode #discover .member-meet-card-stage .live-person-card .portrait {
    height: clamp(270px, calc(100dvh - 445px), 355px) !important;
    max-height: 355px !important;
    aspect-ratio: auto !important;
  }

  body.member-mode .member-meet-story {
    padding: 22px 30px 20px !important;
  }

  body.member-mode .member-meet-story h2 {
    font-size: clamp(32px, 2.8vw, 40px) !important;
  }

  body.member-mode .member-meet-intent {
    margin-top: 14px !important;
  }

  body.member-mode .member-meet-prompt {
    padding: 13px 15px !important;
  }

  body.member-mode .member-meet-story > footer {
    padding-top: 10px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

/* Meet visual round 3: a single, immersive introduction instead of a card on a dashboard. */
body.member-mode #discover.redesign-discover {
  position: relative;
  isolation: isolate;
}

body.member-mode #discover.redesign-discover::before {
  position: absolute;
  z-index: -1;
  inset: 72px 0 auto;
  height: 520px;
  background:
    radial-gradient(560px 280px at 16% 16%, rgba(61, 126, 238, .1), transparent 72%),
    radial-gradient(480px 260px at 86% 8%, rgba(137, 176, 241, .11), transparent 74%);
  content: "";
  pointer-events: none;
}

body.member-mode #discover .member-discover-layout > .people-grid {
  max-width: 1180px !important;
}

body.member-mode #discover .member-meet-focus {
  grid-template-columns: minmax(390px, .82fr) minmax(0, 1.18fr) !important;
  width: 100%;
  height: min(700px, calc(100dvh - 278px));
  min-height: 560px !important;
  overflow: hidden !important;
  border: 1px solid rgba(187, 204, 228, .78) !important;
  border-radius: 36px !important;
  background: rgba(255, 255, 255, .94) !important;
  box-shadow:
    0 32px 90px rgba(30, 72, 132, .14),
    0 1px 0 rgba(255, 255, 255, .92) inset !important;
  animation: meet-stage-in .48s cubic-bezier(.2, .78, .22, 1) both;
}

body.member-mode #discover .member-meet-card-stage {
  position: relative;
  display: flex !important;
  height: 100%;
  min-width: 0;
  padding: 0 !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  overflow: hidden !important;
  background: #dfe8f4 !important;
}

body.member-mode #discover .member-meet-card-stage::after {
  position: absolute;
  z-index: 4;
  inset: 0;
  border-right: 1px solid rgba(255, 255, 255, .42);
  background:
    linear-gradient(115deg, rgba(255, 255, 255, .16), transparent 28%),
    radial-gradient(360px 220px at 16% 2%, rgba(255, 255, 255, .18), transparent 72%);
  content: "";
  pointer-events: none;
}

body.member-mode #discover .member-meet-card-stage .live-person-card {
  display: grid !important;
  grid-template-rows: minmax(0, 1fr) 84px;
  width: 100% !important;
  height: 100%;
  min-height: 0;
  margin: 0 !important;
  overflow: hidden;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.member-mode #discover .member-meet-card-stage .live-person-card:hover {
  transform: none !important;
  box-shadow: none !important;
}

body.member-mode #discover .member-meet-card-stage .live-person-card .portrait {
  width: 100%;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  border-radius: 0 !important;
  background: #d9e3ef;
}

body.member-mode #discover .member-meet-card-stage .portrait > img,
body.member-mode #discover .member-meet-card-stage .portrait > picture,
body.member-mode #discover .member-meet-card-stage .portrait > picture > img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center 34% !important;
}

body.member-mode #discover .member-meet-card-stage .person-copy {
  padding: 76px 28px 26px !important;
  color: #fff !important;
  background: linear-gradient(180deg, transparent 0%, rgba(5, 18, 40, .28) 28%, rgba(5, 18, 40, .9) 100%) !important;
}

body.member-mode #discover .member-meet-card-stage .person-copy h3,
body.member-mode #discover .member-meet-card-stage .person-copy p,
body.member-mode #discover .member-meet-card-stage .person-copy em {
  color: #fff !important;
  text-shadow: 0 2px 18px rgba(3, 14, 35, .32);
}

body.member-mode #discover .member-meet-card-stage .person-copy h3 {
  font-size: clamp(24px, 2.3vw, 32px) !important;
  letter-spacing: -.045em !important;
}

body.member-mode #discover .member-meet-card-stage .person-copy em {
  display: block;
  max-width: 34ch;
  margin-top: 8px;
  font-size: 12px !important;
  font-style: normal;
  line-height: 1.45;
}

body.member-mode #discover .member-meet-card-stage .person-copy .tags span {
  border: 1px solid rgba(255, 255, 255, .22) !important;
  background: rgba(7, 22, 48, .32) !important;
  color: rgba(255, 255, 255, .92) !important;
  backdrop-filter: blur(12px);
}

body.member-mode #discover .member-meet-card-stage .match-chip,
body.member-mode #discover .member-meet-card-stage .media-verified,
body.member-mode #discover .member-meet-card-stage .more {
  border-color: rgba(255, 255, 255, .54) !important;
  background: rgba(249, 252, 255, .86) !important;
  box-shadow: 0 10px 28px rgba(8, 27, 58, .14) !important;
  backdrop-filter: blur(16px) saturate(1.14);
}

body.member-mode #discover .member-meet-card-stage .discovery-card-actions {
  position: relative;
  z-index: 5;
  display: grid !important;
  grid-template-columns: 56px minmax(130px, 1fr) 72px 56px !important;
  gap: 9px !important;
  min-height: 84px !important;
  padding: 14px 16px !important;
  border-top: 1px solid rgba(199, 213, 232, .68) !important;
  background: rgba(251, 253, 255, .94) !important;
  box-shadow: 0 -16px 38px rgba(12, 37, 75, .06) !important;
  backdrop-filter: blur(20px) saturate(1.15);
}

body.member-mode #discover .member-meet-card-stage .discovery-card-actions button {
  height: 54px !important;
  min-height: 54px !important;
  border-radius: 17px !important;
  transition: transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease !important;
}

body.member-mode #discover .member-meet-card-stage .discovery-card-actions button:hover {
  transform: translateY(-2px) !important;
}

body.member-mode #discover .member-meet-card-stage .discovery-card-actions button:active {
  transform: translateY(0) scale(.98) !important;
}

body.member-mode #discover .member-meet-card-stage .discovery-card-actions .say-hi-action,
body.member-mode #discover .member-meet-card-stage .discovery-card-actions .open-chat-action {
  border-color: #1762dd !important;
  background: #1762dd !important;
  box-shadow: 0 12px 26px rgba(23, 98, 221, .24) !important;
}

body.member-mode #discover .member-meet-story {
  display: flex;
  min-width: 0;
  height: 100%;
  padding: 26px 44px 24px !important;
  flex-direction: column;
  overflow: auto !important;
  overscroll-behavior: contain;
  background:
    radial-gradient(520px 260px at 100% 0, rgba(76, 132, 231, .08), transparent 74%),
    rgba(255, 255, 255, .96) !important;
  scrollbar-width: thin;
  scrollbar-color: rgba(111, 139, 180, .34) transparent;
}

body.member-mode #discover .member-meet-story > * {
  flex-shrink: 0;
}

body.member-mode #discover .member-meet-session {
  margin: 0 !important;
  padding-bottom: 14px !important;
  border-bottom: 1px solid rgba(204, 216, 233, .78);
}

body.member-mode #discover .member-meet-session > span {
  color: #31445f !important;
  font-size: 11px !important;
  letter-spacing: .02em;
}

body.member-mode #discover .member-meet-session > strong {
  border: 0 !important;
  background: rgba(35, 103, 222, .08) !important;
  color: #1559c8 !important;
  font-variant-numeric: tabular-nums;
}

body.member-mode #discover .member-meet-story > header {
  padding-top: 18px;
}

body.member-mode #discover .member-meet-story > header > div {
  align-items: center;
}

body.member-mode #discover .member-meet-story > header > div > p {
  color: #1762dd !important;
  font-size: 10px !important;
  letter-spacing: .12em !important;
}

body.member-mode #discover .member-meet-story > header > div > span {
  border: 0 !important;
  background: transparent !important;
  color: #64748a !important;
}

body.member-mode #discover .member-meet-story h2 {
  margin: 11px 0 7px !important;
  color: #071a39 !important;
  font-size: clamp(42px, 4vw, 58px) !important;
  font-weight: 720 !important;
  line-height: .98 !important;
  letter-spacing: -.06em !important;
  text-wrap: balance;
}

body.member-mode #discover .member-meet-story > header > p {
  max-width: 52ch !important;
  color: #607089 !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
  text-wrap: pretty;
}

body.member-mode #discover .member-meet-intent {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin-top: 18px !important;
  overflow: hidden;
  border-block: 1px solid rgba(202, 215, 232, .8) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

body.member-mode #discover .member-meet-intent > div {
  padding: 15px 14px 15px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

body.member-mode #discover .member-meet-intent > div + div {
  padding-left: 16px !important;
  border-left: 1px solid rgba(202, 215, 232, .8) !important;
}

body.member-mode #discover .member-meet-intent small {
  color: #7a899f !important;
  font-size: 9px !important;
  letter-spacing: .1em !important;
}

body.member-mode #discover .member-meet-intent b {
  margin-top: 5px;
  color: #102647 !important;
  font-size: 13px !important;
}

body.member-mode #discover .member-meet-prompt {
  position: relative;
  margin-top: 14px !important;
  padding: 18px 20px 18px 24px !important;
  overflow: hidden;
  border: 0 !important;
  border-radius: 8px 20px 20px 8px !important;
  background: #f3f7fd !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset !important;
}

body.member-mode #discover .member-meet-prompt::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: #1762dd;
  content: "";
}

body.member-mode #discover .member-meet-prompt small {
  color: #55739f !important;
  font-size: 9px !important;
  letter-spacing: .12em !important;
}

body.member-mode #discover .member-meet-prompt blockquote {
  margin: 8px 0 8px !important;
  color: #0b2142 !important;
  font-size: clamp(17px, 1.55vw, 21px) !important;
  font-weight: 650 !important;
  line-height: 1.25 !important;
  letter-spacing: -.025em;
  text-wrap: pretty;
}

body.member-mode #discover .member-meet-prompt p {
  color: #66758c !important;
  font-size: 11px !important;
  line-height: 1.55 !important;
}

body.member-mode #discover .member-meet-interests {
  margin-top: 15px !important;
}

body.member-mode #discover .member-meet-interests span {
  border: 0 !important;
  background: #edf3fb !important;
  color: #425775 !important;
}

body.member-mode #discover .member-meet-assurance {
  margin-top: 12px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body.member-mode #discover .member-meet-assurance > span {
  background: #e8f4ef !important;
  color: #0b8055 !important;
}

body.member-mode #discover .member-meet-story-actions {
  margin-top: 14px !important;
  padding-top: 12px;
  border-top: 1px solid rgba(205, 217, 233, .72);
}

body.member-mode #discover .member-meet-profile-button {
  min-height: 44px !important;
  border-color: rgba(23, 98, 221, .28) !important;
  background: #fff !important;
  color: #1458c8 !important;
}

body.member-mode #discover .member-meet-profile-button:hover {
  border-color: #1762dd !important;
  background: #f4f8ff !important;
  transform: translateY(-1px);
}

body.member-mode #discover .member-meet-story-actions nav button {
  border-radius: 14px !important;
  background: #f5f8fc !important;
}

body.member-mode #discover .member-meet-story-actions nav {
  margin: 0 !important;
}

body.member-mode #discover .member-meet-story > footer {
  margin-top: auto !important;
  padding-top: 12px !important;
}

body.member-mode #discover .member-meet-queue button {
  border-color: rgba(205, 217, 233, .8) !important;
  border-radius: 14px !important;
  background: #f8fafd !important;
}

@keyframes meet-stage-in {
  from { opacity: 0; transform: translateY(12px) scale(.992); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (min-width: 821px) and (max-height: 850px) {
  body.member-mode #discover .member-meet-focus {
    height: calc(100dvh - 266px) !important;
    min-height: 438px !important;
  }

  body.member-mode #discover .member-meet-story {
    padding: 24px 32px 22px !important;
  }

  body.member-mode #discover .member-meet-story > header {
    padding-top: 16px;
  }

  body.member-mode #discover .member-meet-story h2 {
    font-size: clamp(36px, 3.5vw, 46px) !important;
  }

  body.member-mode #discover .member-meet-intent {
    margin-top: 14px !important;
  }

  body.member-mode #discover .member-meet-prompt {
    margin-top: 12px !important;
    padding: 13px 16px 13px 20px !important;
  }

  body.member-mode #discover .member-meet-interests,
  body.member-mode #discover .member-meet-assurance {
    margin-top: 9px !important;
  }

  body.member-mode #discover .member-meet-story-actions {
    margin-top: 12px !important;
    padding-top: 11px;
  }

  body.member-mode #discover .member-meet-story > footer {
    padding-top: 10px !important;
  }
}

@media (max-width: 820px) {
  body.member-mode #discover .member-meet-focus {
    grid-template-columns: 1fr !important;
    height: auto !important;
    min-height: 0 !important;
    border-radius: 28px !important;
  }

  body.member-mode #discover .member-meet-card-stage {
    height: min(72dvh, 620px);
    min-height: 520px;
  }

  body.member-mode #discover .member-meet-card-stage .live-person-card {
    grid-template-rows: minmax(0, 1fr) 78px;
  }

  body.member-mode #discover .member-meet-card-stage .discovery-card-actions {
    grid-template-columns: 50px minmax(112px, 1fr) 64px 50px !important;
    gap: 6px !important;
    min-height: 78px !important;
    padding: 11px 10px !important;
  }

  body.member-mode #discover .member-meet-card-stage .discovery-card-actions button {
    height: 54px !important;
  }

  body.member-mode #discover .member-meet-story {
    height: auto;
    padding: 28px 20px 32px !important;
    overflow: visible !important;
  }

  body.member-mode #discover .member-meet-story h2 {
    font-size: 40px !important;
  }

  body.member-mode #discover .member-meet-intent {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.member-mode #discover .member-meet-intent > div:last-child {
    grid-column: 1 / -1;
    padding-left: 0 !important;
    border-top: 1px solid rgba(202, 215, 232, .8) !important;
    border-left: 0 !important;
  }
}

@media (max-width: 430px) {
  body.member-mode #discover .member-meet-card-stage {
    min-height: 500px;
  }

  body.member-mode #discover .member-meet-card-stage .person-copy {
    padding: 64px 20px 20px !important;
  }

  body.member-mode #discover .member-meet-card-stage .person-copy h3 {
    font-size: 27px !important;
  }

  body.member-mode #discover .member-meet-card-stage .discovery-card-actions {
    grid-template-columns: 46px minmax(104px, 1fr) 60px 46px !important;
  }
}

/* Plans visual round 3: a social calendar with one clear next step and a native collection list. */
body.member-mode #plans {
  position: relative;
  isolation: isolate;
}

body.member-mode #plans::before {
  position: absolute;
  z-index: -1;
  inset: 72px 0 auto;
  height: 430px;
  background:
    radial-gradient(520px 240px at 8% 8%, rgba(54, 119, 232, .1), transparent 72%),
    radial-gradient(420px 220px at 88% 5%, rgba(129, 171, 238, .09), transparent 74%);
  content: "";
  pointer-events: none;
}

body.member-mode #plans .plans-page-grid {
  max-width: 1240px;
  margin-inline: auto;
}

body.member-mode #plans .member-plan-overview {
  grid-template-columns: minmax(0, 2.2fr) minmax(150px, .55fr) minmax(150px, .55fr) !important;
  gap: 12px !important;
  margin: 18px 0 14px !important;
}

body.member-mode #plans .member-plan-overview > article {
  position: relative;
  display: flex !important;
  min-height: 96px !important;
  padding: 18px 88px 18px 70px !important;
  overflow: hidden;
  border: 1px solid rgba(56, 118, 224, .2) !important;
  border-radius: 24px !important;
  background:
    radial-gradient(300px 130px at 92% 0, rgba(255, 255, 255, .42), transparent 70%),
    linear-gradient(135deg, #edf4ff, #f8fbff 66%) !important;
  box-shadow: 0 16px 38px rgba(38, 82, 147, .1) !important;
}

body.member-mode #plans .member-plan-overview > article > div {
  width: 100%;
  min-width: 0;
  padding-right: 26px;
}

body.member-mode #plans .member-plan-overview > article > div > small,
body.member-mode #plans .member-plan-overview > article > div > b,
body.member-mode #plans .member-plan-overview > article > div > span {
  display: block;
}

body.member-mode #plans .member-plan-overview > article::after {
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: #1762dd;
  content: "";
}

body.member-mode #plans .member-plan-overview > article > span:first-child,
body.member-mode #plans .member-plan-overview > article > i:first-child {
  position: absolute;
  top: 50%;
  left: 20px;
  width: 36px;
  height: 36px;
  border-radius: 13px !important;
  background: #1762dd !important;
  color: #fff !important;
  box-shadow: 0 10px 22px rgba(23, 98, 221, .2);
  transform: translateY(-50%);
}

body.member-mode #plans .member-plan-overview > article strong,
body.member-mode #plans .member-plan-overview > article h3 {
  color: #0a2143 !important;
  font-size: 18px !important;
  letter-spacing: -.03em;
}

body.member-mode #plans .member-plan-overview > article button {
  position: absolute;
  top: 50%;
  right: 20px;
  min-height: 40px !important;
  border-color: rgba(23, 98, 221, .22) !important;
  background: rgba(255, 255, 255, .86) !important;
  color: #1458c8 !important;
  transform: translateY(-50%);
}

body.member-mode #plans .member-plan-overview > button {
  min-height: 96px !important;
  padding: 17px 18px !important;
  border: 1px solid rgba(201, 214, 232, .84) !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, .84) !important;
  box-shadow: 0 14px 34px rgba(39, 75, 127, .07) !important;
  backdrop-filter: blur(18px);
}

body.member-mode #plans .member-plan-overview > button:hover {
  border-color: rgba(23, 98, 221, .34) !important;
  background: #fff !important;
  transform: translateY(-2px);
}

body.member-mode #plans .member-plan-overview > button strong {
  font-size: 24px !important;
  font-variant-numeric: tabular-nums;
}

body.member-mode #plans .plan-browse-panel {
  margin-bottom: 14px !important;
  padding: 14px 16px !important;
  border: 1px solid rgba(204, 216, 232, .8) !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, .78) !important;
  box-shadow: 0 12px 30px rgba(40, 76, 128, .06) !important;
  backdrop-filter: blur(18px);
}

body.member-mode #plans .plan-browse-panel input {
  min-height: 42px !important;
  border-color: rgba(202, 214, 231, .9) !important;
  border-radius: 14px !important;
  background: #f7f9fc !important;
}

body.member-mode #plans .plan-browse-panel .filter {
  min-height: 36px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: #637188 !important;
}

body.member-mode #plans .plan-browse-panel .filter:hover {
  background: #f0f5fc !important;
  color: #174eaa !important;
}

body.member-mode #plans .plan-browse-panel .filter.active {
  background: #e8f1ff !important;
  color: #1458c8 !important;
  box-shadow: inset 0 0 0 1px rgba(23, 98, 221, .12) !important;
}

body.member-mode #plans .plan-list {
  display: grid;
  gap: 0 !important;
  overflow: hidden;
  border: 1px solid rgba(199, 213, 231, .84);
  border-radius: 26px;
  background: rgba(255, 255, 255, .92);
  box-shadow:
    0 24px 60px rgba(31, 69, 125, .1),
    0 1px 0 rgba(255, 255, 255, .9) inset;
}

body.member-mode #plans .member-plan-row {
  position: relative;
  min-height: 120px !important;
  margin: 0 !important;
  padding: 16px 18px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(211, 221, 235, .78) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transition: background .22s ease, transform .22s ease !important;
}

body.member-mode #plans .member-plan-row:last-child {
  border-bottom: 0 !important;
}

body.member-mode #plans .member-plan-row:hover {
  background: #f7faff !important;
  transform: none !important;
}

body.member-mode #plans .member-plan-row[data-plan-rsvp="confirmed"] {
  background: linear-gradient(90deg, rgba(23, 98, 221, .055), transparent 42%) !important;
}

body.member-mode #plans .member-plan-row[data-plan-owner="true"] {
  background: linear-gradient(90deg, rgba(23, 98, 221, .085), rgba(246, 250, 255, .5) 48%, transparent) !important;
}

body.member-mode #plans .member-plan-row[data-plan-invited="pending"]::before,
body.member-mode #plans .member-plan-row[data-plan-rsvp="requested"]::before,
body.member-mode #plans .member-plan-row[data-plan-owner="true"]::before,
body.member-mode #plans .member-plan-row[data-plan-rsvp="confirmed"]::before {
  position: absolute;
  inset: 18px auto 18px 0;
  width: 3px;
  border-radius: 0 3px 3px 0;
  background: #1762dd;
  content: "";
}

body.member-mode #plans .member-plan-row[data-plan-rsvp="requested"]::before {
  background: #7792bb;
}

body.member-mode #plans .member-plan-date {
  min-width: 72px !important;
  padding: 9px 12px !important;
  border: 0 !important;
  border-right: 1px solid rgba(210, 220, 234, .86) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

body.member-mode #plans .member-plan-date strong {
  color: #0b2142 !important;
  font-size: 28px !important;
  font-variant-numeric: tabular-nums;
  letter-spacing: -.045em;
}

body.member-mode #plans .member-plan-host {
  min-width: 140px;
}

body.member-mode #plans .member-plan-host .member-plan-grid {
  border-radius: 15px !important;
  box-shadow: 0 8px 20px rgba(17, 47, 92, .13) !important;
}

body.member-mode #plans .member-plan-content h3 {
  margin-top: 5px !important;
  color: #0a2143 !important;
  font-size: 18px !important;
  letter-spacing: -.028em !important;
}

body.member-mode #plans .member-plan-labels span {
  border: 0 !important;
  background: #edf3fb !important;
  color: #536783 !important;
}

body.member-mode #plans .member-plan-row[data-plan-visibility="private"] .member-plan-labels span:last-child,
body.member-mode #plans .member-plan-row[data-plan-visibility="circle"] .member-plan-labels span:last-child {
  background: #e8f1ff !important;
  color: #1458c8 !important;
}

body.member-mode #plans .plan-card-actions {
  gap: 8px !important;
}

body.member-mode #plans .plan-card-actions button {
  min-height: 42px !important;
  border-radius: 14px !important;
}

body.member-mode #plans .plan-card-actions .join,
body.member-mode #plans .plan-card-actions .manage-plan,
body.member-mode #plans .plan-card-actions .accept-plan-invite {
  border-color: rgba(23, 98, 221, .18) !important;
  background: #eaf2ff !important;
  color: #1458c8 !important;
}

body.member-mode #plans .plan-card-actions button:hover {
  transform: translateY(-1px);
}

@media (max-width: 820px) {
  body.member-mode #plans .member-plan-overview {
    grid-template-columns: 1fr 1fr !important;
  }

  body.member-mode #plans .member-plan-overview > article {
    grid-column: 1 / -1;
    min-height: 106px !important;
    padding: 18px 72px 18px 62px !important;
  }

  body.member-mode #plans .member-plan-overview > article > span:first-child,
  body.member-mode #plans .member-plan-overview > article > i:first-child {
    left: 16px;
  }

  body.member-mode #plans .member-plan-overview > article button {
    right: 14px;
  }

  body.member-mode #plans .member-plan-overview > button {
    min-height: 82px !important;
  }

  body.member-mode #plans .plan-list {
    border-radius: 22px;
  }

  body.member-mode #plans .member-plan-row {
    min-height: 0 !important;
    padding: 16px 14px 18px !important;
  }

  body.member-mode #plans .member-plan-date {
    border-right: 0 !important;
    border-bottom: 1px solid rgba(210, 220, 234, .86) !important;
  }
}


/* Inbox and Contacts visual round 3: private conversation workspace + address book. */
body.member-mode #inbox {
  --inbox-r3-line: rgba(132, 158, 197, .26);
  --inbox-r3-ink: #071b3e;
  --inbox-r3-muted: #697891;
}

body.member-mode #inbox .inbox-lanes {
  min-height: 50px !important;
  padding: 5px 8px !important;
  border: 1px solid var(--inbox-r3-line) !important;
  border-radius: 17px !important;
  background: rgba(240, 245, 253, .72) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.82) !important;
}

body.member-mode #inbox .inbox-lane {
  min-height: 38px !important;
  padding: 0 14px !important;
  border-radius: 12px !important;
  transition: background-color .2s ease, color .2s ease, transform .2s ease !important;
}

body.member-mode #inbox .inbox-lane:hover {
  background: rgba(255,255,255,.78) !important;
}

body.member-mode #inbox .inbox-lane:active {
  transform: scale(.97) !important;
}

body.member-mode #inbox .inbox-lane.active {
  background: #fff !important;
  box-shadow: 0 6px 18px rgba(26, 64, 121, .09) !important;
}

body.member-mode #inbox .inbox-lane.active::after {
  right: 13px !important;
  bottom: 3px !important;
  left: 13px !important;
  height: 2px !important;
}

body.member-mode #inbox .messenger {
  grid-template-columns: minmax(258px, 296px) minmax(430px, 1fr) minmax(224px, 258px) !important;
  min-height: 610px !important;
  overflow: hidden !important;
  border: 1px solid var(--inbox-r3-line) !important;
  border-radius: 25px !important;
  background: rgba(255,255,255,.92) !important;
  box-shadow: 0 24px 64px rgba(18, 49, 97, .1), inset 0 1px 0 rgba(255,255,255,.96) !important;
}

body.member-mode #inbox .thread-list {
  background: linear-gradient(180deg, #f7faff, #fbfcff 38%) !important;
}

body.member-mode #inbox .member-thread-tools {
  position: sticky !important;
  top: 0 !important;
  z-index: 3 !important;
  padding: 14px 12px 10px !important;
  background: rgba(247,250,255,.9) !important;
  backdrop-filter: blur(18px) saturate(150%) !important;
}

body.member-mode #inbox .member-thread-tools input {
  min-height: 40px !important;
  border-color: rgba(135, 161, 200, .3) !important;
  border-radius: 13px !important;
  background: rgba(255,255,255,.9) !important;
}

body.member-mode #inbox .thread {
  min-height: 70px !important;
  margin: 3px 8px !important;
  padding: 10px !important;
  border: 1px solid transparent !important;
  border-radius: 15px !important;
  transition: background-color .2s ease, border-color .2s ease, transform .2s ease !important;
}

body.member-mode #inbox .thread:hover {
  transform: translateX(2px) !important;
  border-color: rgba(143, 173, 217, .25) !important;
  background: rgba(236,244,255,.72) !important;
}

body.member-mode #inbox .thread.active {
  border-color: rgba(77, 133, 222, .3) !important;
  background: linear-gradient(100deg, #e8f1ff, #f4f8ff) !important;
  box-shadow: inset 3px 0 #0a66ff, 0 8px 20px rgba(34, 81, 153, .07) !important;
}

body.member-mode #inbox .thread b {
  color: var(--inbox-r3-ink) !important;
  font-size: 12px !important;
  font-weight: 740 !important;
}

body.member-mode #inbox .thread small {
  color: #6e7d95 !important;
  font-size: 9.5px !important;
}

body.member-mode #inbox .conversation {
  background: #fff !important;
}

body.member-mode #inbox .conversation header {
  min-height: 72px !important;
  padding: 11px 18px !important;
  background:
    radial-gradient(circle at 88% 0, rgba(70, 145, 255, .11), transparent 11rem),
    rgba(255,255,255,.96) !important;
}

body.member-mode #inbox .conversation header > div > b,
body.member-mode #inbox .conversation header > div > span:first-of-type {
  color: var(--inbox-r3-ink) !important;
  font-weight: 750 !important;
}

body.member-mode #inbox .conversation-context {
  min-height: 44px !important;
  padding: 8px 18px !important;
  border-bottom: 1px solid rgba(139, 163, 198, .18) !important;
  background: #f8fbff !important;
}

body.member-mode #inbox .messages {
  padding: 28px 24px 24px !important;
  background:
    linear-gradient(rgba(255,255,255,.965),rgba(255,255,255,.965)),
    radial-gradient(circle at 15% 18%, rgba(76, 141, 235, .45) 0 1px, transparent 1.5px) !important;
  background-size: auto, 26px 26px !important;
}

body.member-mode #inbox .bubble {
  max-width: min(74%, 500px) !important;
  padding: 11px 14px !important;
  border-radius: 16px 16px 16px 5px !important;
  border-color: rgba(132,158,197,.26) !important;
  color: #34445f !important;
  line-height: 1.48 !important;
  box-shadow: 0 6px 18px rgba(25, 54, 99, .05) !important;
}

body.member-mode #inbox .bubble.mine {
  border-radius: 16px 16px 5px 16px !important;
  background: linear-gradient(145deg, #1473ff, #065cdf) !important;
  color: #fff !important;
  box-shadow: 0 10px 24px rgba(10, 102, 255, .18) !important;
}

body.member-mode #inbox .composer {
  min-height: 68px !important;
  padding: 10px 13px !important;
  background: rgba(250,252,255,.96) !important;
}

body.member-mode #inbox .composer input,
body.member-mode #inbox .composer textarea {
  min-height: 42px !important;
  border-color: rgba(130, 158, 198, .28) !important;
  border-radius: 14px !important;
  background: #fff !important;
}

body.member-mode #inbox .member-conversation-rail {
  padding: 12px !important;
  background: linear-gradient(180deg, #f4f8ff, #f9fbff) !important;
}

body.member-mode #inbox .member-rail-section {
  gap: 7px !important;
  padding: 15px !important;
  border-color: rgba(132,158,197,.26) !important;
  border-radius: 15px !important;
  background: rgba(255,255,255,.82) !important;
}

body.member-mode #inbox .member-rail-section strong,
body.member-mode #inbox .member-rail-section b {
  color: var(--inbox-r3-ink) !important;
  font-size: 12px !important;
}

body.member-mode #inbox .member-rail-section span {
  color: #687790 !important;
  font-size: 9.5px !important;
  line-height: 1.55 !important;
}

body.member-mode #inbox .member-rail-section button {
  width: fit-content !important;
  margin-top: 4px !important;
  padding: 0 0 2px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(10,102,255,.28) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #0a66ff !important;
  font-size: 9.5px !important;
  font-weight: 750 !important;
}

body.member-mode #inbox .member-rail-section:has([data-member-message-lifetime]) {
  background:
    radial-gradient(circle at 90% 0, rgba(58,137,255,.13), transparent 8rem),
    #fff !important;
}

body.member-mode #inbox .member-rail-section:has([data-member-message-lifetime]) strong::before {
  content: "◷" !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 22px !important;
  height: 22px !important;
  margin-right: 7px !important;
  border-radius: 8px !important;
  background: #eaf3ff !important;
  color: #0a66ff !important;
  font-size: 12px !important;
  vertical-align: -5px !important;
}

body.member-mode #inbox .member-rail-boundary {
  margin-top: auto !important;
  border: 1px solid rgba(116, 151, 203, .24) !important;
  background: linear-gradient(145deg, #edf5ff, #fff) !important;
  color: inherit !important;
}

body.member-mode #inbox .member-rail-boundary .eyebrow,
body.member-mode #inbox .member-rail-boundary span {
  color: #5c6f8d !important;
}

body.member-mode #inbox .contacts-directory {
  grid-template-columns: minmax(300px, 350px) minmax(0, 1fr) !important;
  min-height: 620px !important;
  border-color: var(--inbox-r3-line) !important;
  border-radius: 25px !important;
  box-shadow: 0 24px 64px rgba(18,49,97,.095) !important;
}

body.member-mode #inbox .contacts-directory-list {
  padding: 22px 15px !important;
  background: linear-gradient(180deg, #f5f8ff, #fbfcff) !important;
}

body.member-mode #inbox .contacts-directory-search input {
  height: 42px !important;
  border-color: rgba(132,158,197,.28) !important;
  border-radius: 13px !important;
}

body.member-mode #inbox .contacts-shortcuts button,
body.member-mode #inbox .contact-directory-row {
  min-height: 62px !important;
  margin: 2px 0 !important;
  padding: 9px 10px !important;
  border: 1px solid transparent !important;
  border-radius: 15px !important;
}

body.member-mode #inbox .contacts-shortcuts button:hover,
body.member-mode #inbox .contact-directory-row:hover {
  border-color: rgba(136,165,207,.24) !important;
  background: #edf4ff !important;
}

body.member-mode #inbox .contact-directory-row.active {
  border-color: rgba(66,121,210,.28) !important;
  background: linear-gradient(100deg, #e6efff, #f2f7ff) !important;
  box-shadow: inset 3px 0 #0a66ff, 0 8px 20px rgba(34,81,153,.06) !important;
}

body.member-mode #inbox .contact-detail-panel {
  position: relative !important;
  align-content: center !important;
  padding: clamp(34px, 5vw, 74px) !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 88% 8%, rgba(77,149,255,.18), transparent 20rem),
    radial-gradient(circle at 8% 90%, rgba(194,222,255,.28), transparent 22rem),
    #fff !important;
}

body.member-mode #inbox .contact-profile-hero {
  gap: 24px !important;
}

body.member-mode #inbox .contact-profile-avatar {
  width: 104px !important;
  height: 104px !important;
  border: 4px solid #fff !important;
  border-radius: 34px !important;
  box-shadow: 0 18px 38px rgba(24,58,109,.18) !important;
}

body.member-mode #inbox .contact-profile-hero h2 {
  color: var(--inbox-r3-ink) !important;
  font-size: clamp(34px, 4vw, 50px) !important;
  font-weight: 770 !important;
  letter-spacing: -.06em !important;
  text-wrap: balance !important;
}

body.member-mode #inbox .contact-profile-facts div {
  border: 1px solid rgba(132,158,197,.2) !important;
  border-radius: 17px !important;
  background: rgba(246,249,254,.82) !important;
}

body.member-mode #inbox .contact-profile-insights article {
  border-color: rgba(132,158,197,.24) !important;
  background: rgba(255,255,255,.78) !important;
  box-shadow: 0 8px 24px rgba(22,52,99,.04) !important;
}

body.member-mode #inbox .contact-profile-actions button {
  min-height: 42px !important;
  border-radius: 13px !important;
}

@media (max-width: 1080px) and (min-width: 821px) {
  body.member-mode #inbox .messenger {
    grid-template-columns: 270px minmax(0,1fr) !important;
  }

  body.member-mode #inbox .member-conversation-rail {
    display: none !important;
  }
}

@media (max-width: 820px) {
  body.member-mode #inbox .inbox-lanes {
    overflow-x: auto !important;
    scrollbar-width: none !important;
  }

  body.member-mode #inbox .inbox-lanes::-webkit-scrollbar {
    display: none !important;
  }

  body.member-mode #inbox .messenger,
  body.member-mode #inbox .contacts-directory {
    grid-template-columns: minmax(0,1fr) !important;
    border-radius: 20px !important;
  }

  body.member-mode #inbox .thread {
    min-height: 72px !important;
  }

  body.member-mode #inbox .messenger.mobile-conversation-open .conversation header {
    min-height: 66px !important;
    padding: 9px 12px !important;
  }

  body.member-mode #inbox .messenger.mobile-conversation-open .messages {
    padding: 18px 14px !important;
  }

  body.member-mode #inbox .bubble {
    max-width: 84% !important;
  }

  body.member-mode #inbox .contacts-directory-list {
    padding: 18px 12px !important;
  }

  body.member-mode #inbox .contact-profile-facts,
  body.member-mode #inbox .contact-profile-insights {
    grid-template-columns: minmax(0,1fr) !important;
  }
}


/* You visual round 3: one connected account center, not a grid of utility cards. */
body.member-mode #profile {
  --you-r3-line: rgba(132, 158, 197, .27);
  --you-r3-ink: #071b3e;
  --you-r3-muted: #697891;
}

body.member-mode #profile .profile-hero-web {
  border-radius: 28px !important;
  box-shadow: 0 26px 64px rgba(8, 38, 90, .17) !important;
}

body.member-mode #profile .member-profile-overview {
  gap: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--you-r3-line) !important;
  border-radius: 24px !important;
  background: rgba(255,255,255,.9) !important;
  box-shadow: 0 22px 56px rgba(23,55,104,.08) !important;
}

body.member-mode #profile .member-profile-overview article {
  position: relative !important;
  min-height: 0 !important;
  padding: 18px 20px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(132,158,197,.2) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transition: background-color .2s ease !important;
}

body.member-mode #profile .member-profile-overview article:last-child {
  border-bottom: 0 !important;
}

body.member-mode #profile .member-profile-overview article:hover {
  background: linear-gradient(100deg, rgba(238,245,255,.7), rgba(255,255,255,.3)) !important;
}

body.member-mode #profile .member-profile-overview article::after {
  right: 18px !important;
  top: 18px !important;
  width: 10px !important;
  height: 10px !important;
  border-radius: 50% !important;
  background: #26b275 !important;
  box-shadow: 0 0 0 5px rgba(38,178,117,.1) !important;
}

body.member-mode #profile .member-profile-overview article.member-account-overview::after {
  background: #448cff !important;
  box-shadow: 0 0 0 5px rgba(68,140,255,.11) !important;
}

body.member-mode #profile .member-profile-overview b {
  max-width: calc(100% - 30px) !important;
  color: var(--you-r3-ink) !important;
  font-size: 14px !important;
  font-weight: 760 !important;
  letter-spacing: -.02em !important;
}

body.member-mode #profile .member-profile-overview small {
  max-width: 46ch !important;
  color: #6d7c94 !important;
  font-size: 10px !important;
  line-height: 1.5 !important;
}

body.member-mode #profile .member-profile-overview button {
  min-height: 34px !important;
  margin-top: 10px !important;
  padding: 0 11px !important;
  border-color: rgba(119,153,204,.3) !important;
  border-radius: 10px !important;
  background: rgba(249,251,255,.88) !important;
  transition: background-color .2s ease, transform .2s ease !important;
}

body.member-mode #profile .member-profile-overview button:hover {
  background: #edf4ff !important;
}

body.member-mode #profile .member-profile-overview button:active,
body.member-mode .member-you-setting-actions button:active {
  transform: scale(.97) !important;
}

body.member-mode .member-you-account-hub {
  gap: 16px !important;
  margin-top: 18px !important;
  padding-top: 34px !important;
  border-top-color: rgba(132,158,197,.24) !important;
}

body.member-mode .member-you-account-hub > header h2 {
  color: var(--you-r3-ink) !important;
  font-size: clamp(31px,3vw,44px) !important;
  font-weight: 780 !important;
  letter-spacing: -.055em !important;
  text-wrap: balance !important;
}

body.member-mode .member-you-settings-grid {
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--you-r3-line) !important;
  border-radius: 24px !important;
  background: rgba(255,255,255,.9) !important;
  box-shadow: 0 20px 52px rgba(22,54,102,.065) !important;
}

body.member-mode .member-you-settings-grid > article {
  min-height: 160px !important;
  padding: 22px !important;
  border: 0 !important;
  border-right: 1px solid rgba(132,158,197,.2) !important;
  border-bottom: 1px solid rgba(132,158,197,.2) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transition: background-color .2s ease !important;
}

body.member-mode .member-you-settings-grid > article:nth-child(2n) {
  border-right: 0 !important;
}

body.member-mode .member-you-settings-grid > article:nth-last-child(-n+2) {
  border-bottom: 0 !important;
}

body.member-mode .member-you-settings-grid > article:hover {
  background:
    radial-gradient(circle at 92% 4%, rgba(65,137,255,.1), transparent 10rem),
    #f9fbff !important;
}

body.member-mode .member-you-settings-grid > article::after {
  display: none !important;
}

body.member-mode .member-you-setting-mark {
  border: 1px solid rgba(98,145,215,.18) !important;
  border-radius: 13px !important;
  background: #edf4ff !important;
  box-shadow: inset 0 1px 0 #fff !important;
}

body.member-mode .member-you-settings-grid h3 {
  color: var(--you-r3-ink) !important;
  font-size: 17px !important;
  font-weight: 760 !important;
  letter-spacing: -.025em !important;
}

body.member-mode .member-you-settings-grid small {
  color: #6c7a91 !important;
}

body.member-mode .member-you-setting-actions button {
  min-height: 34px !important;
  border-color: rgba(120,153,202,.3) !important;
  border-radius: 10px !important;
  background: rgba(250,252,255,.92) !important;
  transition: background-color .2s ease, transform .2s ease !important;
}

body.member-mode .member-you-setting-actions button:hover {
  background: #edf4ff !important;
}

body.member-mode .member-you-membership {
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 26px !important;
  background:
    radial-gradient(420px 200px at 91% 0, rgba(80,147,255,.46), transparent 72%),
    radial-gradient(320px 210px at 8% 110%, rgba(38,102,209,.35), transparent 75%),
    linear-gradient(126deg,#061a40,#123f94 67%,#1768ee) !important;
  box-shadow: 0 28px 64px rgba(9,43,109,.22), inset 0 1px 0 rgba(255,255,255,.14) !important;
}

body.member-mode .member-you-membership h2 {
  font-size: 30px !important;
  letter-spacing: -.045em !important;
}

body.member-mode .member-you-membership-facts span {
  border-color: rgba(255,255,255,.16) !important;
  background: rgba(255,255,255,.08) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
}

body.member-mode .upgrade-panel.open {
  width: min(540px,100vw) !important;
  overflow-x: hidden !important;
  background:
    radial-gradient(circle at 92% 0, rgba(45,118,245,.32), transparent 22rem),
    linear-gradient(180deg,#071b43,#0d2b66) !important;
  box-shadow: -24px 0 70px rgba(5,25,64,.26) !important;
}

body.member-mode .upgrade-panel .membership-option,
body.member-mode .upgrade-panel .credit-option {
  transition: transform .2s ease, box-shadow .2s ease !important;
}

body.member-mode .upgrade-panel .membership-option:hover,
body.member-mode .upgrade-panel .credit-option:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 26px rgba(2,17,49,.16) !important;
}

@media (max-width: 980px) and (min-width: 821px) {
  body.member-mode #profile .member-profile-overview {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  body.member-mode #profile .member-profile-overview article {
    border-right: 1px solid rgba(132,158,197,.2) !important;
  }

  body.member-mode #profile .member-profile-overview article:nth-child(2n) {
    border-right: 0 !important;
  }

  body.member-mode #profile .member-profile-overview article:nth-last-child(-n+2) {
    border-bottom: 0 !important;
  }
}

@media (max-width: 820px) {
  body.member-mode #profile .profile-hero-web {
    min-height: 490px !important;
    border-radius: 24px !important;
  }

  body.member-mode #profile .member-profile-overview {
    grid-template-columns: minmax(0,1fr) !important;
    border-radius: 20px !important;
  }

  body.member-mode #profile .member-profile-overview article {
    border-right: 0 !important;
    border-bottom: 1px solid rgba(132,158,197,.2) !important;
  }

  body.member-mode #profile .member-profile-overview article:last-child {
    border-bottom: 0 !important;
  }

  body.member-mode .member-you-settings-grid {
    grid-template-columns: minmax(0,1fr) !important;
    border-radius: 20px !important;
  }

  body.member-mode .member-you-settings-grid > article,
  body.member-mode .member-you-settings-grid > article:nth-child(2n),
  body.member-mode .member-you-settings-grid > article:nth-last-child(-n+2) {
    border-right: 0 !important;
    border-bottom: 1px solid rgba(132,158,197,.2) !important;
  }

  body.member-mode .member-you-settings-grid > article:last-child {
    border-bottom: 0 !important;
  }

  body.member-mode .member-you-membership {
    padding: 25px 21px !important;
    border-radius: 22px !important;
  }

  body.member-mode .upgrade-panel.open {
    width: 100vw !important;
    max-width: 100vw !important;
    padding: 24px 18px max(24px,env(safe-area-inset-bottom)) !important;
  }
}

/* Post-release frontend audit candidate: cleaner Circle browsing and safer profile media scale. */
@media (min-width: 1181px) {
  body.member-mode #tools.member-circle-v9 #circle-list.circle-list {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    grid-auto-columns: auto !important;
    overflow-x: visible !important;
    scroll-snap-type: none !important;
  }
}

@media (min-width: 821px) and (max-width: 1180px) {
  body.member-mode #tools.member-circle-v9 #circle-list.circle-list {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    grid-auto-columns: auto !important;
    overflow-x: visible !important;
    scroll-snap-type: none !important;
  }
}

@media (min-width: 981px) {
  body.member-mode #profile.profile-view.active {
    grid-template-columns: minmax(440px, .96fr) minmax(420px, 1.04fr) !important;
  }

  body.member-mode #profile .profile-hero-web {
    min-height: 548px !important;
    padding: 44px !important;
  }

  body.member-mode #profile .profile-hero-web::after {
    left: 31% !important;
  }

body.member-mode #profile .member-profile-overview article {
    padding: 12px 18px !important;
  }

  body.member-mode #profile .member-profile-overview article > button {
    min-height: 36px !important;
    margin-top: 8px !important;
  }
}

/* Product Design audit 09: laptop-fit workspaces, calmer density and clearer state separation. */
@media (min-width: 1181px) {
  body.member-mode #tools.member-circle-v9 #circle-list.circle-list {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }

  body.member-mode #tools.member-circle-v9 .member-circle-room-select {
    grid-template-columns: 112px minmax(0, 1fr) !important;
  }

  body.member-mode #tools.member-circle-v9 .member-circle-room-body > strong {
    font-size: 16px !important;
  }

  body.member-mode #tools.member-circle-v9 .member-circle-room-body > em {
    min-height: 32px !important;
    font-size: 11px !important;
  }
}

body.member-mode #plans .member-plan-row {
  min-height: 108px !important;
}

body.member-mode #plans .member-plan-content > p,
body.member-mode #plans .member-plan-attendance > span,
body.member-mode #tools.member-circle-v9 .member-circle-room-body > span,
body.member-mode #tools.member-circle-v9 .member-circle-room-body > small {
  color: #5f6f88 !important;
}

body.member-mode #inbox .thread small,
body.member-mode #inbox .member-rail-section span {
  color: #5f6f88 !important;
  font-size: 10.5px !important;
}

body.member-mode #inbox .messages {
  padding-top: 22px !important;
}

body.member-mode #inbox .member-inbox-lane-placeholder {
  max-width: 520px !important;
  margin: auto !important;
}

@media (min-width: 821px) and (max-height: 820px) {
  body.member-mode #inbox > .topbar {
    min-height: 56px !important;
    margin-bottom: 6px !important;
    padding-bottom: 6px !important;
  }

  body.member-mode #inbox > .topbar h1 {
    font-size: clamp(30px, 3vw, 38px) !important;
  }

  body.member-mode #inbox > .topbar .view-subtitle,
  body.member-mode #inbox > .topbar div > p:not(.eyebrow) {
    margin-top: 3px !important;
  }

  body.member-mode #inbox .inbox-lanes {
    min-height: 46px !important;
    margin-bottom: 8px !important;
  }

  body.member-mode #inbox .messenger,
  body.member-mode #inbox .contacts-directory {
    height: max(470px, calc(100vh - 235px)) !important;
    min-height: 0 !important;
  }

  body.member-mode #inbox .conversation header {
    min-height: 62px !important;
    padding: 8px 14px !important;
  }

  body.member-mode #inbox .conversation-context {
    min-height: 38px !important;
    padding: 6px 14px !important;
  }

  body.member-mode #inbox .messages {
    padding: 16px 20px !important;
  }

  body.member-mode #inbox .composer {
    min-height: 58px !important;
    padding: 7px 10px !important;
  }

  body.member-mode #inbox .member-conversation-rail,
  body.member-mode #inbox .contacts-directory-list {
    overflow-y: auto !important;
  }

  body.member-mode #inbox .member-rail-section {
    padding: 12px !important;
  }

  body.member-mode #inbox .contact-detail-panel {
    align-content: start !important;
    overflow-y: auto !important;
    padding: 28px 42px !important;
  }

  body.member-mode #inbox .contact-profile-avatar {
    width: 82px !important;
    height: 82px !important;
    border-radius: 26px !important;
  }

  body.member-mode #inbox .contact-profile-hero h2 {
    font-size: clamp(32px, 3.5vw, 44px) !important;
  }

  body.member-mode #inbox .contact-profile-facts,
  body.member-mode #inbox .contact-profile-insights {
    margin-top: 16px !important;
  }

  body.member-mode #plans .member-plan-overview {
    margin-top: 10px !important;
  }

  body.member-mode #plans .member-plan-overview > article,
  body.member-mode #plans .member-plan-overview > button {
    min-height: 84px !important;
  }

  body.member-mode #plans .plan-browse-panel {
    margin-bottom: 10px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  body.member-mode #plans .member-plan-row {
    min-height: 98px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
}

/* Meet narrative refinement: keep the profile context editorial, not form-like. */
body.member-mode #discover .member-meet-moment {
  background: transparent !important;
}

body.member-mode #discover .member-meet-session strong {
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}

@media (min-width: 821px) and (max-height: 820px) {
  body.member-mode #discover .member-meet-focus {
    height: calc(100dvh - 264px) !important;
    min-height: 456px !important;
  }

  body.member-mode #discover .member-meet-card-stage,
  body.member-mode #discover .member-meet-card-stage .live-profile-card {
    min-height: 0 !important;
    height: 100% !important;
  }

  body.member-mode #discover .member-meet-story {
    min-height: 0 !important;
    height: 100% !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    justify-content: flex-start !important;
    padding: 20px 30px 18px !important;
  }

  body.member-mode #discover .member-meet-story footer {
    display: none !important;
  }

  body.member-mode #discover .member-meet-story header,
  body.member-mode #discover .member-meet-moment,
  body.member-mode #discover .member-meet-signals,
  body.member-mode #discover .member-meet-assurance {
    margin-top: 10px !important;
    margin-bottom: 0 !important;
  }
}

/* Meet composition pass: quieter chrome and a single confident decision surface. */
body.member-mode #discover .discover-topbar {
  align-items: center !important;
  min-height: 0 !important;
  margin-bottom: 8px !important;
  padding-top: 20px !important;
  padding-bottom: 10px !important;
}

body.member-mode #discover .discover-topbar h1 {
  margin: 0 !important;
  font-size: clamp(34px, 3.2vw, 44px) !important;
  letter-spacing: -0.055em !important;
}

body.member-mode #discover .discover-topbar .view-subtitle {
  margin-top: 5px !important;
  font-size: 12px !important;
}

body.member-mode #discover .discover-topbar .city-picker {
  min-height: 38px !important;
  padding-inline: 14px !important;
}

@media (min-width: 821px) {
  body.member-mode #discover .member-discover-taskbar {
    margin-bottom: 12px !important;
  }

  body.member-mode #discover .member-meet-focus,
  body.member-mode #discover .member-meet-card-stage,
  body.member-mode #discover .member-meet-card-stage .live-person-card,
  body.member-mode #discover .member-meet-profile-panel {
    min-height: 610px !important;
  }

  body.member-mode #discover .member-meet-profile-panel {
    padding: 34px 42px 28px !important;
  }

  body.member-mode #discover .member-meet-profile-identity h2 {
    max-width: none !important;
    font-size: clamp(34px, 2.65vw, 45px) !important;
    white-space: nowrap;
  }

  body.member-mode #discover .member-meet-profile-identity p {
    margin-top: 6px !important;
  }

  body.member-mode #discover .member-meet-interest-panel {
    margin-top: 18px;
  }

body.member-mode #discover .member-meet-card-stage .media-dots {
    display: none !important;
  }
}

/* Member workspaces: retain each module's job, while giving every signed-in
   page the same calm white desktop canvas as the approved Circles layout. */
@media (min-width: 821px) {
  body.member-mode main:has(#plans.active),
  body.member-mode main:has(#inbox.active),
  body.member-mode main:has(#profile.active) {
    padding: 0 !important;
    background: #fff !important;
  }

  body.member-mode #plans.active,
  body.member-mode #inbox.active,
  body.member-mode #profile.active {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 0 42px !important;
    background: #fff !important;
  }

  /* Plans becomes a browse-and-manage desk, not a floating dashboard. */
  body.member-mode #plans.active .plans-page-grid {
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

body.member-mode #plans.active .member-plans-studio {
    grid-template-columns: minmax(0, 64.5%) minmax(330px, 35.5%) !important;
    /* Keep the browse desk balanced on tall monitors without turning an empty
       result set into a page-sized blank panel. */
    min-height: min(760px, calc(100dvh - 73px)) !important;
    border: 0 !important;
    border-top: 1px solid #e5ebf4 !important;
    border-bottom: 1px solid #e5ebf4 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #fff !important;
  }

  body.member-mode #plans.active .member-plan-explore {
    padding: 28px 30px 34px !important;
    background: #fff !important;
  }

  body.member-mode #plans.active .member-plan-mine {
    padding: 28px 30px 34px 34px !important;
    border-left: 1px solid #e5ebf4 !important;
    background: #fff !important;
  }

  body.member-mode #plans.active .member-plan-explore-header > div > p,
  body.member-mode #plans.active .member-plan-mine > header h2 {
    font-size: 22px !important;
  }

  body.member-mode #plans.active .member-plan-studio-row,
  body.member-mode #plans.active .member-plan-selected,
  body.member-mode #plans.active .member-plan-overview > article,
  body.member-mode #plans.active .member-plan-overview > button {
    border-color: #e4eaf3 !important;
    box-shadow: none !important;
  }

  body.member-mode #plans.active .member-plan-studio-row:hover {
    background: #f7faff !important;
  }

  /* Inbox keeps the conversation dominant; navigation chrome recedes. */
  body.member-mode #inbox.active > .topbar,
  body.member-mode #inbox.active > .inbox-lanes,
  body.member-mode #inbox.active > .messenger,
  body.member-mode #inbox.active > .contacts-directory {
    width: min(calc(100% - 60px), 1428px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.member-mode #inbox.active > .topbar {
    min-height: 72px !important;
    margin-top: 0 !important;
    margin-bottom: 4px !important;
    padding-top: 18px !important;
  }

  body.member-mode #inbox.active > .messenger,
  body.member-mode #inbox.active > .contacts-directory {
    min-height: calc(100dvh - 182px) !important;
    border-color: #e2e9f2 !important;
    border-radius: 16px !important;
    box-shadow: none !important;
  }

  body.member-mode #inbox.active .thread-list,
  body.member-mode #inbox.active .member-conversation-rail,
  body.member-mode #inbox.active .contacts-directory-list {
    background: #f8faff !important;
  }

  body.member-mode #inbox.active .messages {
    background: #fff !important;
  }

  body.member-mode #inbox.active .composer {
    border-top-color: #e5ebf4 !important;
    background: #fbfdff !important;
  }

  /* You stays personal, but sits on the same quiet white canvas. */
  body.member-mode #profile.active {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
  }

  body.member-mode #profile.active .member-profile-page-header,
  body.member-mode #profile.active .profile-hero-web,
  body.member-mode #profile.active .member-profile-overview,
  body.member-mode #profile.active .member-you-account-hub {
    width: min(calc(100% - 60px), 1428px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.member-mode #profile.active .member-profile-page-header {
    padding-top: 26px !important;
    padding-bottom: 20px !important;
  }

  body.member-mode #profile.active .profile-hero-web {
    border-radius: 22px !important;
    box-shadow: 0 12px 32px rgba(25, 65, 125, .10) !important;
  }

  body.member-mode #profile.active .member-profile-overview,
  body.member-mode #profile.active .member-you-account-hub {
    border-color: #e3eaf3 !important;
    box-shadow: none !important;
  }
}

@media (max-width: 1080px) {
  body.member-mode #plans.active .member-plans-studio {
    min-height: 0 !important;
  }
}

/* Member workspace high-fidelity finish: calm canvas, deliberate density and one interaction language. */
body.member-mode {
  --bm-workspace-ink: #0a1f45;
  --bm-workspace-copy: #60718c;
  --bm-workspace-line: rgba(104, 133, 177, .20);
  --bm-workspace-wash: #f7faff;
  --bm-workspace-shadow: 0 18px 48px rgba(31, 69, 128, .08), inset 0 1px 0 rgba(255, 255, 255, .92);
}

body.member-mode main {
  background: #fff !important;
}

body.member-mode button,
body.member-mode input,
body.member-mode select {
  font-family: var(--bm-ios-font) !important;
}

body.member-mode button:focus-visible,
body.member-mode input:focus-visible,
body.member-mode select:focus-visible {
  outline: 3px solid rgba(10, 102, 255, .22) !important;
  outline-offset: 2px !important;
}

/* Meet keeps the person in focus: one warm image field and a lighter decision surface. */
body.member-mode #discover .member-meet-focus {
  overflow: hidden !important;
  border-color: rgba(110, 147, 202, .24) !important;
  border-radius: 28px !important;
  box-shadow: 0 24px 68px rgba(25, 62, 119, .12) !important;
}

body.member-mode #discover .member-meet-card-stage::after {
  background: linear-gradient(180deg, transparent 48%, rgba(4, 19, 50, .26) 100%) !important;
}

body.member-mode #discover .member-meet-profile-panel {
  background:
    radial-gradient(circle at 94% 4%, rgba(87, 156, 255, .14), transparent 11rem),
    linear-gradient(142deg, rgba(255, 255, 255, .98), rgba(247, 250, 255, .96)) !important;
}

body.member-mode #discover .member-meet-profile-bio {
  max-width: 46ch !important;
  color: #536581 !important;
  font-size: 14px !important;
  line-height: 1.62 !important;
}

body.member-mode #discover .member-meet-interest-panel ul {
  gap: 8px !important;
}

body.member-mode #discover .member-meet-interest-tile {
  min-height: 50px !important;
  border-color: rgba(122, 153, 201, .22) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, .70) !important;
  box-shadow: none !important;
}

body.member-mode #discover .member-meet-interest-tile:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(10, 102, 255, .38) !important;
  background: #fff !important;
}

body.member-mode #discover .member-meet-primary-actions {
  align-items: stretch !important;
  gap: 9px !important;
  margin-top: 23px !important;
}

body.member-mode #discover .member-meet-primary-sayhi {
  min-height: 64px !important;
  border-radius: 17px !important;
  box-shadow: 0 14px 30px rgba(10, 102, 255, .22) !important;
}

body.member-mode #discover .member-meet-primary-gift,
body.member-mode #discover .member-meet-primary-like,
body.member-mode #discover .member-meet-primary-pass {
  min-height: 52px !important;
  border-color: rgba(111, 143, 190, .24) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, .72) !important;
}

body.member-mode #discover .member-meet-primary-gift:hover,
body.member-mode #discover .member-meet-primary-like:hover,
body.member-mode #discover .member-meet-primary-pass:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(10, 102, 255, .42) !important;
  background: #fff !important;
}

/* Plans reads as a social calendar rather than a filter form. */
body.member-mode #plans .member-plans-studio {
  border-color: rgba(112, 143, 187, .20) !important;
  border-radius: 28px !important;
  box-shadow: var(--bm-workspace-shadow) !important;
}

body.member-mode #plans .member-plan-explore {
  background: linear-gradient(120deg, rgba(255, 255, 255, .98), rgba(249, 252, 255, .95)) !important;
}

body.member-mode #plans .member-plan-explore-header > div > p::before {
  content: "PUBLIC · NEARBY";
  display: block;
  margin-bottom: 7px;
  color: #0a66ff;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .105em;
}

body.member-mode #plans .member-plan-explore-controls input,
body.member-mode #plans .member-plan-explore-controls select {
  border-color: rgba(119, 148, 192, .20) !important;
  border-radius: 13px !important;
  background: rgba(255, 255, 255, .82) !important;
}

body.member-mode #plans .member-plan-studio-row {
  min-height: 150px !important;
  padding-block: 15px !important;
  transition: background-color .2s ease, transform .2s ease !important;
}

body.member-mode #plans .member-plan-studio-row:hover {
  margin-inline: -12px !important;
  padding-inline: 12px !important;
  border-radius: 18px !important;
  background: rgba(237, 245, 255, .68) !important;
  transform: translateX(2px) !important;
}

body.member-mode #plans .member-plan-studio-media {
  border-radius: 17px !important;
  box-shadow: 0 10px 22px rgba(33, 67, 119, .12) !important;
}

body.member-mode #plans .member-plan-studio-copy h3 {
  font-size: 18px !important;
}

/* Final mobile authority: override the desktop precision block above. */
@media (max-width: 820px) {
  body.member-mode #plans .member-plan-studio-row {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    grid-template-columns: 88px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    gap: 8px 12px !important;
    align-items: start !important;
    overflow: hidden !important;
  }
  body.member-mode #plans .member-plan-studio-media {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    width: 88px !important;
    height: 84px !important;
    border-radius: 12px !important;
  }
  body.member-mode #plans .member-plan-studio-copy {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }
  body.member-mode #plans .member-plan-studio-attendance { display: none !important; }
  body.member-mode #plans .member-plan-studio-action {
    grid-column: 2 !important;
    grid-row: 2 !important;
    justify-self: start !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 7px 12px !important;
    white-space: nowrap !important;
  }
}

body.member-mode #plans .member-plan-mine {
  border-left-color: rgba(112, 143, 187, .18) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(82, 149, 255, .12), transparent 13rem),
    #f8faff !important;
}

body.member-mode #plans .member-plan-mine-row {
  border-color: rgba(119, 148, 192, .18) !important;
  border-radius: 15px !important;
  box-shadow: 0 4px 14px rgba(31, 69, 128, .035) !important;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease !important;
}

body.member-mode #plans .member-plan-mine-row:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 22px rgba(31, 69, 128, .08) !important;
}

/* Circles uses compact community tiles, but gives the selected room a clear living-room state. */
body.member-mode #tools.member-circle-v9 #circle-list > article.member-circle-room-card {
  border-radius: 22px !important;
  overflow: hidden !important;
}

body.member-mode #tools.member-circle-v9 .member-circle-room-media img {
  transition: transform .45s var(--bm-ios-ease) !important;
}

body.member-mode #tools.member-circle-v9 #circle-list > article.member-circle-room-card:hover .member-circle-room-media img {
  transform: scale(1.045) !important;
}

body.member-mode #tools.member-circle-v9 .member-circle-room-card.selected {
  background: linear-gradient(145deg, #fff, #f2f7ff) !important;
}

body.member-mode #tools.member-circle-v9 .member-circle-room-status {
  width: max-content !important;
  max-width: 100% !important;
  margin-top: 3px !important;
  padding: 4px 7px !important;
  border-radius: 999px !important;
  background: rgba(229, 247, 238, .72) !important;
}

body.member-mode #tools.member-circle-v9 .member-circle-conversation {
  overflow: hidden !important;
  background: rgba(255, 255, 255, .92) !important;
}

/* Inbox: the message is visually primary; safety is present but intentionally quiet until invoked. */
body.member-mode #inbox .messenger {
  border-color: rgba(112, 143, 187, .20) !important;
  border-radius: 25px !important;
  box-shadow: var(--bm-workspace-shadow) !important;
  overflow: hidden !important;
}

body.member-mode #inbox .thread-list {
  background: linear-gradient(180deg, #fbfdff, #f6f9ff) !important;
}

body.member-mode #inbox .thread {
  margin-inline: 7px !important;
  border-radius: 14px !important;
  transition: background-color .18s ease, transform .18s ease !important;
}

body.member-mode #inbox .thread:hover {
  transform: translateX(2px) !important;
  background: rgba(230, 241, 255, .74) !important;
}

body.member-mode #inbox .thread.active {
  box-shadow: inset 3px 0 0 #0a66ff, 0 7px 18px rgba(29, 79, 149, .065) !important;
}

body.member-mode #inbox .conversation {
  background: #fff !important;
}

body.member-mode #inbox .messages {
  background:
    radial-gradient(circle at 94% 8%, rgba(62, 143, 255, .08), transparent 16rem),
    #fff !important;
}

body.member-mode #inbox .composer {
  background: rgba(250, 252, 255, .96) !important;
}

body.member-mode #inbox .member-conversation-retention {
  box-shadow: none !important;
}

/* You becomes a personal control room: fewer hard rails and more breathable account groups. */
body.member-mode #profile .member-profile-overview {
  overflow: hidden !important;
  border-color: rgba(112, 143, 187, .20) !important;
  border-radius: 25px !important;
  box-shadow: var(--bm-workspace-shadow) !important;
}

body.member-mode #profile .member-profile-overview > article {
  position: relative !important;
  transition: background-color .2s ease !important;
}

body.member-mode #profile .member-profile-overview > article:hover {
  background: rgba(239, 246, 255, .70) !important;
}

body.member-mode #profile .member-you-account-hub {
  margin-top: 26px !important;
  padding: 30px !important;
  border-color: rgba(112, 143, 187, .20) !important;
  border-radius: 27px !important;
  background:
    radial-gradient(circle at 96% 6%, rgba(74, 147, 255, .13), transparent 15rem),
    rgba(255, 255, 255, .94) !important;
  box-shadow: var(--bm-workspace-shadow) !important;
}

body.member-mode #profile .member-you-settings-grid > article {
  border-color: rgba(112, 143, 187, .18) !important;
  border-radius: 17px !important;
  background: rgba(251, 253, 255, .80) !important;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}

body.member-mode #profile .member-you-settings-grid > article:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(10, 102, 255, .30) !important;
  box-shadow: 0 12px 25px rgba(31, 69, 128, .07) !important;
}

body.member-mode #profile .member-you-membership {
  overflow: hidden !important;
  border-radius: 20px !important;
  background: linear-gradient(122deg, #0b3a91, #0a66ff 58%, #3a91ff) !important;
  box-shadow: 0 18px 38px rgba(10, 82, 205, .19) !important;
}

@media (max-width: 820px) {
  body.member-mode #discover .member-meet-focus { border-radius: 22px !important; }
  body.member-mode #plans .member-plans-studio,
  body.member-mode #inbox .messenger,
  body.member-mode #profile .member-profile-overview,
  body.member-mode #profile .member-you-account-hub { border-radius: 20px !important; }
  body.member-mode #plans .member-plan-studio-row:hover { margin-inline: 0 !important; padding-inline: 0 !important; }
  body.member-mode #profile .member-you-account-hub { padding: 21px !important; }
}

/* Circles reconstruction: a selected community becomes the editorial lead, not another equal tile. */
@media (min-width: 1021px) {
  body.member-mode #tools.member-circle-v9 #circle-list.circle-list {
    display: grid !important;
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    grid-auto-flow: dense !important;
    gap: 14px !important;
  }

  body.member-mode #tools.member-circle-v9 #circle-list > article.member-circle-room-card {
    grid-column: span 4 !important;
    min-height: 192px !important;
  }

  body.member-mode #tools.member-circle-v9 #circle-list > article.member-circle-room-card.member-circle-featured {
    grid-column: span 8 !important;
    min-height: 254px !important;
    background:
      radial-gradient(circle at 96% 8%, rgba(37, 130, 255, .16), transparent 15rem),
      linear-gradient(138deg, #ffffff 0%, #f4f8ff 100%) !important;
    box-shadow: 0 20px 52px rgba(21, 68, 142, .13) !important;
  }

  body.member-mode #tools.member-circle-v9 #circle-list > article.member-circle-room-card.member-circle-featured .member-circle-room-select {
    grid-template-columns: minmax(230px, 42%) minmax(0, 1fr) !important;
    min-height: 205px !important;
  }

  body.member-mode #tools.member-circle-v9 #circle-list > article.member-circle-room-card.member-circle-featured .member-circle-room-media {
    min-height: 205px !important;
  }

  body.member-mode #tools.member-circle-v9 #circle-list > article.member-circle-room-card.member-circle-featured .member-circle-room-body {
    padding: 22px 24px !important;
  }

  body.member-mode #tools.member-circle-v9 #circle-list > article.member-circle-room-card.member-circle-featured .member-circle-room-body > strong {
    margin-top: 9px !important;
    font-size: clamp(22px, 2vw, 29px) !important;
    line-height: 1.04 !important;
    letter-spacing: -.048em !important;
  }

  body.member-mode #tools.member-circle-v9 #circle-list > article.member-circle-room-card.member-circle-featured .member-circle-room-body > small {
    margin-top: 7px !important;
    font-size: 11px !important;
  }

  body.member-mode #tools.member-circle-v9 #circle-list > article.member-circle-room-card.member-circle-featured .member-circle-room-body > em {
    max-width: 42ch !important;
    margin-top: 12px !important;
    color: #50637f !important;
    font-size: 12px !important;
    line-height: 1.52 !important;
  }

  body.member-mode #tools.member-circle-v9 #circle-list > article.member-circle-room-card.member-circle-featured .circle-card-actions {
    min-height: 48px !important;
    padding-inline: 16px !important;
    background: rgba(246, 250, 255, .80) !important;
  }

  body.member-mode #tools.member-circle-v9 #circle-list > article.member-circle-room-card.member-circle-featured .circle-card-actions .join-circle {
    min-width: 104px !important;
    border-radius: 11px !important;
    background: #0a66ff !important;
    color: #fff !important;
    box-shadow: 0 9px 18px rgba(10, 102, 255, .18) !important;
  }
}

@media (min-width: 761px) and (max-width: 1020px) {
  body.member-mode #tools.member-circle-v9 #circle-list > article.member-circle-room-card.member-circle-featured {
    grid-column: span 2 !important;
  }
}

/* Circles reference implementation: white canvas, discovery list at left, personal Circle summaries at right. */
body.member-mode main:has(#tools.member-circle-reference-layout.active) {
  padding: 0 !important;
  background: #fff !important;
}

body.member-mode #tools.member-circle-reference-layout {
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 0 46px !important;
  background: #fff !important;
}

body.member-mode #tools.member-circle-reference-layout > .topbar {
  display: block !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 31px 30px 14px !important;
  border: 0 !important;
}

body.member-mode #tools.member-circle-reference-layout > .topbar h1 {
  margin: 0 !important;
  color: #101a3a !important;
  font-size: 23px !important;
  font-weight: 720 !important;
  letter-spacing: -.035em !important;
}

body.member-mode #tools.member-circle-reference-layout > .topbar .eyebrow,
body.member-mode #tools.member-circle-reference-layout > .topbar #share-circle,
body.member-mode #tools.member-circle-reference-layout > .member-taskbar,
body.member-mode #tools.member-circle-reference-layout > .member-circle-overview,
body.member-mode #tools.member-circle-reference-layout > .circle-mode-row {
  display: none !important;
}

body.member-mode #tools.member-circle-reference-layout .member-circle-head-tools {
  display: block !important;
  width: min(100%, 894px) !important;
  margin-top: 21px !important;
}

body.member-mode #tools.member-circle-reference-layout .member-circle-search {
  display: flex !important;
  align-items: center !important;
  min-height: 46px !important;
  overflow: hidden !important;
  border: 1px solid #dfe5f0 !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.member-mode #tools.member-circle-reference-layout .member-circle-search::before {
  content: none !important;
  padding-left: 15px !important;
  color: #667494 !important;
  font-size: 22px !important;
  line-height: 1 !important;
  flex: 0 0 auto !important;
}

body.member-mode #tools.member-circle-reference-layout .member-circle-search input {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 44px !important;
  padding: 0 10px !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: #18254a !important;
  font-size: 13px !important;
}

body.member-mode #tools.member-circle-reference-layout .member-circle-filter-toggle {
  flex: 0 0 auto !important;
  min-width: 100px !important;
  height: 31px !important;
  margin-right: 7px !important;
  border: 0 !important;
  border-left: 1px solid #edf0f5 !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #0a66ff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

body.member-mode #tools.member-circle-reference-layout .member-circle-quick-filters {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 9px !important;
  margin-top: 16px !important;
}

body.member-mode #tools.member-circle-reference-layout .member-circle-quick-filters button {
  min-height: 36px !important;
  padding: 0 15px !important;
  border: 1px solid #dfe5f0 !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #53617c !important;
  font-size: 12px !important;
  font-weight: 620 !important;
  box-shadow: none !important;
}

body.member-mode #tools.member-circle-reference-layout .member-circle-quick-filters button.active {
  border-color: #0a66ff !important;
  background: #f7faff !important;
  color: #0a66ff !important;
}

body.member-mode #tools.member-circle-reference-layout > .circle-browse-panel:not([hidden]) {
  position: absolute !important;
  z-index: 8 !important;
  top: 166px !important;
  left: 30px !important;
  width: min(894px, calc(100% - 60px)) !important;
  padding: 16px !important;
  border: 1px solid #dfe5f0 !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: 0 18px 42px rgba(21, 46, 92, .13) !important;
}

body.member-mode #tools.member-circle-reference-layout .circle-board {
  display: grid !important;
  grid-template-columns: minmax(0, 64.5%) minmax(328px, 35.5%) !important;
  grid-template-areas:
    "heading rail"
    "list rail" !important;
  column-gap: 0 !important;
  align-items: start !important;
  margin: -4px 0 0 !important;
  padding: 0 !important;
  border-top: 1px solid #e5e9f1 !important;
}

body.member-mode #tools.member-circle-reference-layout .circle-board > .member-circle-room-heading {
  grid-area: heading !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 28px !important;
  margin: 0 !important;
  padding: 0 30px !important;
  border: 0 !important;
}

body.member-mode #tools.member-circle-reference-layout .member-circle-room-heading .eyebrow {
  display: none !important;
}

body.member-mode #tools.member-circle-reference-layout .member-circle-room-heading h2 {
  margin: 0 !important;
  color: #283656 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}

body.member-mode #tools.member-circle-reference-layout .member-circle-room-heading [data-circle-room-count] {
  color: #7a86a1 !important;
  font-size: 12px !important;
}

body.member-mode #tools.member-circle-reference-layout #circle-list.circle-list {
  grid-area: list !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 30px !important;
  border-top: 1px solid #edf0f5 !important;
}

body.member-mode #tools.member-circle-reference-layout #circle-list > article.member-circle-room-card,
body.member-mode #tools.member-circle-reference-layout #circle-list > article.member-circle-room-card:first-child {
  display: grid !important;
  grid-template-columns: 1fr !important;
  min-height: 140px !important;
  margin: 0 !important;
  padding: 12px 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-bottom: 1px solid #e9edf4 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

body.member-mode #tools.member-circle-reference-layout #circle-list > article.member-circle-room-card:hover,
body.member-mode #tools.member-circle-reference-layout #circle-list > article.member-circle-room-card.selected {
  border-color: #e0e6ef !important;
  background: #fbfdff !important;
  box-shadow: none !important;
  transform: none !important;
}

body.member-mode #tools.member-circle-reference-layout .member-circle-room-select {
  grid-column: 1 !important;
  grid-row: 1 !important;
  display: grid !important;
  grid-template-columns: 230px minmax(0, 1fr) !important;
  min-height: 116px !important;
  text-align: left !important;
  opacity: 1 !important;
}

body.member-mode #tools.member-circle-reference-layout .member-circle-room-select[aria-pressed="true"],
body.member-mode #tools.member-circle-reference-layout .member-circle-room-select[aria-pressed="true"] * {
  opacity: 1 !important;
}

body.member-mode #tools.member-circle-reference-layout .member-circle-room-media {
  width: 230px !important;
  min-height: 116px !important;
  height: 116px !important;
  overflow: hidden !important;
  border-radius: 8px !important;
  background: #edf1f6 !important;
}

body.member-mode #tools.member-circle-reference-layout .member-circle-room-media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transform: none !important;
}

body.member-mode #tools.member-circle-reference-layout .member-circle-room-media > b {
  top: 8px !important;
  left: 8px !important;
  padding: 4px 7px !important;
  border-radius: 4px !important;
  background: #0a66ff !important;
  font-size: 9px !important;
}

body.member-mode #tools.member-circle-reference-layout .member-circle-room-body {
  display: block !important;
  padding: 5px 22px !important;
}

body.member-mode #tools.member-circle-reference-layout .member-circle-avatar {
  display: flex !important;
  height: 22px !important;
  margin-bottom: 7px !important;
}

body.member-mode #tools.member-circle-reference-layout .member-circle-avatar img {
  width: 22px !important;
  height: 22px !important;
  margin-left: -5px !important;
  border: 2px solid #fff !important;
  border-radius: 50% !important;
}

body.member-mode #tools.member-circle-reference-layout .member-circle-room-body > strong {
  display: block !important;
  margin: 0 !important;
  color: #111a3b !important;
  font-size: 16px !important;
  font-weight: 710 !important;
  letter-spacing: -.02em !important;
}

body.member-mode #tools.member-circle-reference-layout .member-circle-room-body > small,
body.member-mode #tools.member-circle-reference-layout .member-circle-room-body > em {
  display: block !important;
  margin-top: 6px !important;
  color: #6b7894 !important;
  font-size: 11px !important;
  font-style: normal !important;
  line-height: 1.42 !important;
}

body.member-mode #tools.member-circle-reference-layout .member-circle-room-body > em {
  max-width: 55ch !important;
  margin-top: 5px !important;
}

body.member-mode #tools.member-circle-reference-layout .member-circle-room-status {
  display: inline-flex !important;
  width: auto !important;
  margin-top: 8px !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #27a96c !important;
  font-size: 10px !important;
}

body.member-mode #tools.member-circle-reference-layout .circle-card-actions {
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: flex !important;
  align-items: center !important;
  align-self: stretch !important;
  gap: 10px !important;
  min-height: 0 !important;
  padding: 0 12px 0 0 !important;
  background: transparent !important;
}

/* Keep the per-row action out of the content track. Older Circle rules make
   the action span the entire card, which washes the first row out. */
body.member-mode #tools.member-circle-reference-layout #circle-list > article.member-circle-room-card > footer.circle-card-actions {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: center !important;
  justify-self: end !important;
  width: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
}

body.member-mode #tools.member-circle-reference-layout .circle-card-actions button {
  min-width: 104px !important;
  min-height: 34px !important;
  padding: 0 13px !important;
  border: 1px solid #d8e4f8 !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: #0a66ff !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  box-shadow: none !important;
}

body.member-mode #tools.member-circle-reference-layout .circle-card-actions .text-button {
  display: none !important;
}

body.member-mode #tools.member-circle-reference-layout .member-circle-focus {
  display: block !important;
  grid-area: auto !important;
  position: absolute !important;
  top: -183px !important;
  right: 0 !important;
  width: 35.5% !important;
  height: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 24px 30px 36px 34px !important;
  border-left: 1px solid #e2e6ee !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.member-mode #tools.member-circle-reference-layout .member-circle-my-rail > header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 34px !important;
  margin-bottom: 19px !important;
}

body.member-mode #tools.member-circle-reference-layout .member-circle-my-rail > header h2 {
  margin: 0 !important;
  color: #111a3b !important;
  font-size: 20px !important;
  letter-spacing: -.035em !important;
}

body.member-mode #tools.member-circle-reference-layout .member-circle-my-rail > header button {
  min-height: 34px !important;
  padding: 0 17px !important;
  border: 0 !important;
  border-radius: 5px !important;
  background: #0a66ff !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 680 !important;
  box-shadow: 0 8px 15px rgba(10, 102, 255, .16) !important;
}

body.member-mode #tools.member-circle-reference-layout .member-circle-my-rail > section {
  margin-top: 22px !important;
}

body.member-mode #tools.member-circle-reference-layout .member-circle-my-rail > section > h3 {
  margin: 0 0 9px !important;
  color: #253354 !important;
  font-size: 12px !important;
  font-weight: 650 !important;
}

body.member-mode #tools.member-circle-reference-layout .member-circle-rail-card {
  overflow: hidden !important;
  border: 1px solid #e0e5ed !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.member-mode #tools.member-circle-reference-layout .member-circle-rail-card > header {
  display: grid !important;
  grid-template-columns: 110px minmax(0, 1fr) !important;
  gap: 13px !important;
  padding: 11px !important;
}

body.member-mode #tools.member-circle-reference-layout .member-circle-rail-card > header > img {
  width: 110px !important;
  height: 80px !important;
  border-radius: 7px !important;
  object-fit: cover !important;
}

body.member-mode #tools.member-circle-reference-layout .member-circle-rail-card > header > div > div {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
}

body.member-mode #tools.member-circle-reference-layout .member-circle-rail-card b {
  color: #141d3d !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
}

body.member-mode #tools.member-circle-reference-layout .member-circle-rail-card small {
  display: block !important;
  margin-top: 8px !important;
  color: #6e7a96 !important;
  font-size: 10px !important;
}

body.member-mode #tools.member-circle-reference-layout .member-circle-rail-live,
body.member-mode #tools.member-circle-reference-layout .member-circle-rail-muted {
  color: #22a76a !important;
  font-size: 10px !important;
}

body.member-mode #tools.member-circle-reference-layout .member-circle-rail-muted { color: #71809e !important; }

body.member-mode #tools.member-circle-reference-layout .member-circle-rail-conversation {
  padding: 11px 16px !important;
  border-top: 1px solid #e9edf4 !important;
}

body.member-mode #tools.member-circle-reference-layout .member-circle-rail-conversation > div {
  display: flex !important;
  justify-content: space-between !important;
  color: #3b4d70 !important;
  font-size: 11px !important;
}

body.member-mode #tools.member-circle-reference-layout .member-circle-rail-conversation > div b,
body.member-mode #tools.member-circle-reference-layout .member-circle-rail-conversation > div span {
  color: inherit !important;
  font-size: inherit !important;
}

body.member-mode #tools.member-circle-reference-layout .member-circle-rail-conversation > p {
  margin: 9px 0 10px !important;
  color: #65728e !important;
  font-size: 10px !important;
  line-height: 1.4 !important;
}

body.member-mode #tools.member-circle-reference-layout .member-circle-rail-link {
  display: block !important;
  margin-left: auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #0a66ff !important;
  font-size: 10px !important;
  font-weight: 650 !important;
}

body.member-mode #tools.member-circle-reference-layout .member-circle-rail-card > footer {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 10px 12px !important;
  border-top: 1px solid #e9edf4 !important;
}

body.member-mode #tools.member-circle-reference-layout .member-circle-rail-card > footer img {
  width: 19px !important;
  height: 19px !important;
  margin-left: -5px !important;
  border: 2px solid #fff !important;
  border-radius: 50% !important;
}

body.member-mode #tools.member-circle-reference-layout .member-circle-rail-card > footer span {
  margin-left: 5px !important;
  color: #687590 !important;
  font-size: 10px !important;
}

body.member-mode #tools.member-circle-reference-layout .member-circle-rail-action {
  min-height: 30px !important;
  margin-left: auto !important;
  padding: 0 10px !important;
  border: 1px solid #d8e4f8 !important;
  border-radius: 5px !important;
  background: #fff !important;
  color: #0a66ff !important;
  font-size: 10px !important;
}

body.member-mode #tools.member-circle-reference-layout .member-circle-rail-plan {
  display: grid !important;
  grid-template-columns: 74px minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: center !important;
  padding: 10px 12px !important;
  border-top: 1px solid #e9edf4 !important;
}

body.member-mode #tools.member-circle-reference-layout .member-circle-rail-plan > img {
  width: 74px !important;
  height: 54px !important;
  border-radius: 6px !important;
  object-fit: cover !important;
}

body.member-mode #tools.member-circle-reference-layout .member-circle-rail-plan > div { min-width: 0 !important; }
body.member-mode #tools.member-circle-reference-layout .member-circle-rail-plan > div b,
body.member-mode #tools.member-circle-reference-layout .member-circle-rail-plan > div small { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
body.member-mode #tools.member-circle-reference-layout .member-circle-rail-plan > button { padding: 0 !important; border: 0 !important; background: transparent !important; color: #0a66ff !important; font-size: 10px !important; }

body.member-mode #tools.member-circle-reference-layout .member-circle-rail-empty {
  display: grid !important;
  gap: 5px !important;
  padding: 15px !important;
  border: 1px dashed #d8e0ec !important;
  border-radius: 8px !important;
  color: #6c7893 !important;
}

body.member-mode #tools.member-circle-reference-layout .member-circle-rail-empty b { color: #34425f !important; font-size: 11px !important; }
body.member-mode #tools.member-circle-reference-layout .member-circle-rail-empty span { font-size: 10px !important; line-height: 1.4 !important; }

@media (max-width: 1020px) {
  body.member-mode #tools.member-circle-reference-layout { padding-inline: 18px !important; }
  body.member-mode #tools.member-circle-reference-layout .circle-board { grid-template-columns: minmax(0, 1fr) !important; grid-template-areas: "heading" "list" "rail" !important; margin-inline: -18px !important; padding-inline: 18px !important; }
  /* The desktop rail is absolutely positioned at 35.5% width. On a single
     mobile column it must become a full-width section, otherwise the rail
     collapses to a narrow strip and its New Circle action overlaps the title. */
  body.member-mode #tools.member-circle-reference-layout .member-circle-focus {
    position: static !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 24px -18px 0 !important;
    padding: 24px 18px !important;
    border-top: 1px solid #e2e6ee !important;
    border-left: 0 !important;
  }
  body.member-mode #tools.member-circle-reference-layout .member-circle-my-rail {
    width: 100% !important;
    min-width: 0 !important;
  }
  body.member-mode #tools.member-circle-reference-layout > .circle-browse-panel:not([hidden]) { left: 18px !important; width: calc(100% - 36px) !important; }
}

@media (max-width: 640px) {
  body.member-mode #tools.member-circle-reference-layout .member-circle-room-select { grid-template-columns: 108px minmax(0, 1fr) !important; min-height: 94px !important; }
  body.member-mode #tools.member-circle-reference-layout .member-circle-room-media { width: 108px !important; min-height: 94px !important; height: 94px !important; }
  body.member-mode #tools.member-circle-reference-layout .member-circle-room-body { padding: 2px 10px !important; }
  body.member-mode #tools.member-circle-reference-layout .member-circle-room-body > em { display: none !important; }
  body.member-mode #tools.member-circle-reference-layout .circle-card-actions { display: none !important; }
  body.member-mode #tools.member-circle-reference-layout #circle-list > article.member-circle-room-card { grid-template-columns: minmax(0, 1fr) !important; min-height: 118px !important; }
  body.member-mode #tools.member-circle-reference-layout .member-circle-rail-card > header { grid-template-columns: 88px minmax(0, 1fr) !important; }
  body.member-mode #tools.member-circle-reference-layout .member-circle-rail-card > header > img { width: 88px !important; height: 66px !important; }
}

/* Inbox round 4 final precedence: privacy stays discoverable, not permanently open. */
body.member-mode #inbox .messenger {
  grid-template-columns: minmax(286px, 336px) minmax(0, 1fr) !important;
}

body.member-mode #inbox .member-conversation-rail {
  display: none !important;
}

body.member-mode #inbox .thread small {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.member-mode #inbox .thread-source-chip {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  height: 17px !important;
  padding: 0 6px !important;
  border: 1px solid rgba(116, 146, 191, .2) !important;
  border-radius: 7px !important;
  background: #f2f6fd !important;
  color: #62718b !important;
  font-size: 8px !important;
  font-style: normal !important;
  font-weight: 760 !important;
  letter-spacing: .02em !important;
  line-height: 1 !important;
}

body.member-mode #inbox .thread-source-chip.plan { background: #eef4ff !important; color: #3267b4 !important; }
body.member-mode #inbox .thread-source-chip.circle { background: #f0f7f5 !important; color: #397565 !important; }
body.member-mode #inbox .thread-source-chip.request { background: #fff7ea !important; color: #9c6b20 !important; }

body.member-mode #inbox .contacts-directory-list > header > div:last-child {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

body.member-mode #inbox .contacts-add {
  display: inline-grid !important;
  place-items: center !important;
  width: 44px !important;
  height: 44px !important;
  border: 0 !important;
  border-radius: 11px !important;
  background: #0a66ff !important;
  box-shadow: 0 8px 18px rgba(10,102,255,.2) !important;
  color: #fff !important;
  font-size: 19px !important;
  line-height: 1 !important;
}

body.member-mode #inbox .contacts-shortcuts button:first-child {
  background: linear-gradient(125deg, rgba(231,241,255,.95), rgba(250,252,255,.92)) !important;
  border-color: rgba(80,136,228,.22) !important;
}

@media (max-width: 820px) {
  body.member-mode #inbox .messenger { grid-template-columns: minmax(0, 1fr) !important; }
}

/* Plans — public discovery on the left, lived-in personal calendar on the right. */
body.member-mode #plans.plans-studio-active > .topbar,
body.member-mode #plans.plans-studio-active > .member-page-signals,
body.member-mode #plans.plans-studio-active > .member-taskbar {
  display: none !important;
}

body.member-mode #plans.plans-studio-active .member-plan-overview,
body.member-mode #plans.plans-studio-active .plan-browse-panel,
body.member-mode #plans.plans-studio-active .plan-list {
  display: none !important;
}

body.member-mode #plans.plans-studio-active .plans-page-grid {
  padding-top: 28px !important;
}

body.member-mode #plans [data-member-plan-taskbar],
body.member-mode #plans #plan-status-overview,
body.member-mode #plans #plan-filter-toolbar { display: none !important; }

body.member-mode #plans .plans-page-grid {
  display: block !important;
  max-width: 1420px !important;
  margin: 0 auto !important;
  padding: 8px 28px 32px !important;
}

body.member-mode #plans .member-plans-studio {
  display: grid;
  grid-template-columns: minmax(0, 1.72fr) minmax(320px, .78fr);
  min-height: 700px;
  overflow: hidden;
  border: 1px solid #e5eaf2;
  border-radius: 24px;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 18px 56px rgba(24, 59, 111, .08);
}

body.member-mode #plans .member-plan-explore { position: relative; min-width: 0; padding: 30px 34px 34px; }
body.member-mode #plans .member-plan-explore-header > div > p,
body.member-mode #plans .member-plan-mine > header h2 { margin: 0; color: #14264a; font-size: 21px; font-weight: 760; letter-spacing: -.035em; }

body.member-mode #plans .member-plan-explore-controls {
  display: grid;
  grid-template-columns: minmax(210px, 1.45fr) minmax(116px, .75fr) minmax(104px, .62fr) minmax(100px, .58fr) auto;
  gap: 10px;
  margin-top: 18px;
}
body.member-mode #plans .member-plan-explore-controls label,
body.member-mode #plans .member-plan-explore-controls input,
body.member-mode #plans .member-plan-explore-controls select { min-width: 0; }
body.member-mode #plans .member-plan-explore-controls input,
body.member-mode #plans .member-plan-explore-controls select {
  width: 100%; height: 42px; padding: 0 13px; border: 1px solid #dfe6f0; border-radius: 12px;
  outline: none; background: #f8faff; color: #273857; font: inherit; font-size: 12px;
}
body.member-mode #plans .member-plan-explore-controls input:focus,
body.member-mode #plans .member-plan-explore-controls select:focus { border-color: #2467f2; box-shadow: 0 0 0 3px rgba(36, 103, 242, .12); }
body.member-mode #plans .member-plan-filter-trigger,
body.member-mode #plans .member-plan-create {
  min-height: 42px; padding: 0 17px; border: 1px solid #1e63eb; border-radius: 12px; background: #fff;
  color: #195fe6; font-size: 12px; font-weight: 760;
}
body.member-mode #plans .member-plan-filter-trigger:hover,
body.member-mode #plans .member-plan-filter-trigger.active { background: #edf4ff; }
body.member-mode #plans .member-plan-filter-summary { display: flex; gap: 8px; align-items: center; margin: 15px 0 24px; color: #6d7d96; font-size: 11px; }
body.member-mode #plans .member-plan-filter-summary button,
body.member-mode #plans .member-plan-filter-panel footer > button:first-child,
body.member-mode #plans .member-plan-studio-empty button { padding: 0; border: 0; background: transparent; color: #1e63eb; font: inherit; font-weight: 720; }
body.member-mode #plans .member-plan-explore > h2 { margin: 0 0 14px; color: #1a2b4c; font-size: 17px; letter-spacing: -.025em; }

body.member-mode #plans .member-plan-filter-panel {
  position: absolute; z-index: 4; top: 93px; right: 34px; width: min(370px, calc(100% - 68px)); padding: 18px;
  border: 1px solid #dce5f2; border-radius: 17px; background: rgba(255, 255, 255, .98); box-shadow: 0 18px 38px rgba(22, 49, 98, .16);
}
body.member-mode #plans .member-plan-filter-panel b { color: #2d3b56; font-size: 11px; }
body.member-mode #plans .member-plan-filter-options { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 10px; }
body.member-mode #plans .member-plan-filter-options button,
body.member-mode #plans .member-plan-filter-distance button { min-height: 30px; padding: 0 10px; border: 1px solid #e2e8f2; border-radius: 9px; background: #fff; color: #64738d; font-size: 10px; font-weight: 690; }
body.member-mode #plans .member-plan-filter-options button.active,
body.member-mode #plans .member-plan-filter-distance button.active { border-color: #2467f2; background: #edf4ff; color: #1760e6; }
body.member-mode #plans .member-plan-date-inputs { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 17px; }
body.member-mode #plans .member-plan-date-inputs label { display: grid; gap: 6px; color: #6c7b94; font-size: 10px; font-weight: 700; }
body.member-mode #plans .member-plan-date-inputs input { min-width: 0; height: 34px; padding: 0 8px; border: 1px solid #dfe6f0; border-radius: 9px; color: #344563; font-size: 10px; }
body.member-mode #plans .member-plan-filter-distance { display: grid; gap: 8px; margin-top: 17px; padding-top: 15px; border-top: 1px solid #edf0f5; }
body.member-mode #plans .member-plan-filter-distance > span { display: flex; gap: 6px; }
body.member-mode #plans .member-plan-circle-toggle { display: flex; gap: 8px; align-items: center; margin-top: 17px; color: #5d6d86; font-size: 11px; font-weight: 650; }
body.member-mode #plans .member-plan-circle-toggle input { accent-color: #1d65ef; }
body.member-mode #plans .member-plan-filter-panel footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 18px; padding-top: 15px; border-top: 1px solid #edf0f5; }
body.member-mode #plans .member-plan-filter-panel footer .primary { min-height: 37px; padding: 0 16px; border: 0; border-radius: 10px; background: #1d65ef; color: #fff; font-size: 11px; font-weight: 760; }

body.member-mode #plans .member-plan-studio-list { display: grid; }
body.member-mode #plans .member-plan-studio-row { display: grid; grid-template-columns: 174px minmax(180px, 1fr) auto auto; gap: 18px; align-items: center; min-height: 142px; padding: 13px 0; border-top: 1px solid #edf0f5; }
body.member-mode #plans .member-plan-studio-media { width: 174px; height: 116px; border-radius: 14px; object-fit: cover; background: #edf2f8; }
body.member-mode #plans .member-plan-studio-copy { min-width: 0; }
body.member-mode #plans .member-plan-studio-copy small { color: #1d65ef; font-size: 10px; font-weight: 760; }
body.member-mode #plans .member-plan-studio-copy h3 { margin: 7px 0 6px; overflow: hidden; color: #182945; font-size: 17px; font-weight: 760; letter-spacing: -.025em; text-overflow: ellipsis; white-space: nowrap; }
body.member-mode #plans .member-plan-studio-copy p { margin: 0; overflow: hidden; color: #76849b; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
body.member-mode #plans .member-plan-studio-attendance { display: grid; justify-items: end; gap: 5px; }
body.member-mode #plans .member-plan-studio-attendance > span,
body.member-mode #plans .member-plan-selected-rsvp > span { display: flex; align-items: center; }
body.member-mode #plans .member-plan-studio-attendance img,
body.member-mode #plans .member-plan-selected-rsvp img { width: 23px; height: 23px; margin-left: -5px; border: 2px solid #fff; border-radius: 50%; object-fit: cover; }
body.member-mode #plans .member-plan-studio-attendance img:first-child,
body.member-mode #plans .member-plan-selected-rsvp img:first-child { margin-left: 0; }
body.member-mode #plans .member-plan-studio-attendance small { color: #6e7e95; font-size: 9px; }
body.member-mode #plans .member-plan-studio-action,
body.member-mode #plans .member-plan-selected-action { min-width: 76px; min-height: 37px; padding: 0 13px; border-radius: 10px; font-size: 11px; font-weight: 760; }
body.member-mode #plans .member-plan-studio-action.primary,
body.member-mode #plans .member-plan-selected-action { border: 1px solid #1d65ef; background: #1d65ef; color: #fff; }
body.member-mode #plans .member-plan-studio-action.outline { border: 1px solid #d6e0ee; background: #fff; color: #687891; }
body.member-mode #plans .member-plan-studio-empty { padding: 48px 12px; border-top: 1px solid #edf0f5; text-align: center; }
body.member-mode #plans .member-plan-studio-empty h3 { margin: 0; color: #273855; font-size: 15px; }
body.member-mode #plans .member-plan-studio-empty p { color: #75849b; font-size: 11px; }

body.member-mode #plans .member-plan-mine { padding: 28px 24px; border-left: 1px solid #e7ebf2; background: #fbfcff; }
body.member-mode #plans .member-plan-mine > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 17px; }
body.member-mode #plans .member-plan-mine > header h2 { font-size: 19px; }
body.member-mode #plans .member-plan-create { min-height: 34px; border: 0; background: #1d65ef; color: #fff; }
body.member-mode #plans .member-plan-mine-group,
body.member-mode #plans .member-plan-needs-reply { margin-top: 13px; }
body.member-mode #plans .member-plan-mine-group > header,
body.member-mode #plans .member-plan-needs-reply > b { display: block; margin-bottom: 7px; color: #273955; font-size: 11px; font-weight: 760; }
body.member-mode #plans .member-plan-mine-group h3 { margin: 0; font: inherit; }
body.member-mode #plans .member-plan-mine-group h3 span,
body.member-mode #plans .member-plan-needs-reply > b span { color: #8b98aa; }
body.member-mode #plans .member-plan-mine-empty { margin: 0; padding: 4px 2px 12px; color: #72809a; font-size: .78rem; }
body.member-mode #plans .member-plan-mine-row { display: grid; grid-template-columns: 39px 52px minmax(0, 1fr) auto; gap: 10px; align-items: center; width: 100%; min-height: 70px; margin-top: 6px; padding: 8px; border: 1px solid #e5eaf2; border-radius: 12px; background: #fff; color: inherit; text-align: left; }
body.member-mode #plans .member-plan-mine-row:hover,
body.member-mode #plans .member-plan-mine-row.selected { border-color: #4e84ef; background: #f7faff; }
body.member-mode #plans .member-plan-mine-row time { display: grid; text-align: center; }
body.member-mode #plans .member-plan-mine-row time b { color: #1a5fe2; font-size: 11px; }
body.member-mode #plans .member-plan-mine-row time small { color: #8592a6; font-size: 8px; font-weight: 750; }
body.member-mode #plans .member-plan-mine-row > img { width: 52px; height: 52px; border-radius: 10px; object-fit: cover; }
body.member-mode #plans .member-plan-mine-row > span { min-width: 0; }
body.member-mode #plans .member-plan-mine-row > span b,
body.member-mode #plans .member-plan-mine-row > span small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.member-mode #plans .member-plan-mine-row > span b { color: #283956; font-size: 11px; }
body.member-mode #plans .member-plan-mine-row > span small { margin-top: 3px; color: #8190a6; font-size: 9px; }
body.member-mode #plans .member-plan-mine-row em { color: #58709b; font-size: 8px; font-style: normal; font-weight: 760; }
body.member-mode #plans .member-plan-selected { margin-top: 18px; padding: 17px; border: 1px solid #8eaeef; border-radius: 15px; background: #fff; }
body.member-mode #plans .member-plan-selected > p { margin: 0 0 7px; color: #647a9f; font-size: 9px; font-weight: 760; }
body.member-mode #plans .member-plan-selected h3 { margin: 0; color: #192a47; font-size: 15px; letter-spacing: -.02em; }
body.member-mode #plans .member-plan-selected > span { display: block; margin-top: 5px; color: #74839a; font-size: 10px; }
body.member-mode #plans .member-plan-selected-rsvp,
body.member-mode #plans .member-plan-selected-chat { margin-top: 15px; padding-top: 13px; border-top: 1px solid #ecf0f5; }
body.member-mode #plans .member-plan-selected-rsvp > b,
body.member-mode #plans .member-plan-selected-chat > b { display: block; margin-bottom: 7px; color: #334560; font-size: 10px; }
body.member-mode #plans .member-plan-selected-rsvp small { margin-left: 8px; color: #74849b; font-size: 9px; }
body.member-mode #plans .member-plan-selected-chat span { color: #687992; font-size: 10px; line-height: 1.45; }
body.member-mode #plans .member-plan-selected-action { width: 100%; margin-top: 16px; }

@media (max-width: 1080px) {
  body.member-mode #plans .member-plans-studio { grid-template-columns: 1fr; }
  body.member-mode #plans .member-plan-mine { border-top: 1px solid #e7ebf2; border-left: 0; }
}
@media (max-width: 760px) {
  body.member-mode #plans .plans-page-grid { padding-inline: 14px !important; }
  body.member-mode #plans .member-plan-explore,
  body.member-mode #plans .member-plan-mine { padding: 22px 17px; }
  body.member-mode #plans .member-plan-explore-controls { grid-template-columns: 1fr 1fr; }
  body.member-mode #plans .member-plan-explore-controls label:first-child { grid-column: 1 / -1; }
  body.member-mode #plans .member-plan-filter-panel { right: 17px; width: calc(100% - 34px); }
  body.member-mode #plans .member-plan-studio-row { grid-template-columns: 84px minmax(0, 1fr) auto; gap: 10px; }
  body.member-mode #plans .member-plan-studio-media { width: 84px; height: 78px; }
  body.member-mode #plans .member-plan-studio-attendance { display: none; }
  body.member-mode #plans .member-plan-studio-copy h3 { font-size: 14px; }
  body.member-mode #plans .member-plan-studio-action { min-width: 64px; padding-inline: 8px; }
}

/* Product Design precision pass — mobile Plans rows stay readable inside the viewport. */
@media (max-width: 820px) {
  body.member-mode #plans .member-plan-studio-row {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    grid-template-columns: 88px minmax(0, 1fr);
    grid-template-rows: auto auto;
    gap: 8px 12px;
    align-items: start;
    padding: 12px 0;
    overflow: hidden;
  }
  body.member-mode #plans .member-plan-studio-media {
    grid-column: 1;
    grid-row: 1 / span 2;
    width: 88px;
    height: 84px;
    border-radius: 12px;
  }
  body.member-mode #plans .member-plan-studio-copy {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
    overflow: hidden;
  }
  body.member-mode #plans .member-plan-studio-attendance { display: none; }
  body.member-mode #plans .member-plan-studio-action {
    grid-column: 2;
    grid-row: 2;
    justify-self: start;
    min-width: 0;
    max-width: 100%;
    padding: 7px 12px;
    white-space: nowrap;
  }
}

/* Meet filter parity: retain App controls without presenting them as a dense form. */
.modal .live-filter-tier {
  display: grid;
  gap: 12px;
  margin: 12px 0 0;
  padding: 16px;
  border: 1px solid #e4eaf6;
  border-radius: 18px;
  background: #f9fbff;
}

.modal .live-filter-tier.premium {
  background: linear-gradient(145deg, #fbfdff, #f3f7ff);
}

.modal .live-filter-tier > div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}

.modal .live-filter-tier > div b {
  color: #12275b;
  font-size: 12px;
  letter-spacing: .08em;
}

.modal .live-filter-tier > div small,
.modal .live-filter-tier .modal-note {
  color: #6d7890;
  font-size: 12px;
  line-height: 1.45;
}

.modal .live-filter-tier > label:not(.check-row) {
  display: grid;
  grid-template-columns: 122px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  color: #26375e;
  font-size: 13px;
  font-weight: 760;
}

.modal .live-filter-tier select {
  width: 100%;
  min-height: 40px;
  padding: 0 34px 0 12px;
  border: 1px solid #dbe4f4;
  border-radius: 12px;
  background: #fff;
  color: #172959;
  font: inherit;
}

.modal .live-filter-tier .check-row {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #334569;
  font-size: 13px;
  font-weight: 680;
}

.modal .live-filter-tier input[type="checkbox"] {
  width: 16px;
  height: 16px;
  accent-color: #2463eb;
}

.modal .live-filter-interest-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px 12px;
  margin: 0;
  padding: 0;
  border: 0;
}

.modal .live-filter-interest-list legend {
  grid-column: 1 / -1;
  margin-bottom: 2px;
  color: #26375e;
  font-size: 13px;
  font-weight: 760;
}

.modal .live-filter-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 16px;
}

@media (max-width: 620px) {
  .modal .live-filter-tier > label:not(.check-row) {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .modal .live-filter-interest-list {
    grid-template-columns: 1fr;
  }

  .modal .live-filter-actions {
    justify-content: stretch;
  }

  .modal .live-filter-actions > button {
    flex: 1;
  }
}

/* Meet de-duplication: let the portrait carry media and the panel carry identity. */
body.member-mode #discover .member-meet-interest-heading {
  display: block;
  margin-bottom: 10px;
}

body.member-mode #discover .member-meet-interest-heading b {
  color: #24395e;
  font-size: 13px;
  font-weight: 720;
}

body.member-mode #discover .member-meet-profile-position {
  align-self: center;
  color: #718099;
  font-size: 10px;
  font-weight: 760;
  letter-spacing: 0.08em;
}

@media (min-width: 821px) {
  body.member-mode #discover .member-meet-card-stage .person-copy,
  body.member-mode #discover .member-meet-card-stage .more {
    display: none !important;
  }

  body.member-mode #discover .member-meet-profile-identity {
    margin-top: 0 !important;
  }
}

/* Meet profile-panel direction: photo-led recommendation, decision-led profile. */
body.member-mode #discover .member-meet-profile-panel {
  gap: 0 !important;
  padding: 30px 34px 24px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(47, 107, 255, 0.1), transparent 34%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(247, 250, 255, 0.92)) !important;
}

body.member-mode #discover .member-meet-panel-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #66758e;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.14em;
}

body.member-mode #discover .member-meet-panel-topline strong {
  color: #2158d8;
  font-variant-numeric: tabular-nums;
}

body.member-mode #discover .member-meet-profile-identity {
  display: flex !important;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin: 20px 0 0 !important;
}

body.member-mode #discover .member-meet-profile-identity h2 {
  margin: 0 !important;
  color: #12264d !important;
  font-size: clamp(28px, 2.15vw, 39px) !important;
  font-weight: 760 !important;
  letter-spacing: -0.05em !important;
  line-height: 0.98 !important;
}

/* Meet profile stage: photo-led desktop composition, with one action rail. */
body.member-mode #discover .member-meet-card-stage .live-person-card {
  min-height: 100% !important;
}
body.member-mode #discover .member-meet-card-stage .live-person-card .portrait {
  height: 100% !important;
}
body.member-mode #discover .member-meet-card-stage .live-person-card .person-copy,
body.member-mode #discover .member-meet-card-stage .live-person-card .media-dots,
body.member-mode #discover .member-meet-card-stage .live-person-card .card-actions {
  display: none !important;
}
body.member-mode #discover .member-meet-profile-identity h2 {
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(42px, 3.55vw, 58px) !important;
  font-weight: 500 !important;
  letter-spacing: -.06em !important;
  line-height: .96 !important;
}
body.member-mode #discover .member-meet-profile-bio {
  max-width: 31ch !important;
  color: #203557 !important;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(18px, 1.48vw, 23px) !important;
  line-height: 1.34 !important;
}
body.member-mode #discover .member-meet-interest-panel ul {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}
body.member-mode #discover .member-meet-interest-tile {
  min-height: 132px !important;
  align-items: flex-end !important;
  border-radius: 12px !important;
}
body.member-mode #discover .member-meet-interest-tile span {
  padding: 10px !important;
  font-size: 11px !important;
}
body.member-mode #discover .member-meet-primary-actions {
  grid-template-columns: minmax(0, 1.55fr) repeat(3, minmax(66px, .8fr)) !important;
  gap: 8px !important;
  margin-top: 24px !important;
  padding: 8px !important;
  border: 1px solid #dce7f4;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(23, 60, 120, .08);
}
body.member-mode #discover .member-meet-primary-actions button {
  min-height: 58px !important;
  border-radius: 14px !important;
  font-size: 11px !important;
}
body.member-mode #discover .member-meet-primary-actions .member-meet-primary-sayhi {
  padding-inline: 20px !important;
  background: #1764e8 !important;
  box-shadow: 0 10px 22px rgba(23, 100, 232, .24) !important;
}
body.member-mode #discover .member-meet-primary-actions .member-meet-primary-gift,
body.member-mode #discover .member-meet-primary-actions .member-meet-primary-like,
body.member-mode #discover .member-meet-primary-actions .member-meet-primary-pass {
  justify-content: center !important;
  gap: 7px;
  border: 1px solid #e2eaf5 !important;
  color: #2c4264 !important;
  background: #fff !important;
}
body.member-mode #discover .member-meet-primary-actions .member-meet-primary-pass { color: #78869a !important; }
body.member-mode #discover .member-meet-primary-actions .visitor-icon { width: 19px; height: 19px; }
@media (max-width: 1040px) and (min-width: 821px) {
  body.member-mode #discover .member-meet-interest-panel ul { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  body.member-mode #discover .member-meet-interest-tile { min-height: 104px !important; }
  body.member-mode #discover .member-meet-primary-actions { grid-template-columns: minmax(0, 1.3fr) repeat(3, minmax(55px, .72fr)) !important; }
}
@media (max-width: 820px) {
  body.member-mode #discover .member-meet-card-stage .live-person-card .portrait { height: 100% !important; }
  body.member-mode #discover .member-meet-profile-identity h2 { font-size: 38px !important; }
  body.member-mode #discover .member-meet-interest-panel ul { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  body.member-mode #discover .member-meet-primary-actions { grid-template-columns: 1fr 1fr !important; }
  body.member-mode #discover .member-meet-primary-actions .member-meet-primary-sayhi { grid-column: span 2; }
}

body.member-mode #discover .member-meet-profile-identity h2 span {
  color: #60718e;
  font-weight: 520;
}

body.member-mode #discover .member-meet-profile-identity p {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 9px 0 0 !important;
  color: #718099;
  font-size: 13px;
}

body.member-mode #discover .member-meet-profile-identity p b {
  color: #2162e7;
  font-size: 11px;
  font-weight: 760;
}

body.member-mode #discover .member-meet-profile-identity p b::before {
  content: "·";
  color: #bdc8d9;
  margin-right: 8px;
}

body.member-mode #discover .member-meet-intent {
  flex: 0 0 auto;
  border: 1px solid rgba(44, 104, 232, 0.14);
  border-radius: 999px;
  background: rgba(232, 240, 255, 0.72);
  color: #1e5fe4;
  padding: 7px 10px;
  font-size: 11px;
  font-weight: 760;
}

body.member-mode #discover .member-meet-profile-bio {
  max-width: 46ch;
  margin: 16px 0 0 !important;
  color: #475a77;
  font-size: 14px;
  line-height: 1.55;
}

body.member-mode #discover .member-meet-interest-panel {
  margin-top: 20px;
}

body.member-mode #discover .member-meet-interest-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

body.member-mode #discover .member-meet-interest-heading div {
  display: grid;
  gap: 3px;
}

body.member-mode #discover .member-meet-interest-heading small {
  color: #7a8aa3;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.13em;
}

body.member-mode #discover .member-meet-interest-heading b {
  color: #24395e;
  font-size: 13px;
  font-weight: 720;
}

body.member-mode #discover .member-meet-interest-heading > span {
  color: #75839a;
  font-size: 10px;
}

body.member-mode #discover .member-meet-interest-panel ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
}

body.member-mode #discover .member-meet-interest-tile {
  position: relative;
  display: flex;
  align-items: flex-end;
  min-height: 54px;
  overflow: hidden;
  border: 1px solid rgba(56, 89, 143, 0.1);
  border-radius: 14px;
  background: linear-gradient(135deg, #edf3ff, #f9fbff);
  color: #1f437f;
  padding: 10px;
}

body.member-mode #discover .member-meet-interest-tile.has-visual::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(100deg, rgba(12, 30, 62, 0.56), rgba(12, 30, 62, 0.08));
}

body.member-mode #discover .member-meet-interest-tile img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.member-mode #discover .member-meet-interest-tile span {
  position: relative;
  z-index: 1;
  color: inherit;
  font-size: 12px;
  font-weight: 720;
  line-height: 1.1;
}

body.member-mode #discover .member-meet-interest-tile.has-visual span {
  color: #fff;
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.25);
}

body.member-mode #discover .member-meet-primary-actions {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(72px, 0.8fr) minmax(62px, 0.68fr);
  gap: 8px;
  margin-top: 20px;
}

body.member-mode #discover .member-meet-primary-actions button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  border-radius: 15px;
  font-family: inherit;
  cursor: pointer;
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

body.member-mode #discover .member-meet-primary-actions button:hover:not(:disabled) {
  transform: translateY(-2px);
}

body.member-mode #discover .member-meet-primary-sayhi {
  flex-direction: column;
  gap: 1px;
  border: 1px solid #1e5de4;
  background: linear-gradient(135deg, #286cef, #174fca);
  box-shadow: 0 10px 22px rgba(38, 95, 220, 0.22);
  color: #fff;
}

body.member-mode #discover .member-meet-primary-sayhi span {
  font-size: 14px;
  font-weight: 760;
}

body.member-mode #discover .member-meet-primary-sayhi small {
  color: rgba(255, 255, 255, 0.76);
  font-size: 9px;
}

body.member-mode #discover .member-meet-primary-sayhi:disabled {
  cursor: default;
  opacity: 0.64;
}

body.member-mode #discover .member-meet-primary-gift {
  gap: 6px;
  border: 1px solid rgba(249, 162, 95, 0.36);
  background: linear-gradient(145deg, #fffaf4, #fff0df);
  color: #9b551f;
  font-size: 12px;
  font-weight: 760;
}

body.member-mode #discover .member-meet-primary-gift img {
  width: 23px;
  height: 23px;
  object-fit: contain;
}

body.member-mode #discover .member-meet-primary-like {
  flex-direction: column;
  gap: 1px;
  border: 1px solid rgba(44, 101, 222, 0.14);
  background: #fff;
  color: #215cd7;
}

body.member-mode #discover .member-meet-primary-like .visitor-icon {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
}

body.member-mode #discover .member-meet-primary-like small {
  color: #526887;
  font-size: 10px;
  font-weight: 720;
}

body.member-mode #discover .member-meet-panel-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 16px;
}

body.member-mode #discover .member-meet-panel-footer > button {
  border: 0;
  background: transparent;
  color: #235fda;
  font-family: inherit;
  font-size: 12px;
  font-weight: 720;
  padding: 4px 0;
}

body.member-mode #discover .member-meet-panel-footer nav {
  display: flex;
  gap: 6px;
}

body.member-mode #discover .member-meet-panel-footer nav button {
  width: 30px;
  height: 30px;
  border: 1px solid rgba(43, 85, 155, 0.12);
  border-radius: 50%;
  background: #fff;
  color: #315486;
}

@media (min-width: 821px) {
  body.member-mode #discover .member-meet-card-stage .discovery-card-actions {
    display: none !important;
  }
}

@media (min-width: 821px) and (max-height: 820px) {
  body.member-mode #discover .member-meet-profile-panel {
    padding: 18px 28px !important;
  }

  body.member-mode #discover .member-meet-profile-identity {
    margin-top: 13px !important;
  }

  body.member-mode #discover .member-meet-profile-bio {
    margin-top: 10px !important;
    line-height: 1.42;
  }

  body.member-mode #discover .member-meet-interest-panel {
    margin-top: 13px;
  }

  body.member-mode #discover .member-meet-interest-tile {
    min-height: 46px;
  }

  body.member-mode #discover .member-meet-primary-actions {
    margin-top: 14px;
  }

  body.member-mode #discover .member-meet-panel-footer {
    margin-top: 10px;
  }
}

@media (max-width: 820px) {
  body.member-mode #discover .member-meet-profile-panel {
    padding: 22px 18px 20px !important;
  }

  body.member-mode #discover .member-meet-profile-identity h2 {
    font-size: 30px !important;
  }
}

/* Meet narrative panel: profile context should read like a moment, not a form. */
body.member-mode #discover .member-meet-story {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: 42px 50px 36px !important;
  background: linear-gradient(142deg, #ffffff 0%, #fbfdff 62%, #f0f6ff 100%) !important;
}

body.member-mode #discover .member-meet-session {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 0 0 15px !important;
  border-bottom: 1px solid rgba(44, 95, 168, .11) !important;
}

body.member-mode #discover .member-meet-session span,
body.member-mode #discover .member-meet-session strong {
  color: #62728c !important;
  font-size: 10px !important;
  font-weight: 720 !important;
  letter-spacing: .015em !important;
}

body.member-mode #discover .member-meet-session strong {
  color: #2f63b8 !important;
  font-variant-numeric: tabular-nums;
}

body.member-mode #discover .member-meet-kicker {
  margin-top: 28px !important;
}

body.member-mode #discover .member-meet-story h2 {
  max-width: 11ch !important;
  margin: 14px 0 10px !important;
  color: #0a2552 !important;
  font-size: clamp(38px, 3.35vw, 52px) !important;
  font-weight: 735 !important;
  letter-spacing: -.065em !important;
  line-height: .96 !important;
}

body.member-mode #discover .member-meet-reason {
  max-width: 47ch !important;
  margin: 0 !important;
  color: #6a7890 !important;
  font-size: 12px !important;
  line-height: 1.62 !important;
}

body.member-mode #discover .member-meet-moment {
  position: relative;
  margin-top: 30px !important;
  padding: 2px 0 2px 23px !important;
  border: 0 !important;
  border-left: 1px solid #b6cff9 !important;
  border-radius: 0 !important;
  background: linear-gradient(90deg, rgba(226, 238, 255, .78), rgba(255, 255, 255, 0) 87%) !important;
}

body.member-mode #discover .member-meet-moment > div {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
}

body.member-mode #discover .member-meet-moment small {
  color: #2c66bc !important;
  font-size: 9px !important;
  font-weight: 820 !important;
  letter-spacing: .14em !important;
}

body.member-mode #discover .member-meet-moment > div > span {
  display: block !important;
  width: 4px !important;
  height: 4px !important;
  border-radius: 50% !important;
  background: #5690ef !important;
}

body.member-mode #discover .member-meet-moment blockquote {
  max-width: 24ch !important;
  margin: 10px 0 8px !important;
  color: #143568 !important;
  font-size: clamp(20px, 1.75vw, 25px) !important;
  font-weight: 620 !important;
  letter-spacing: -.035em !important;
  line-height: 1.16 !important;
}

body.member-mode #discover .member-meet-moment > p {
  max-width: 47ch !important;
  margin: 0 !important;
  color: #8190a5 !important;
  font-size: 11px !important;
  font-style: italic !important;
  line-height: 1.5 !important;
}

body.member-mode #discover .member-meet-signals {
  display: flex !important;
  align-items: baseline !important;
  flex-wrap: wrap !important;
  gap: 8px 13px !important;
  margin-top: 22px !important;
}

body.member-mode #discover .member-meet-signals > div {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 9px !important;
}

body.member-mode #discover .member-meet-signals span {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #3f5f8e !important;
  background: transparent !important;
  font-size: 10px !important;
  font-weight: 760 !important;
}

body.member-mode #discover .member-meet-signals span + span::before {
  margin-right: 9px;
  color: #8ca2c2;
  content: "•";
}

body.member-mode #discover .member-meet-signals > p {
  margin: 0 !important;
  color: #8191a6 !important;
  font-size: 10px !important;
  line-height: 1.45 !important;
}

body.member-mode #discover .member-meet-assurance {
  margin-top: 24px !important;
  padding-top: 17px !important;
  border-top: 1px solid rgba(44, 95, 168, .11) !important;
}

body.member-mode #discover .member-meet-assurance > span {
  width: 23px !important;
  height: 23px !important;
  border-radius: 50% !important;
  color: #2467c7 !important;
  background: #e8f1ff !important;
  font-size: 11px !important;
}

body.member-mode #discover .member-meet-assurance b {
  color: #1a3e73 !important;
  font-size: 10px !important;
}

body.member-mode #discover .member-meet-assurance small {
  max-width: 39ch !important;
  color: #7d8ba0 !important;
  font-size: 10px !important;
  line-height: 1.42 !important;
}

body.member-mode #discover .member-meet-story-actions {
  align-items: center !important;
  margin-top: 25px !important;
  padding-top: 0 !important;
}

body.member-mode #discover .member-meet-profile-button {
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid currentColor !important;
  border-radius: 0 !important;
  color: #185dce !important;
  background: transparent !important;
  font-size: 11px !important;
  font-weight: 780 !important;
  line-height: 1.5 !important;
}

body.member-mode #discover .member-meet-story-actions nav {
  gap: 7px !important;
}

body.member-mode #discover .member-meet-story-actions nav button {
  width: 38px !important;
  height: 38px !important;
  border: 1px solid #d9e5f7 !important;
  border-radius: 50% !important;
  color: #295b9e !important;
  background: rgba(255, 255, 255, .76) !important;
  box-shadow: none !important;
}

body.member-mode #discover .member-meet-story > footer {
  padding-top: 19px !important;
}

@media (max-width: 1040px) and (min-width: 821px) {
  body.member-mode #discover .member-meet-story { padding: 34px 32px 29px !important; }
  body.member-mode #discover .member-meet-story h2 { font-size: clamp(34px, 3.1vw, 44px) !important; }
  body.member-mode #discover .member-meet-moment { margin-top: 23px !important; }
}

@media (max-width: 820px) {
  body.member-mode #discover .member-meet-story {
    display: block !important;
    padding: 29px 21px 106px !important;
  }

  body.member-mode #discover .member-meet-kicker { margin-top: 23px !important; }
  body.member-mode #discover .member-meet-story h2 { max-width: 13ch !important; font-size: 38px !important; }
  body.member-mode #discover .member-meet-moment { margin-top: 24px !important; }
}

@media (min-width: 821px) and (max-height: 820px) {
  body.member-mode #discover .member-meet-focus {
    height: calc(100dvh - 250px) !important;
    min-height: 456px !important;
  }

  body.member-mode #discover .member-meet-card-stage,
  body.member-mode #discover .member-meet-card-stage .live-person-card {
    min-height: 0 !important;
    height: 100% !important;
  }

  body.member-mode #discover .member-meet-story {
    min-height: 0 !important;
    padding: 20px 30px 18px !important;
    overflow: hidden !important;
  }

  body.member-mode #discover .member-meet-kicker { margin-top: 16px !important; }
  body.member-mode #discover .member-meet-story h2 { margin-top: 9px !important; font-size: clamp(31px, 3vw, 42px) !important; }
  body.member-mode #discover .member-meet-moment { margin-top: 17px !important; }
  body.member-mode #discover .member-meet-assurance { margin-top: 15px !important; padding-top: 12px !important; }
  body.member-mode #discover .member-meet-story-actions { margin-top: 15px !important; }
  body.member-mode #discover .member-meet-story > footer { display: none !important; }
}

/* Meet focus refinement: keep a decision visible before the fold. */
body.member-mode #discover .member-meet-focus {
  min-height: 0 !important;
}

body.member-mode #discover .member-meet-card-stage .live-person-card {
  min-height: 0 !important;
}

body.member-mode #discover .member-meet-story {
  overflow: hidden !important;
}

body.member-mode #discover .member-meet-story h2 {
  margin: 10px 0 6px !important;
  font-size: clamp(36px, 3.4vw, 50px) !important;
}

body.member-mode #discover .member-meet-story > header > p {
  font-size: 14px !important;
  line-height: 1.45 !important;
}

body.member-mode #discover .member-meet-identity {
  margin-top: 11px !important;
}

body.member-mode #discover .member-meet-identity span,
body.member-mode #discover .member-meet-interests span {
  padding: 7px 10px !important;
  font-size: 10px !important;
}

body.member-mode #discover .member-meet-prompt {
  margin-top: 15px !important;
  padding: 14px 16px 14px 19px !important;
}

body.member-mode #discover .member-meet-prompt blockquote {
  margin: 6px 0 0 !important;
  font-size: 16px !important;
  line-height: 1.32 !important;
}

body.member-mode #discover .member-meet-assurance {
  margin-top: 12px !important;
  padding-top: 10px !important;
}

body.member-mode #discover .member-meet-story-actions {
  margin-top: 12px !important;
  padding-top: 10px !important;
}

@media (min-width: 821px) and (max-height: 850px) {
  body.member-mode #discover .member-meet-focus {
    height: calc(100dvh - 250px) !important;
    min-height: 456px !important;
  }

  body.member-mode #discover .member-meet-card-stage .live-person-card {
    grid-template-rows: minmax(0, 1fr) 76px !important;
  }

  body.member-mode #discover .member-meet-card-stage .discovery-card-actions {
    min-height: 76px !important;
    padding: 10px 14px !important;
  }

  body.member-mode #discover .member-meet-card-stage .discovery-card-actions button {
    height: 50px !important;
    min-height: 50px !important;
  }

  body.member-mode #discover .member-meet-story {
    padding: 20px 30px 18px !important;
  }

  body.member-mode #discover .member-meet-story h2 {
    font-size: clamp(31px, 3.15vw, 42px) !important;
  }

  body.member-mode #discover .member-meet-story > footer {
    display: none !important;
  }
}

@media (max-width: 820px) {
  body.member-mode #discover .discover-topbar {
    margin-bottom: 6px !important;
  }

  body.member-mode #discover .member-discover-taskbar {
    gap: 6px !important;
    margin-bottom: 12px !important;
    padding: 6px !important;
  }

  body.member-mode #discover .member-discover-taskbar .member-segmented-control button,
  body.member-mode #discover .member-discover-taskbar .member-taskbar-actions button {
    min-height: 38px !important;
    font-size: 10px !important;
  }

  body.member-mode #discover .member-meet-card-stage {
    height: clamp(420px, calc(100dvh - 388px), 456px) !important;
    min-height: 420px !important;
  }

  body.member-mode #discover .member-meet-card-stage .live-person-card {
    grid-template-rows: minmax(0, 1fr) 72px !important;
  }

  body.member-mode #discover .member-meet-card-stage .discovery-card-actions {
    min-height: 72px !important;
    padding: 9px 10px !important;
  }

  body.member-mode #discover .member-meet-card-stage .discovery-card-actions button {
    height: 50px !important;
    min-height: 50px !important;
  }

  body.member-mode #discover .member-meet-story {
    padding: 22px 20px 104px !important;
  }

  body.member-mode #discover .member-meet-story h2 {
    font-size: 32px !important;
  }

  body.member-mode #discover .member-meet-session > span,
  body.member-mode #discover .member-meet-session > strong {
    font-size: 11px !important;
  }

  body.member-mode #discover .member-meet-story > footer {
    display: none !important;
  }
}

/* Meet Product Design correction: keep the focused profile readable in the
   document flow instead of trapping profile context in a short inner scroller. */
body.member-mode #discover .member-meet-focus {
  grid-template-columns: minmax(400px, 1.04fr) minmax(420px, .96fr) !important;
  height: auto !important;
  min-height: 636px !important;
  border-radius: 26px !important;
}
body.member-mode #discover .member-meet-card-stage {
  display: block !important;
  height: auto !important;
  min-height: 636px;
}
body.member-mode #discover .member-meet-card-stage::after { display: none !important; }
body.member-mode #discover .member-meet-card-stage .live-person-card {
  display: flex !important;
  flex-direction: column !important;
  min-height: 636px !important;
  height: 100% !important;
}
body.member-mode #discover .member-meet-card-stage .live-person-card .portrait {
  height: calc(100% - 76px) !important;
  flex: 1 1 auto;
}
body.member-mode #discover .member-meet-card-stage .person-copy {
  padding: 64px 24px 22px !important;
}
body.member-mode #discover .member-meet-story {
  height: auto !important;
  min-height: 636px;
  overflow: visible !important;
  padding: 36px 42px 30px !important;
  background: #fff !important;
}
body.member-mode #discover .member-meet-story > header { padding-top: 0 !important; }
body.member-mode #discover .member-meet-kicker { margin-top: 20px; }
body.member-mode #discover .member-meet-story h2 {
  font-size: clamp(35px, 3.15vw, 48px) !important;
}
body.member-mode #discover .member-meet-identity span {
  border: 1px solid #dce7f5 !important;
  background: #f6f9ff !important;
  color: #315b99 !important;
}
body.member-mode #discover .member-meet-intent {
  gap: 8px !important;
  overflow: visible !important;
  border: 0 !important;
}
body.member-mode #discover .member-meet-intent > div,
body.member-mode #discover .member-meet-intent > div + div {
  min-height: 68px;
  padding: 12px 11px !important;
  border: 1px solid #e3eaf4 !important;
  border-radius: 12px !important;
  background: #fff !important;
}
body.member-mode #discover .member-meet-prompt {
  margin-top: 22px !important;
  border: 1px solid #d7e4f6 !important;
  border-left: 3px solid #246be7 !important;
  border-radius: 15px !important;
  background: #f7faff !important;
}
body.member-mode #discover .member-meet-prompt::before { display: none !important; }
body.member-mode #discover .member-meet-assurance {
  margin-top: 16px !important;
  padding-top: 12px !important;
  border-top: 1px solid #edf1f7 !important;
}
body.member-mode #discover .member-meet-story-actions { margin-top: 16px !important; }
@media (max-width: 1040px) and (min-width: 821px) {
  body.member-mode #discover .member-meet-focus {
    grid-template-columns: minmax(350px, .92fr) minmax(370px, 1.08fr) !important;
  }
  body.member-mode #discover .member-meet-story { padding: 30px 30px 25px !important; }
}
@media (max-width: 820px) {
  body.member-mode #discover .member-meet-focus {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
  }
  body.member-mode #discover .member-meet-card-stage,
  body.member-mode #discover .member-meet-card-stage .live-person-card { min-height: 570px !important; }
  body.member-mode #discover .member-meet-story {
    min-height: 0;
    padding: 27px 20px 24px !important;
    border-left: 0 !important;
    border-top: 1px solid #e4ebf4 !important;
  }
}

/* Member workspace audit round 4: clearer hierarchy and contextual controls. */
body.member-mode #plans .plan-browse-panel {
  display: grid !important;
  grid-template-columns: minmax(230px, .82fr) minmax(430px, 1.75fr) minmax(210px, .72fr) !important;
  align-items: end !important;
  gap: 12px 18px !important;
  padding: 13px 16px 14px !important;
}

body.member-mode #plans .plan-filter-group {
  min-width: 0 !important;
  gap: 5px !important;
}

body.member-mode #plans .plan-filter-group > b {
  margin: 0 0 4px 3px !important;
  color: #77869c !important;
  font-size: 9px !important;
  font-weight: 760 !important;
  letter-spacing: .085em !important;
  text-transform: uppercase !important;
}

body.member-mode #plans .plan-filter-group:nth-child(2),
body.member-mode #plans .plan-filter-group:nth-child(3) {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
}

body.member-mode #plans .plan-filter-group:nth-child(2) > b,
body.member-mode #plans .plan-filter-group:nth-child(3) > b {
  flex: 0 0 100% !important;
}

body.member-mode #plans .empty-plan-filter-state {
  grid-column: 1 / -1 !important;
  margin: 2px 0 0 !important;
}

body.member-mode #plans .member-plan-overview > article,
body.member-mode #plans .member-plan-overview > button {
  min-height: 88px !important;
}

body.member-mode #plans .member-plan-host {
  align-items: center !important;
}

body.member-mode #plans .member-plan-host .member-plan-grid {
  width: 48px !important;
  height: 48px !important;
  overflow: hidden !important;
  border: 3px solid #fff !important;
  border-radius: 16px !important;
}

body.member-mode #plans .member-plan-attendance img {
  border: 2px solid #fff !important;
  box-shadow: 0 4px 12px rgba(17,47,92,.11) !important;
}

body.member-mode #inbox .member-conversation-retention {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 42px !important;
  margin-left: auto !important;
  padding: 6px 10px !important;
  border: 1px solid rgba(76,132,219,.22) !important;
  border-radius: 13px !important;
  background: linear-gradient(145deg,#edf5ff,#fff) !important;
  color: #0d4eaf !important;
  box-shadow: 0 8px 20px rgba(34,81,153,.07) !important;
  text-align: left !important;
  transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease !important;
}

body.member-mode #inbox .member-conversation-retention[hidden] {
  display: none !important;
}

body.member-mode #inbox .member-conversation-retention:hover {
  border-color: rgba(38,103,209,.4) !important;
  box-shadow: 0 10px 24px rgba(34,81,153,.11) !important;
  transform: translateY(-1px) !important;
}

body.member-mode #inbox .member-conversation-retention:active {
  transform: scale(.98) !important;
}

body.member-mode #inbox .member-conversation-retention > span:first-child {
  display: grid !important;
  width: 28px !important;
  height: 28px !important;
  place-items: center !important;
  border-radius: 9px !important;
  background: #dceaff !important;
  color: #0a66ff !important;
  font-size: 15px !important;
}

body.member-mode #inbox .member-conversation-retention small,
body.member-mode #inbox .member-conversation-retention b {
  display: block !important;
  line-height: 1.15 !important;
}

body.member-mode #inbox .conversation header > div {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  order: 1 !important;
}

body.member-mode #inbox .conversation header .privacy-link {
  display: none !important;
}

body.member-mode #inbox .conversation header .member-conversation-retention {
  order: 2 !important;
}

body.member-mode #inbox .conversation header .save-contact-button {
  order: 3 !important;
}

body.member-mode #inbox .conversation header .safety-link {
  order: 4 !important;
}

body.member-mode #inbox .conversation header .safety-link,
body.member-mode #inbox .conversation header .save-contact-button {
  min-height: 36px !important;
  padding-inline: 10px !important;
  white-space: nowrap !important;
}

body.member-mode #inbox .member-conversation-retention small {
  color: #718099 !important;
  font-size: 8px !important;
  font-weight: 700 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

body.member-mode #inbox .member-conversation-retention b {
  margin-top: 3px !important;
  color: #0b3f8e !important;
  font-size: 10px !important;
  font-weight: 760 !important;
}

body.member-mode #profile .member-profile-page-header {
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 24px !important;
  width: 100% !important;
  margin-bottom: 4px !important;
}

body.member-mode #profile .profile-hero-web,
body.member-mode #profile .member-profile-overview {
  grid-row: 2 !important;
}

body.member-mode #profile .member-profile-page-header h1 {
  margin: 3px 0 6px !important;
  color: #071b3e !important;
  font-size: clamp(40px,4.2vw,58px) !important;
  font-weight: 790 !important;
  letter-spacing: -.065em !important;
  line-height: .98 !important;
}

body.member-mode #profile .member-profile-page-header > div > p:last-child {
  max-width: 58ch !important;
  margin: 0 !important;
  color: #64748d !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

body.member-mode #profile .member-profile-page-header > span {
  flex: 0 0 auto !important;
  min-width: 190px !important;
  padding: 11px 14px !important;
  border: 1px solid rgba(98,145,215,.2) !important;
  border-radius: 15px !important;
  background: linear-gradient(145deg,#edf5ff,#fff) !important;
  box-shadow: 0 10px 28px rgba(32,73,134,.07) !important;
}

body.member-mode #profile .member-profile-page-header > span b,
body.member-mode #profile .member-profile-page-header > span small {
  display: block !important;
}

body.member-mode #profile .member-profile-page-header > span b {
  color: #0b3f8e !important;
  font-size: 11px !important;
}

body.member-mode #profile .member-profile-page-header > span small {
  margin-top: 3px !important;
  color: #718099 !important;
  font-size: 9px !important;
}

@media (max-width: 1080px) and (min-width: 821px) {
  body.member-mode #plans .plan-browse-panel {
    grid-template-columns: minmax(220px,.8fr) minmax(0,1.2fr) !important;
  }

  body.member-mode #plans .plan-filter-group:nth-child(3) {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 820px) {
  body.member-mode #plans .plan-browse-panel {
    grid-template-columns: minmax(0,1fr) !important;
    padding: 13px !important;
  }

  body.member-mode #plans .plan-filter-group:nth-child(3),
  body.member-mode #plans .empty-plan-filter-state {
    grid-column: auto !important;
  }

  body.member-mode #inbox .member-conversation-retention {
    min-width: 42px !important;
    margin-left: auto !important;
    padding: 6px !important;
  }

  body.member-mode #inbox .member-conversation-retention > span:last-child {
    display: none !important;
  }

  body.member-mode #profile .member-profile-page-header {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 14px !important;
  }

  body.member-mode #profile .member-profile-page-header > span {
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* Product Design audit 09 final viewport corrections. */
body.member-mode #inbox .thread-list {
  overflow-x: hidden !important;
}

@media (min-width: 821px) and (max-height: 820px) {
  body.member-mode #plans .plan-browse-panel {
    padding: 10px 16px !important;
  }

  body.member-mode #plans .member-plan-overview > article,
  body.member-mode #plans .member-plan-overview > button {
    min-height: 84px !important;
  }
}

/* Meet narrative correction: this final block deliberately wins over legacy viewport rules. */
body.member-mode #discover .member-meet-moment {
  background: transparent !important;
}

body.member-mode #discover .member-meet-session strong {
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}

@media (min-width: 821px) and (max-height: 820px) {
  body.member-mode #discover .member-meet-focus {
    height: calc(100dvh - 264px) !important;
    min-height: 456px !important;
  }

  body.member-mode #discover .member-meet-card-stage,
  body.member-mode #discover .member-meet-card-stage .live-profile-card {
    min-height: 0 !important;
    height: 100% !important;
  }

  body.member-mode #discover .member-meet-story {
    min-height: 0 !important;
    height: 100% !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    justify-content: flex-start !important;
    padding: 20px 30px 18px !important;
  }

  body.member-mode #discover .member-meet-story footer {
    display: none !important;
  }

  body.member-mode #discover .member-meet-story header,
  body.member-mode #discover .member-meet-moment,
  body.member-mode #discover .member-meet-signals,
  body.member-mode #discover .member-meet-assurance {
    margin-top: 10px !important;
    margin-bottom: 0 !important;
  }
}

/* Meet composition final overrides. */
body.member-mode #discover .discover-topbar {
  align-items: center !important;
  min-height: 0 !important;
  margin-bottom: 8px !important;
  padding-top: 20px !important;
  padding-bottom: 10px !important;
}

body.member-mode #discover .discover-topbar h1 {
  margin: 0 !important;
  font-size: clamp(34px, 3.2vw, 44px) !important;
  letter-spacing: -0.055em !important;
}

body.member-mode #discover .discover-topbar .view-subtitle {
  margin-top: 5px !important;
  font-size: 12px !important;
}

body.member-mode #discover .discover-topbar .city-picker {
  min-height: 38px !important;
  padding-inline: 14px !important;
}

@media (min-width: 821px) {
  body.member-mode #discover .member-discover-taskbar {
    margin-bottom: 12px !important;
  }

  body.member-mode #discover .member-meet-focus,
  body.member-mode #discover .member-meet-card-stage,
  body.member-mode #discover .member-meet-card-stage .live-person-card,
  body.member-mode #discover .member-meet-profile-panel {
    min-height: 610px !important;
  }

  body.member-mode #discover .member-meet-profile-panel {
    padding: 34px 42px 28px !important;
  }

  body.member-mode #discover .member-meet-profile-identity h2 {
    max-width: none !important;
    font-size: clamp(34px, 2.65vw, 45px) !important;
    white-space: nowrap;
  }

  body.member-mode #discover .member-meet-profile-identity p {
    margin-top: 6px !important;
  }

  body.member-mode #discover .member-meet-interest-panel {
    margin-top: 18px;
  }

  body.member-mode #discover .member-meet-card-stage .media-dots {
    display: none !important;
  }
}

/* Signed-in canvas: white is the shared surface; blue remains only for actions,
   active states, and intentional imagery. City is outside this member shell. */
body.member-mode,
body.member-mode main,
body.member-mode #discover.redesign-discover.active,
body.member-mode #plans.active,
body.member-mode #tools.member-circle-reference-layout.active,
body.member-mode #inbox.active,
body.member-mode #profile.active {
  background: #fff !important;
}

body.member-mode #discover .member-meet-profile-panel,
body.member-mode #discover .member-meet-story,
body.member-mode #discover .member-meet-moment,
body.member-mode #discover .member-taskbar,
body.member-mode #discover .member-meet-focus,
body.member-mode #discover .intro-gate-card,
body.member-mode #inbox .thread-list,
body.member-mode #inbox .member-conversation-rail,
body.member-mode #inbox .contacts-directory-list,
body.member-mode #inbox .messages,
body.member-mode #inbox .compose-bar,
body.member-mode #profile .member-profile-overview {
  background: #fff !important;
}

/* White interaction surfaces: use blue for text, borders, focus and primary
   actions, not as a wash behind routine navigation or secondary choices. */
body.member-mode .sidebar nav .nav-item:hover,
body.member-mode .sidebar nav .nav-item.active,
body.member-mode .sidebar nav .nav-item.active:hover,
body.member-mode .sidebar nav .nav-item.active::before,
body.member-mode #tools.member-circle-v9.member-circle-reference-layout .member-circle-location.active,
body.member-mode #tools.member-circle-reference-layout .member-circle-filter-toggle[aria-expanded="true"],
body.member-mode #plans .member-plan-filter-trigger.active,
body.member-mode #plans .member-plan-filter-options button.active,
body.member-mode #plans .member-plan-filter-distance button.active,
body.member-mode #inbox .thread.active,
body.member-mode #inbox .contact-directory-row.active,
body.member-mode #inbox .contact-detail-panel {
  background: #fff !important;
}

body.member-mode #tools.member-circle-v9.member-circle-reference-layout .member-circle-room-media {
  background: #fff !important;
}

body.member-mode #tools.member-circle-v9.member-circle-reference-layout .member-circle-room-card > .circle-card-actions,
body.member-mode #tools.member-circle-v9.member-circle-reference-layout .member-circle-room-card > .circle-card-actions .join-circle,
body.member-mode #tools.member-circle-v9.member-circle-reference-layout .member-circle-room-card > .circle-card-actions .manage-live-circle {
  background: #fff !important;
}

body.member-mode .sidebar nav button.nav-item.active:not([disabled]),
body.member-mode .sidebar nav button.nav-item.active:not([disabled]):hover {
  background: #fff !important;
}

body.member-mode .sidebar nav button.nav-item {
  transition: color .18s ease, border-color .18s ease !important;
}

/* Inbox / Contacts uses the same white canvas as the rest of the member app.
   Blue remains a signal for type and action, never a passive surface fill. */
body.member-mode #inbox .inbox-lanes,
body.member-mode #inbox .contacts-shortcuts button,
body.member-mode #inbox .contacts-shortcuts button:first-child,
body.member-mode #inbox .contact-directory-row.active,
body.member-mode #inbox .contact-detail-panel,
body.member-mode #inbox .contact-profile-avatar,
body.member-mode #inbox .contact-profile-facts div,
body.member-mode #inbox .contact-profile-insights article {
  background: #fff !important;
  background-image: none !important;
}

body.member-mode #inbox .contacts-shortcuts button:hover,
body.member-mode #inbox .contact-directory-row:hover,
body.member-mode #inbox .contact-directory-row.active:hover {
  background: #fff !important;
}

body.member-mode #inbox .contacts-directory-list,
body.member-mode #inbox .contact-letter-group > p,
body.member-mode #inbox .contacts-shortcut-icon,
body.member-mode #inbox .contacts-shortcut-icon.contacts-shortcut-groups,
body.member-mode #inbox .contact-directory-avatar,
body.member-mode #inbox .contact-profile-insights article > span {
  background: #fff !important;
}

body.member-mode #inbox .thread-list,
body.member-mode #inbox .member-conversation-rail,
body.member-mode #inbox .thread:hover,
body.member-mode #inbox .thread-source-chip,
body.member-mode #inbox .thread-source-chip.plan,
body.member-mode #inbox .thread-source-chip.circle,
body.member-mode #inbox .thread-source-chip.request,
body.member-mode #inbox .thread-source-chip.direct {
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
}

body.member-mode #inbox.active .thread-list,
body.member-mode #inbox.active .member-conversation-rail,
body.member-mode #inbox.active .contacts-directory-list,
body.member-mode #inbox .member-thread-tools,
body.member-mode #inbox .member-thread-tools input,
body.member-mode #inbox .conversation-context,
body.member-mode #inbox .conversation-scope-label,
body.member-mode #inbox .conversation[data-identity-scope="work"] .conversation-scope-label,
body.member-mode #inbox .conversation-context > span:first-child {
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
}

body.member-mode #inbox .composer {
  background: #fff !important;
  background-color: #fff !important;
}

body.member-mode #inbox.active .composer {
  background: #fff !important;
  background-color: #fff !important;
}

/* Authenticated product system: this is the final layout layer for the
   signed-in application. It intentionally removes the older floating-card
   treatment in favour of one crisp white workspace with clear task columns. */
body.member-mode {
  --bm-product-ink: #10213f;
  --bm-product-copy: #5d6b82;
  --bm-product-line: #e4e9f1;
  --bm-product-blue: #1769ee;
  --bm-product-blue-dark: #0e55ca;
  --bm-product-radius: 14px;
}

body.member-mode #discover .member-meet-focus,
body.member-mode #plans .member-plans-studio,
body.member-mode #inbox .messenger,
body.member-mode #profile .member-profile-overview,
body.member-mode #profile .member-you-account-hub {
  box-shadow: none !important;
  background-image: none !important;
}

/* Meet: one person, one decisive composition. The portrait contains browsing;
   the right column contains only the information needed to decide. */
@media (min-width: 821px) {
  body.member-mode #discover .discover-topbar {
    min-height: 63px !important;
    padding: 15px 52px 9px !important;
  }

  body.member-mode #discover .discover-topbar h1 {
    font-size: 32px !important;
  }

  body.member-mode #discover .member-discover-taskbar {
    min-height: 48px !important;
    margin-bottom: 8px !important;
  }

  body.member-mode #discover .member-meet-focus {
    display: grid !important;
    grid-template-columns: minmax(0, 1.08fr) minmax(390px, .92fr) !important;
    min-height: 480px !important;
    overflow: hidden !important;
    border: 1px solid var(--bm-product-line) !important;
    border-radius: 18px !important;
    box-shadow: none !important;
  }

  body.member-mode #discover .member-meet-card-stage,
  body.member-mode #discover .member-meet-card-stage .live-person-card,
  body.member-mode #discover .member-meet-card-stage .live-person-card .portrait {
    min-height: 480px !important;
    height: 480px !important;
  }

  body.member-mode #discover .member-meet-card-stage {
    border-right: 1px solid var(--bm-product-line) !important;
  }

  body.member-mode #discover .member-meet-profile-panel {
    display: flex !important;
    flex-direction: column !important;
    min-height: 480px !important;
    padding: 29px 42px 23px !important;
    background: #fff !important;
  }
}

body.member-mode #discover .member-meet-card-stage::after {
  background: linear-gradient(180deg, transparent 64%, rgba(13, 29, 58, .15) 100%) !important;
}

body.member-mode #discover .member-meet-card-stage .person-copy,
body.member-mode #discover .member-meet-card-stage .discovery-card-actions {
  display: none !important;
}

/* Meet visual-source rebuild: a single photo-led recommendation workspace.
   This intentionally owns the focused profile composition instead of styling
   the older stacked discovery-card markup. */
@media (min-width: 821px) {
  body.member-mode #discover {
    width: min(100% - 48px, 1488px) !important;
    max-width: 1488px !important;
  }

  body.member-mode #discover .discover-topbar,
  body.member-mode #discover .member-page-signals,
  body.member-mode #discover .discovery-category-row {
    display: none !important;
  }

  body.member-mode #discover .member-discovery-taskbar {
    min-height: 92px !important;
    margin: 0 !important;
    padding: 0 42px !important;
    border: 1px solid #e5eaf2 !important;
    border-bottom: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  body.member-mode #discover .member-segmented-control,
  body.member-mode #discover .member-taskbar-actions {
    gap: 16px !important;
  }

  body.member-mode #discover .member-segmented-control button,
  body.member-mode #discover .member-taskbar-actions button {
    min-height: 46px !important;
    padding: 0 18px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #263654 !important;
    font-size: 15px !important;
    font-weight: 620 !important;
    box-shadow: none !important;
  }

  body.member-mode #discover .member-segmented-control button.active {
    border-bottom: 3px solid #1267ee !important;
    color: #1267ee !important;
  }

  body.member-mode #discover .member-taskbar-actions button:last-child {
    padding-left: 28px !important;
    border-left: 1px solid #e5eaf2 !important;
  }

  body.member-mode #discover .member-discover-layout > .people-grid {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
  }

  body.member-mode #discover .member-meet-reference-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1.17fr) minmax(480px, .83fr) !important;
    grid-template-rows: minmax(0, 1fr) 112px !important;
    width: 100% !important;
    height: min(760px, calc(100dvh - 152px)) !important;
    min-height: 642px !important;
    overflow: hidden !important;
    border: 1px solid #e5eaf2 !important;
    border-radius: 0 0 20px 20px !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-card-stage {
    grid-column: 1;
    grid-row: 1;
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    border: 0 !important;
    background: #182338 !important;
  }

  body.member-mode #discover .member-meet-reference-layout .live-person-card,
  body.member-mode #discover .member-meet-reference-layout .member-meet-photo-field {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #182338 !important;
    box-shadow: none !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-photo-field::after {
    display: block !important;
    position: absolute;
    z-index: 1;
    inset: auto 0 0;
    height: 38%;
    content: "";
    background: linear-gradient(180deg, transparent, rgba(3, 12, 28, .56));
    pointer-events: none;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-photo-field > .discover-profile-image {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    object-fit: cover !important;
    object-position: center 34% !important;
    background: #1b263a !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-profile-panel {
    grid-column: 2;
    grid-row: 1;
    display: flex !important;
    min-height: 0 !important;
    padding: 52px 56px 34px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-left: 1px solid #e5eaf2 !important;
    background: #fff !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-profile-identity h2 {
    margin: 0 !important;
    color: #11213d !important;
    font-family: "Iowan Old Style", "Baskerville", Georgia, serif !important;
    font-size: clamp(48px, 4.2vw, 76px) !important;
    font-weight: 400 !important;
    letter-spacing: -.055em !important;
    line-height: .98 !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-profile-identity h2 span {
    color: #11213d !important;
    font-weight: 400 !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-profile-identity p {
    display: flex !important;
    align-items: center !important;
    gap: 11px !important;
    margin: 20px 0 0 !important;
    color: #56627a !important;
    font-size: 16px !important;
    line-height: 1 !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-profile-identity p b {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    color: #56627a !important;
    font-weight: 560 !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-profile-identity p b .visitor-icon {
    width: 18px !important;
    height: 18px !important;
    padding: 3px !important;
    border-radius: 50% !important;
    background: #1267ee !important;
    color: #fff !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-profile-identity p i {
    width: 4px !important;
    height: 4px !important;
    margin: 0 4px !important;
    border-radius: 50% !important;
    background: #96a3b9 !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-profile-identity p span::before {
    display: inline-block;
    width: 9px;
    height: 9px;
    margin-right: 8px;
    border-radius: 50%;
    content: "";
    background: #38c98c;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-profile-bio {
    max-width: 28ch !important;
    margin: 29px 0 0 !important;
    padding-top: 29px !important;
    border-top: 1px solid #dfe5ee !important;
    color: #13233e !important;
    font-family: "Iowan Old Style", "Baskerville", Georgia, serif !important;
    font-size: clamp(20px, 1.5vw, 27px) !important;
    font-weight: 400 !important;
    letter-spacing: -.015em !important;
    line-height: 1.35 !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-interest-panel {
    margin-top: 37px !important;
    padding: 0 !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-interest-heading,
  body.member-mode #discover .member-meet-reference-layout .member-meet-availability > b {
    display: block !important;
    color: #7a8597 !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    letter-spacing: .18em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-interest-panel ul {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
    margin: 20px 0 0 !important;
    padding: 0 !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-interest-tile {
    display: block !important;
    min-width: 0 !important;
    min-height: 186px !important;
    padding: 8px !important;
    overflow: hidden !important;
    border: 1px solid #dfe5ee !important;
    border-radius: 6px !important;
    background: #fff !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-interest-tile > img {
    display: block !important;
    width: 100% !important;
    height: 92px !important;
    margin: 0 0 13px !important;
    border-radius: 3px !important;
    object-fit: cover !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-interest-tile > span {
    display: block !important;
    padding: 0 4px !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-interest-tile b {
    display: block !important;
    color: #162846 !important;
    font-family: "Iowan Old Style", "Baskerville", Georgia, serif !important;
    font-size: 16px !important;
    font-weight: 650 !important;
    line-height: 1.1 !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-interest-tile small {
    display: block !important;
    margin-top: 7px !important;
    color: #66738a !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-availability {
    margin-top: auto !important;
    padding-top: 28px !important;
    border-top: 0 !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-availability > div {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 18px 26px !important;
    margin-top: 18px !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-availability span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    color: #263654 !important;
    font-size: 15px !important;
    font-weight: 560 !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-availability .visitor-icon {
    width: 21px !important;
    height: 21px !important;
    color: #112a54 !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-recommendation-nav {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    margin-top: 26px !important;
    padding-top: 20px !important;
    border-top: 1px solid #dfe5ee !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-recommendation-nav > span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    color: #68758a !important;
    font-size: 12px !important;
    font-weight: 560 !important;
    white-space: nowrap !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-recommendation-nav > span .visitor-icon {
    width: 16px !important;
    height: 16px !important;
    color: #1267ee !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-recommendation-nav > span b {
    color: #172947 !important;
    font-size: 12px !important;
    font-weight: 720 !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-recommendation-nav > div {
    display: flex !important;
    gap: 8px !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-recommendation-nav button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    min-height: 34px !important;
    padding: 0 11px !important;
    border: 1px solid #d9e1ec !important;
    border-radius: 17px !important;
    background: #fff !important;
    color: #1c3154 !important;
    font-size: 12px !important;
    font-weight: 650 !important;
    white-space: nowrap !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-recommendation-nav button:hover,
  body.member-mode #discover .member-meet-reference-layout .member-meet-recommendation-nav button:focus-visible {
    border-color: #1267ee !important;
    color: #1267ee !important;
    outline: 0 !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-recommendation-nav button .visitor-icon {
    width: 15px !important;
    height: 15px !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-recommendation-nav button:first-child .visitor-icon {
    transform: rotate(180deg) !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-photo-count {
    position: absolute !important;
    z-index: 3 !important;
    top: 22px !important;
    left: 22px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    min-height: 48px !important;
    padding: 0 19px !important;
    border: 1px solid rgba(255, 255, 255, .52) !important;
    border-radius: 999px !important;
    background: rgba(13, 20, 31, .58) !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 650 !important;
    backdrop-filter: blur(12px) !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-photo-count .visitor-icon {
    width: 23px !important;
    height: 23px !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-photo-nav {
    position: absolute !important;
    z-index: 4 !important;
    top: 50% !important;
    display: grid !important;
    width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    border: 1px solid rgba(255, 255, 255, .8) !important;
    border-radius: 50% !important;
    place-items: center !important;
    background: rgba(255, 255, 255, .94) !important;
    color: #13233e !important;
    box-shadow: 0 8px 24px rgba(6, 18, 41, .18) !important;
    transform: translateY(-50%) !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-photo-nav.previous { left: 20px !important; }
  body.member-mode #discover .member-meet-reference-layout .member-meet-photo-nav.next { right: 20px !important; }
  body.member-mode #discover .member-meet-reference-layout .member-meet-photo-nav.previous .visitor-icon { transform: rotate(90deg) !important; }
  body.member-mode #discover .member-meet-reference-layout .member-meet-photo-nav.next .visitor-icon { transform: rotate(-90deg) !important; }

  body.member-mode #discover .member-meet-reference-layout .member-meet-photo-nav .visitor-icon {
    width: 20px !important;
    height: 20px !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-gallery {
    position: absolute !important;
    z-index: 4 !important;
    right: 58px !important;
    bottom: 18px !important;
    left: 58px !important;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 11px !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-gallery-thumb {
    height: 90px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 2px solid rgba(255, 255, 255, .9) !important;
    border-radius: 7px !important;
    background: #e7ebf2 !important;
    box-shadow: 0 5px 18px rgba(0, 0, 0, .22) !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-gallery-thumb.active {
    border-color: #2f7cff !important;
    box-shadow: 0 0 0 2px rgba(47, 124, 255, .35), 0 5px 18px rgba(0, 0, 0, .24) !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-gallery-thumb img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-profile-more {
    display: none !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-action-rail {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr 1.55fr 1fr !important;
    min-height: 112px !important;
    margin: 0 !important;
    padding: 0 9% !important;
    border-top: 1px solid #e5eaf2 !important;
    background: #fff !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-action {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 15px !important;
    min-width: 0 !important;
    min-height: 62px !important;
    margin: auto 0 !important;
    padding: 0 20px !important;
    border: 0 !important;
    border-right: 1px solid #e6ebf2 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #182947 !important;
    font-size: 17px !important;
    font-weight: 620 !important;
    box-shadow: none !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-action:last-child {
    border-right: 0 !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-action .visitor-icon {
    width: 28px !important;
    height: 28px !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-action-primary {
    min-width: 206px !important;
    min-height: 62px !important;
    margin-right: 22px !important;
    margin-left: 22px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #1267ee !important;
    color: #fff !important;
    box-shadow: 0 12px 28px rgba(18, 103, 238, .24) !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-action-primary small {
    display: none !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-action-primary:hover {
    background: #0e59cd !important;
    transform: translateY(-1px) !important;
  }
}

@media (max-width: 820px) {
  body.member-mode #discover .member-meet-reference-layout {
    display: grid !important;
    grid-template-columns: 1fr !important;
    border-radius: 16px !important;
    overflow: hidden !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-card-stage,
  body.member-mode #discover .member-meet-reference-layout .live-person-card,
  body.member-mode #discover .member-meet-reference-layout .member-meet-photo-field {
    min-height: 510px !important;
    height: 510px !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-photo-field > .discover-profile-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-profile-panel {
    padding: 30px 22px !important;
    background: #fff !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-interest-panel ul {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-interest-tile {
    min-height: 144px !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-interest-tile > img {
    height: 62px !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-gallery {
    right: 40px !important;
    bottom: 16px !important;
    left: 40px !important;
    gap: 7px !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-gallery-thumb {
    height: 62px !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-action-rail {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    padding: 10px !important;
    border-top: 1px solid #e5eaf2 !important;
    background: #fff !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-action {
    min-height: 54px !important;
    padding: 0 6px !important;
    border: 0 !important;
    font-size: 12px !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-action .visitor-icon {
    width: 22px !important;
    height: 22px !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-action-primary {
    min-width: 0 !important;
    margin: 0 !important;
  }
}

body.member-mode #discover .member-meet-profile-identity h2 {
  color: var(--bm-product-ink) !important;
  font-family: var(--bm-ios-font) !important;
  font-size: clamp(30px, 2.5vw, 40px) !important;
  font-weight: 760 !important;
  letter-spacing: -.052em !important;
  line-height: 1.05 !important;
}

body.member-mode #discover .member-meet-profile-identity h2 span {
  color: #62718a !important;
  font-weight: 560 !important;
}

body.member-mode #discover .member-meet-profile-identity p {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: #68768d !important;
  font-size: 12px !important;
}

body.member-mode #discover .member-meet-profile-identity p b {
  color: var(--bm-product-blue) !important;
  font-weight: 720 !important;
}

body.member-mode #discover .member-meet-profile-bio {
  max-width: 34ch !important;
  margin: 21px 0 0 !important;
  color: #3d4f6b !important;
  font-size: 16px !important;
  line-height: 1.53 !important;
}

body.member-mode #discover .member-meet-interest-panel {
  margin-top: 30px !important;
}

body.member-mode #discover .member-meet-interest-heading b {
  color: #2a3956 !important;
  font-size: 12px !important;
  font-weight: 740 !important;
}

body.member-mode #discover .member-meet-interest-panel ul {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 9px !important;
  margin-top: 10px !important;
}

body.member-mode #discover .member-meet-interest-tile {
  min-height: 62px !important;
  overflow: hidden !important;
  padding: 0 11px !important;
  border: 1px solid var(--bm-product-line) !important;
  border-radius: 11px !important;
  background: #fff !important;
  background-image: none !important;
  color: #344562 !important;
  box-shadow: none !important;
}

body.member-mode #discover .member-meet-interest-tile img {
  position: static !important;
  flex: 0 0 70px !important;
  width: 70px !important;
  height: 62px !important;
  margin: 0 11px 0 -11px !important;
  border-radius: 0 !important;
  object-fit: cover !important;
}

body.member-mode #discover .member-meet-interest-tile::before,
body.member-mode #discover .member-meet-interest-tile::after {
  display: none !important;
  background: none !important;
}

body.member-mode #discover .member-meet-interest-tile {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0 !important;
}

body.member-mode #discover .member-meet-interest-tile span {
  color: #344562 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  position: static !important;
  z-index: auto !important;
  text-shadow: none !important;
}

body.member-mode #discover .member-meet-primary-actions {
  display: grid !important;
  grid-template-columns: 1.55fr repeat(3, minmax(64px, .72fr)) !important;
  gap: 8px !important;
  margin-top: auto !important;
  padding-top: 28px !important;
}

body.member-mode #discover .member-meet-primary-sayhi,
body.member-mode #discover .member-meet-primary-gift,
body.member-mode #discover .member-meet-primary-like,
body.member-mode #discover .member-meet-primary-pass {
  min-height: 54px !important;
  border-radius: 11px !important;
  box-shadow: none !important;
}

body.member-mode #discover .member-meet-primary-sayhi {
  border: 1px solid var(--bm-product-blue) !important;
  background: var(--bm-product-blue) !important;
  color: #fff !important;
}

body.member-mode #discover .member-meet-primary-sayhi:hover {
  background: var(--bm-product-blue-dark) !important;
}

body.member-mode #discover .member-meet-primary-gift,
body.member-mode #discover .member-meet-primary-like,
body.member-mode #discover .member-meet-primary-pass {
  border: 1px solid var(--bm-product-line) !important;
  background: #fff !important;
  color: #42516b !important;
}

body.member-mode #discover .member-meet-panel-footer {
  margin-top: 18px !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}

/* Plans: discovery is a list, personal plans are a calendar rail. */
body.member-mode #plans .plans-page-grid {
  max-width: none !important;
  padding: 0 !important;
}

body.member-mode #plans .member-plans-studio {
  min-height: calc(100dvh - 72px) !important;
  border: 0 !important;
  border-top: 1px solid var(--bm-product-line) !important;
  border-bottom: 1px solid var(--bm-product-line) !important;
  border-radius: 0 !important;
  background: #fff !important;
}

body.member-mode #plans .member-plan-explore,
body.member-mode #plans .member-plan-mine {
  background: #fff !important;
}

body.member-mode #plans .member-plan-explore {
  padding: 31px 34px 36px !important;
}

body.member-mode #plans .member-plan-mine {
  padding: 31px 28px 36px !important;
  border-left: 1px solid var(--bm-product-line) !important;
}

body.member-mode #plans .member-plan-explore-header > div > p,
body.member-mode #plans .member-plan-mine > header h2 {
  color: var(--bm-product-ink) !important;
  font-size: 22px !important;
  font-weight: 750 !important;
  letter-spacing: -.035em !important;
}

body.member-mode #plans .member-plan-explore-header > div > p::before {
  display: none !important;
}

body.member-mode #plans .member-plan-explore-controls {
  gap: 8px !important;
  margin-top: 18px !important;
}

body.member-mode #plans .member-plan-explore-controls input,
body.member-mode #plans .member-plan-explore-controls select {
  height: 44px !important;
  border-color: var(--bm-product-line) !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #40506b !important;
  box-shadow: none !important;
}

body.member-mode #plans .member-plan-filter-trigger {
  min-height: 44px !important;
  border-color: var(--bm-product-blue) !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: var(--bm-product-blue) !important;
}

body.member-mode #plans .member-plan-filter-summary {
  margin: 13px 0 23px !important;
  color: #7b879a !important;
}

body.member-mode #plans .member-plan-studio-row {
  grid-template-columns: 156px minmax(180px, 1fr) auto auto !important;
  min-height: 124px !important;
  padding: 12px 0 !important;
  border-top-color: var(--bm-product-line) !important;
}

body.member-mode #plans .member-plan-studio-row:hover {
  margin-inline: 0 !important;
  padding-inline: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  transform: none !important;
}

body.member-mode #plans .member-plan-studio-media {
  width: 156px !important;
  height: 96px !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

body.member-mode #plans .member-plan-studio-copy h3 {
  color: #182945 !important;
  font-size: 17px !important;
}

body.member-mode #plans .member-plan-studio-action,
body.member-mode #plans .member-plan-selected-action,
body.member-mode #plans .member-plan-create {
  border-radius: 9px !important;
  box-shadow: none !important;
}

body.member-mode #plans .member-plan-mine-row,
body.member-mode #plans .member-plan-selected {
  border-color: var(--bm-product-line) !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.member-mode #plans .member-plan-mine-row:hover,
body.member-mode #plans .member-plan-mine-row.selected {
  border-color: var(--bm-product-blue) !important;
  background: #fff !important;
}

/* Circles: retain the approved reference structure and remove the remaining
   decorative treatments so discovery and membership are equally legible. */
body.member-mode #tools.member-circle-reference-layout .circle-board {
  grid-template-columns: minmax(0, 65%) minmax(340px, 35%) !important;
}

body.member-mode #tools.member-circle-reference-layout #circle-list > article.member-circle-room-card {
  min-height: 132px !important;
  padding-block: 10px !important;
  background: #fff !important;
}

body.member-mode #tools.member-circle-reference-layout #circle-list > article.member-circle-room-card:hover,
body.member-mode #tools.member-circle-reference-layout #circle-list > article.member-circle-room-card.selected {
  background: #fff !important;
}

body.member-mode #tools.member-circle-reference-layout .member-circle-room-select {
  grid-template-columns: 200px minmax(0, 1fr) !important;
  min-height: 110px !important;
}

body.member-mode #tools.member-circle-reference-layout .member-circle-room-media {
  width: 200px !important;
  min-height: 110px !important;
  height: 110px !important;
  border-radius: 9px !important;
}

body.member-mode #tools.member-circle-reference-layout .member-circle-room-body {
  padding: 5px 19px !important;
}

body.member-mode #tools.member-circle-reference-layout .member-circle-rail-card {
  border-color: var(--bm-product-line) !important;
  border-radius: 10px !important;
}

body.member-mode #tools.member-circle-reference-layout .member-circle-my-rail > header button,
body.member-mode #tools.member-circle-reference-layout .circle-card-actions button {
  border-radius: 8px !important;
  box-shadow: none !important;
}

/* Inbox: make the active conversation the workspace, without a coloured rail
   competing with the message itself. */
body.member-mode #inbox .messenger {
  min-height: calc(100dvh - 182px) !important;
  border: 1px solid var(--bm-product-line) !important;
  border-radius: 14px !important;
  background: #fff !important;
}

body.member-mode #inbox .thread-list,
body.member-mode #inbox .messages,
body.member-mode #inbox .composer,
body.member-mode #inbox .conversation {
  background: #fff !important;
  background-image: none !important;
}

body.member-mode #inbox .thread-list {
  border-right: 1px solid var(--bm-product-line) !important;
}

body.member-mode #inbox .thread {
  margin: 0 !important;
  border-radius: 0 !important;
  border-bottom: 1px solid #eef1f5 !important;
}

body.member-mode #inbox .thread:hover,
body.member-mode #inbox .thread.active {
  background: #fff !important;
  transform: none !important;
}

body.member-mode #inbox .thread.active {
  box-shadow: inset 3px 0 0 var(--bm-product-blue) !important;
}

body.member-mode #inbox .conversation > header,
body.member-mode #inbox .composer {
  border-color: var(--bm-product-line) !important;
}

body.member-mode #inbox .messages {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  min-height: 0 !important;
  padding: 24px 34px !important;
}

body.member-mode #inbox .member-conversation-retention,
body.member-mode #inbox .thread-source-chip,
body.member-mode #inbox .conversation-context,
body.member-mode #inbox .inbox-lane {
  background: #fff !important;
  box-shadow: none !important;
}

/* You: profile stays personal, settings become a simple account hierarchy. */
body.member-mode #profile .profile-hero-web {
  border: 1px solid var(--bm-product-line) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

body.member-mode #profile .member-profile-page-header .eyebrow {
  display: none !important;
}

body.member-mode #profile .member-profile-page-header > span {
  border-color: var(--bm-product-line) !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.member-mode #profile .member-profile-overview,
body.member-mode #profile .member-you-account-hub {
  border-color: var(--bm-product-line) !important;
  border-radius: 14px !important;
  background: #fff !important;
}

body.member-mode #profile .member-profile-overview > article,
body.member-mode #profile .member-you-settings-grid > article {
  background: #fff !important;
  box-shadow: none !important;
}

body.member-mode #profile .member-profile-overview > article:hover,
body.member-mode #profile .member-you-settings-grid > article:hover {
  background: #fff !important;
  transform: none !important;
  box-shadow: none !important;
}

body.member-mode #profile .member-you-membership {
  border: 1px solid var(--bm-product-blue) !important;
  border-radius: 14px !important;
  background: var(--bm-product-blue) !important;
  box-shadow: none !important;
}

@media (max-width: 820px) {
  body.member-mode #discover .member-meet-focus,
  body.member-mode #plans .member-plans-studio,
  body.member-mode #inbox .messenger,
  body.member-mode #profile .profile-hero-web,
  body.member-mode #profile .member-profile-overview,
  body.member-mode #profile .member-you-account-hub { border-radius: 12px !important; }

  body.member-mode #discover .member-meet-interest-panel ul { grid-template-columns: 1fr !important; }
  body.member-mode #discover .member-meet-primary-actions { grid-template-columns: 1fr 1fr !important; }
  body.member-mode #discover .member-meet-primary-sayhi { grid-column: 1 / -1 !important; }
  body.member-mode #plans .member-plan-mine { border-top: 1px solid var(--bm-product-line) !important; border-left: 0 !important; }
}

/* Final precedence for the source-matched Meet workspace. These selectors sit
   after legacy layers so the focused-profile geometry cannot regress. */
@media (min-width: 821px) {
  body.member-mode .view.redesign-discover#discover {
    width: min(calc(100% - 48px), 1488px) !important;
    max-width: 1488px !important;
  }

  body.member-mode #discover .member-discover-layout > .people-grid {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
  }

  body.member-mode #discover .member-meet-reference-layout {
    grid-template-columns: minmax(0, 1.17fr) minmax(540px, .83fr) !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-card-stage .live-person-card .portrait.member-meet-photo-field {
    height: 100% !important;
    min-height: 0 !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-card-stage .live-person-card .portrait.member-meet-photo-field > .discover-profile-image {
    height: 100% !important;
    min-height: 0 !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-profile-identity,
  body.member-mode #discover .member-meet-reference-layout .member-meet-profile-identity > div {
    display: block !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-profile-identity h2 {
    max-width: 100% !important;
    font-size: clamp(46px, 3.4vw, 62px) !important;
    white-space: nowrap !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-profile-identity p {
    position: static !important;
    width: auto !important;
  }

  body.member-mode #discover > .plans-heading,
  body.member-mode #discover > .plan-list {
    display: none !important;
  }

  body.member-mode #discover .member-meet-reference-layout .visitor-icon {
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
  }
}

@media (min-width: 821px) {
  body.member-mode #discover .member-meet-reference-layout .member-meet-photo-nav.previous .visitor-icon {
    transform: rotate(180deg) !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-photo-nav.next .visitor-icon {
    transform: none !important;
  }

  body.member-mode #discover .member-meet-filterbar .member-meet-filter-chevron {
    transform: rotate(90deg) !important;
  }
}

@media (min-width: 821px) {
  body.member-mode #discover .member-discovery-taskbar.member-meet-filterbar {
    display: grid !important;
    grid-template-columns: minmax(230px, .82fr) minmax(260px, 1fr) minmax(430px, 1.45fr) minmax(190px, .68fr) !important;
    min-height: 92px !important;
    padding: 0 !important;
  }

  body.member-mode #discover .member-meet-filterbar .member-meet-filter-choice {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    min-width: 0 !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 28px !important;
    border: 0 !important;
    border-right: 1px solid #e5eaf2 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #1b2b49 !important;
    font-size: 16px !important;
    font-weight: 560 !important;
    text-align: left !important;
  }

  body.member-mode #discover .member-meet-filterbar .member-meet-filter-choice:hover {
    background: #f8fbff !important;
  }

  body.member-mode #discover .member-meet-filterbar .member-meet-filter-choice.active {
    margin: 20px 32px !important;
    padding: 0 22px !important;
    border: 1px solid #dbe5f4 !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #1267ee !important;
  }

  body.member-mode #discover .member-meet-filterbar .member-meet-filter-choice > .visitor-icon {
    width: 24px !important;
    height: 24px !important;
    flex: 0 0 auto !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
  }

  body.member-mode #discover .member-meet-filterbar .member-meet-filter-chevron {
    width: 17px !important;
    height: 17px !important;
    margin-left: auto !important;
    transform: rotate(-90deg) !important;
  }

  body.member-mode #discover .member-meet-filterbar .member-meet-filter-preferences {
    gap: 16px !important;
  }

  body.member-mode #discover .member-meet-filterbar .member-meet-filter-preferences i {
    width: 4px !important;
    height: 4px !important;
    flex: 0 0 auto !important;
    border-radius: 50% !important;
    background: #7d899e !important;
  }

  body.member-mode #discover .member-meet-filterbar .member-meet-filter-open {
    border-right: 0 !important;
  }
}

/* Final Meet composition pass. Keep the dossier fully inside its panel at
   desktop widths; legacy centering made the profile name clip into the toolbar. */
@media (min-width: 821px) {
  body.member-mode #discover .member-meet-reference-layout .member-meet-profile-panel {
    justify-content: flex-start !important;
    padding: 36px 56px 28px !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-profile-identity {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 20px !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-profile-identity > div:first-child {
    display: block !important;
    min-width: 0 !important;
    max-width: calc(100% - 132px) !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-profile-identity h2 {
    font-size: clamp(44px, 3vw, 56px) !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-profile-controls {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 7px !important;
    flex: 0 0 auto !important;
    padding-top: 3px !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-person-navigation {
    display: inline-flex !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-person-navigation button {
    width: 36px !important;
    padding: 0 !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-person-navigation button span {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-profile-link {
    min-height: 36px !important;
    padding: 0 10px !important;
    font-size: 11px !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-profile-bio {
    margin-top: 21px !important;
    padding-top: 21px !important;
    font-size: clamp(19px, 1.25vw, 24px) !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-starter {
    margin-top: 15px !important;
    padding: 10px 12px !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-interest-panel {
    margin-top: 22px !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-interest-panel ul {
    margin-top: 13px !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-interest-tile {
    min-height: 148px !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-interest-tile > img {
    height: 68px !important;
    margin-bottom: 9px !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-interest-tile small {
    margin-top: 4px !important;
    font-size: 11px !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-availability {
    margin-top: 22px !important;
    padding-top: 0 !important;
  }

  body.member-mode #discover .member-meet-reference-layout .member-meet-availability > div {
    gap: 12px 22px !important;
    margin-top: 12px !important;
  }
}

/* Final You workspace precedence: compact identity above a single account-control surface. */
body.member-mode #profile.profile-view.active {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 22px !important;
}
body.member-mode #profile .member-profile-page-header {
  grid-column: 1 / -1 !important;
  grid-row: auto !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 2px 0 0 !important;
}
body.member-mode #profile .member-profile-page-header h1 {
  margin: 0 0 5px !important;
  font-size: clamp(28px, 2.4vw, 38px) !important;
  letter-spacing: -.05em !important;
  line-height: 1.04 !important;
}
body.member-mode #profile .member-profile-page-header > div > p:last-child {
  max-width: 66ch !important;
  font-size: 12px !important;
}
body.member-mode #profile .profile-hero-web {
  grid-column: 1 / -1 !important;
  grid-row: auto !important;
  display: grid !important;
  grid-template-columns: 88px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 20px !important;
  min-height: 0 !important;
  padding: 25px 28px !important;
  border-color: var(--bm-product-line) !important;
  border-radius: 14px !important;
  background: #fff !important;
}
body.member-mode #profile .profile-hero-web::before,
body.member-mode #profile .profile-hero-web::after { display: none !important; }
body.member-mode #profile .profile-hero-web:has(.profile-avatar.has-photo) .profile-avatar {
  display: inline-grid !important;
}
body.member-mode #profile .profile-hero-web .profile-avatar {
  width: 88px !important;
  height: 88px !important;
  margin: 0 !important;
  border: 1px solid var(--bm-product-line) !important;
  border-radius: 50% !important;
  background-color: #edf4ff !important;
  background-position: center !important;
  background-size: cover !important;
  color: #0a57d5 !important;
  font-size: 23px !important;
  box-shadow: none !important;
}
body.member-mode #profile .profile-hero-web h1 {
  margin: 4px 0 5px !important;
  color: #071b3e !important;
  font-size: clamp(28px, 3vw, 42px) !important;
  font-weight: 760 !important;
  letter-spacing: -.055em !important;
  line-height: 1.02 !important;
}
body.member-mode #profile .profile-hero-web > div > p:not(.eyebrow) {
  margin: 0 !important;
  color: #64748d !important;
  font-size: 13px !important;
}
body.member-mode #profile .profile-hero-web .profile-hero-meta {
  margin-top: 12px !important;
  gap: 7px !important;
}
body.member-mode #profile .profile-hero-web .profile-hero-meta span {
  padding: 6px 9px !important;
  border: 1px solid var(--bm-product-line) !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #315279 !important;
  font-size: 10px !important;
}
/* Replaced by the live action rows below; avoids duplicate account choices. */
body.member-mode #profile .member-profile-overview { display: none !important; }
body.member-mode #profile .member-you-account-hub {
  grid-column: 1 / -1 !important;
  margin-top: 0 !important;
  padding: 27px 28px !important;
  border: 1px solid var(--bm-product-line) !important;
  border-radius: 14px !important;
  background: #fff !important;
}
body.member-mode .member-you-account-hub > header {
  align-items: flex-start !important;
  padding-bottom: 18px !important;
  border-bottom: 1px solid var(--bm-product-line) !important;
}
body.member-mode .member-you-account-hub > header h2 {
  margin: 4px 0 5px !important;
  color: #071b3e !important;
  font-size: clamp(24px, 2.1vw, 31px) !important;
  font-weight: 760 !important;
  letter-spacing: -.045em !important;
}
body.member-mode .member-you-settings-grid {
  gap: 0 !important;
  border: 1px solid var(--bm-product-line) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}
body.member-mode .member-you-settings-grid > article {
  grid-template-columns: 38px minmax(0, 1fr) auto !important;
  align-items: center !important;
  min-height: 128px !important;
  padding: 19px 20px !important;
  border: 0 !important;
  border-right: 1px solid var(--bm-product-line) !important;
  border-bottom: 1px solid var(--bm-product-line) !important;
  border-radius: 0 !important;
  background: #fff !important;
}
body.member-mode .member-you-settings-grid > article:nth-child(2n) { border-right: 0 !important; }
body.member-mode .member-you-settings-grid > article:nth-last-child(-n + 2) { border-bottom: 0 !important; }
body.member-mode .member-you-settings-grid > article::after { display: none !important; }
body.member-mode .member-you-setting-mark {
  width: 38px !important;
  height: 38px !important;
  border: 1px solid #cfe0fb !important;
  border-radius: 10px !important;
  background: #f3f7ff !important;
}
body.member-mode .member-you-settings-grid h3 { margin: 4px 0 3px !important; font-size: 15px !important; }
body.member-mode .member-you-setting-actions {
  grid-column: auto !important;
  align-self: center !important;
  justify-content: flex-end !important;
}
body.member-mode .member-you-setting-actions button {
  min-height: 34px !important;
  border-color: var(--bm-product-line) !important;
  border-radius: 9px !important;
  background: #fff !important;
  color: #0a57d5 !important;
}
body.member-mode .member-you-membership {
  margin-top: 2px !important;
  padding: 23px 24px !important;
  border-radius: 12px !important;
  background: var(--bm-product-blue) !important;
}
@media (max-width: 820px) {
  body.member-mode #profile .member-profile-page-header > span { width: auto !important; }
  body.member-mode #profile .profile-hero-web {
    grid-template-columns: 64px minmax(0, 1fr) !important;
    gap: 15px !important;
    padding: 20px !important;
  }
  body.member-mode #profile .profile-hero-web .profile-avatar {
    width: 64px !important;
    height: 64px !important;
    font-size: 18px !important;
  }
  body.member-mode #profile .member-you-account-hub { padding: 20px !important; }
  body.member-mode .member-you-settings-grid { grid-template-columns: 1fr !important; }
  body.member-mode .member-you-settings-grid > article,
  body.member-mode .member-you-settings-grid > article:nth-child(2n),
  body.member-mode .member-you-settings-grid > article:nth-last-child(-n + 2) {
    grid-template-columns: 38px minmax(0, 1fr) !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--bm-product-line) !important;
  }
  body.member-mode .member-you-settings-grid > article:last-child { border-bottom: 0 !important; }
  body.member-mode .member-you-setting-actions { grid-column: 2 !important; justify-content: flex-start !important; }
}

/* Final mobile authority: keep Plans rows inside the viewport. */
@media (max-width: 820px) {
  body.member-mode #plans .member-plan-studio-row {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    grid-template-columns: 88px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    gap: 8px 12px !important;
    align-items: start !important;
    overflow: hidden !important;
  }
  body.member-mode #plans .member-plan-studio-media {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    width: 88px !important;
    height: 84px !important;
    border-radius: 12px !important;
  }
  body.member-mode #plans .member-plan-studio-copy {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }
  body.member-mode #plans .member-plan-studio-attendance { display: none !important; }
  body.member-mode #plans .member-plan-studio-action {
    grid-column: 2 !important;
    grid-row: 2 !important;
    justify-self: start !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 7px 12px !important;
    white-space: nowrap !important;
  }
}
/* Final mobile authority: Circle cards use one readable mobile row. */
@media (max-width: 820px) {
  body.member-mode #tools.member-circle-reference-layout #circle-list > article.member-circle-room-card {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
    padding: 10px 0 !important;
  }
  body.member-mode #tools.member-circle-reference-layout .member-circle-room-select {
    width: 100% !important;
    min-width: 0 !important;
    grid-template-columns: 112px minmax(0, 1fr) !important;
    min-height: 104px !important;
  }
  body.member-mode #tools.member-circle-reference-layout .member-circle-room-media {
    width: 112px !important;
    min-width: 112px !important;
    min-height: 104px !important;
    height: 104px !important;
    border-radius: 10px !important;
  }
  body.member-mode #tools.member-circle-reference-layout .member-circle-room-body {
    min-width: 0 !important;
    padding: 4px 12px !important;
    overflow: hidden !important;
  }
  body.member-mode #tools.member-circle-reference-layout .member-circle-room-body strong,
  body.member-mode #tools.member-circle-reference-layout .member-circle-room-body small,
  body.member-mode #tools.member-circle-reference-layout .member-circle-room-body em,
  body.member-mode #tools.member-circle-reference-layout .member-circle-room-status {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  body.member-mode #tools.member-circle-reference-layout .circle-card-actions {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    grid-column: 1 !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    padding-top: 8px !important;
  }
}


/* Footer refinement: keep essential policy access visible without turning the
   product shell into a flat list of equally weighted links. */
.public-policy-links {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px 24px !important;
  width: min(calc(100% - 48px), 1120px) !important;
  margin: 12px auto max(18px, env(safe-area-inset-bottom)) !important;
  padding: 14px 0 !important;
  border-top: 1px solid var(--bm-color-line, #e4e9f4) !important;
  background: transparent !important;
  backdrop-filter: none !important;
}
.policy-links-primary {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 4px 18px !important;
  min-width: 0 !important;
}
.policy-links-primary a {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 32px !important;
  color: var(--bm-color-ink, #0e1a3a) !important;
  font: 700 12px/1.35 'DM Sans', sans-serif !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}
.policy-links-primary a:hover,
.policy-links-primary a:focus-visible { color: var(--bm-blue, #2455d6) !important; }
.meet-guest-trust a {
  color: var(--bm-blue, #2455d6) !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  text-decoration: none !important;
}
.meet-guest-trust a:hover,
.meet-guest-trust a:focus-visible { text-decoration: underline !important; }
@media (max-width: 820px) {
  .public-policy-links {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    width: calc(100% - 32px) !important;
    margin: 10px auto 0 !important;
    padding: 12px 0 calc(16px + env(safe-area-inset-bottom)) !important;
    gap: 4px !important;
  }
  .policy-links-primary { justify-content: center !important; gap: 2px 16px !important; }
  .policy-links-primary a { min-height: 34px !important; font-size: 12px !important; }
}