/* MBN V9 account approval overrides */
.member-header { box-shadow:0 7px 24px rgba(17,20,22,.025); }
.member-sidebar__support .telegram-link { margin-top:8px; }
.member-wallet-security { margin-top:18px; padding:18px; border:1px solid #d8d4c9; background:#fbfaf6; }
.member-wallet-security__state { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; }
.member-wallet-security__state span { color:#7d786d; font-size:10px; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.member-wallet-security__state b { display:block; margin-top:6px; font-size:14px; }
.member-wallet-security p { margin-top:12px; color:#77736b; font-size:12px; line-height:1.5; }
.member-wallet-security button { min-height:40px; padding:0 14px; border:1px solid #1a1a1a; background:#1a1a1a; color:#fff; font-size:11px; font-weight:800; white-space:nowrap; }
.member-demo-controls { display:flex; align-items:center; flex-wrap:wrap; gap:8px; padding:12px 16px; border:1px dashed #cbc7bb; background:#fffdf7; }
.member-demo-controls span { color:#837f75; font-size:9px; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
.member-demo-controls button { min-height:32px; padding:0 11px; border:1px solid #d5d1c6; background:#fff; font-size:10px; font-weight:800; }
.member-demo-controls button.is-active { background:#171717; color:#fff; border-color:#171717; }
.member-benefit-grid .member-benefit-card { min-height:220px; }
.member-benefit-card__source { display:block; margin-top:18px; color:#9b978d; font-size:9px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.member-group-selector { display:flex; gap:7px; flex-wrap:wrap; margin-bottom:18px; }
.member-group-selector button { min-height:34px; padding:0 12px; border:1px solid #d9d5ca; background:#fff; color:#555; font-size:10px; font-weight:800; }
.member-group-selector button.is-active { background:#171717; border-color:#171717; color:#fff; }
.member-wallet-row.is-locked input { background:#efede7; color:#777; cursor:not-allowed; }
.member-wallet-lock { display:none; align-items:center; gap:8px; margin-top:8px; color:#6f6a61; font-size:10px; font-weight:800; }
.member-wallet-row.is-locked .member-wallet-lock { display:flex; }
.member-login-proof { margin-top:22px; padding:18px; border:1px solid #d9d5ca; background:#fffdf8; }
.member-login-proof span { color:#8e897f; font-size:9px; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
.member-login-proof p { margin-top:8px; color:#69655e; font-size:12px; line-height:1.55; }
.member-status-detail { grid-template-columns:repeat(4,minmax(0,1fr)); }
.member-tier-card__current { display:none; }
.member-tier-card[data-current="true"] .member-tier-card__current { display:block; }
@media (max-width:900px) { .member-status-detail { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:640px) { .member-status-detail { grid-template-columns:1fr; } }

.telegram-link.telegram-contact { display:inline-flex; align-items:center; gap:7px; width:max-content; max-width:100%; white-space:nowrap; line-height:1; }
.telegram-contact__icon { flex:0 0 20px; width:20px; height:20px; }
.telegram-contact__label { font-size:11px; font-weight:600; color:var(--member-muted); }
.telegram-contact b { font-size:12px; font-weight:800; }

/* R8 strict account regression: preserve 8.7.32 cabinet layout; additions only for V9 requirements. */
.member-login-proof { margin:18px 0 0; padding:14px 16px; border:1px solid #ddd9cf; background:#fbfaf6; }
.member-login-proof span { color:#817d73; font-size:9px; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.member-login-proof p { margin-top:7px; color:#69655e; font-size:11px; line-height:1.5; }
.member-login-methods button { transform:none!important; }
.member-login-methods button:hover,.member-login-methods button:focus-visible { transform:none!important; }
.member-qr-placeholder { display:grid; place-items:center; width:100%; height:100%; color:#181818; font-size:17px; font-weight:900; line-height:1.05; letter-spacing:.12em; text-align:center; }
.member-group-selector { margin:0 0 18px; }
.member-wallet-security { border-radius:0; }
@media (max-width:620px) {
  .member-login-proof { padding:13px 14px; }
}


/* R10 STRICT PATCH — fix footer telegram duplication, preserve clean rectilinear cabinet UI. */
.telegram-contact__handle { font-size:12px; font-weight:700; color:inherit; letter-spacing:-.012em; line-height:1; }
.telegram-contact__label { display:none !important; }
.telegram-contact b { display:none; }
.member-login-footer nav { align-items:center; gap:26px; }
.member-login-footer .telegram-link.telegram-contact { gap:10px; }
.member-login-header > div > a,
.member-header__club { letter-spacing:-.01em; }
.member-login-intro h1,
.member-login-card h2 { font-kerning:normal; font-feature-settings:"kern" 1; text-rendering:optimizeLegibility; letter-spacing:-.045em; }
.member-login-card,
.member-wallet-security,
.member-login-proof,
.member-demo-controls,
.member-group-selector button,
.member-login-methods button { border-radius:0; }

/* MBN V9.0.15 - mobile cabinet navigation flush to viewport edges. */
@media (max-width:900px) {
  .member-mobile-nav {
    right:0;
    bottom:0;
    left:0;
    width:100%;
    grid-template-columns:repeat(5,minmax(0,1fr));
    padding-bottom:env(safe-area-inset-bottom);
    border-right:0;
    border-bottom:0;
    border-left:0;
  }
}

/* MBN V9.0.16 - mobile-only cabinet/footer and login method corrections. */
@media (max-width:900px) {
  /* Keep the fixed navigation flush to the viewport while reserving its height
     inside the dark member footer instead of a white external margin. */
  .member-footer {
    margin-bottom:0;
    padding-bottom:calc(18px + 58px + env(safe-area-inset-bottom));
  }
}

@media (max-width:1024px) {
  /* Mobile/tablet authentication only: keep the existing injected-Phantom
     option visible, keep the native iOS/Android app option, and hide QR login.
     Desktop rules remain unchanged. */
  .member-login-methods [data-phantom-connect] { display:grid !important; }
  .member-login-methods [data-phantom-qr] { display:none !important; }
}
@media (min-width:621px) and (max-width:1024px) {
  .member-login-methods { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* MBN V9.0.20 - account mobile language dropdown must open downward.
   account.css <=720px uses position:fixed; inside the sticky/backdrop-filter
   member header that can create a containing block and push the panel upward.
   Restore an anchored dropdown below the trigger and constrain it to viewport. */
@media (max-width:720px) {
  .member-app .language-menu--member .language-menu__panel {
    position:absolute;
    top:calc(100% + 8px);
    right:0;
    bottom:auto;
    left:auto;
    width:min(316px, calc(100vw - 24px));
    max-height:calc(100dvh - var(--member-header) - 20px - env(safe-area-inset-bottom));
    overflow-y:auto;
    overscroll-behavior:contain;
  }
  html[dir="rtl"] .member-app .language-menu--member .language-menu__panel {
    right:auto;
    left:0;
  }
}

/* MBN V9.0.21 - keep the member language panel fully inside narrow phones.
   On <=620px the language trigger sits immediately before the 36px avatar
   with a 12px tools gap. Shift only this panel by that exact 48px so its
   right edge aligns with the header content edge instead of extending left
   beyond the viewport. Login header and larger breakpoints are untouched. */
@media (max-width:620px) {
  .member-app .member-header .language-menu--member .language-menu__panel {
    right:-48px;
    left:auto;
    width:min(316px, calc(100vw - 32px));
  }
  html[dir="rtl"] .member-app .member-header .language-menu--member .language-menu__panel {
    right:auto;
    left:-48px;
  }
}


/* MBN V9.0.28 - profile-free member cabinet. Wallet in the sidebar is informational, not a profile control. */
.member-sidebar__wallet {
  display:grid;
  width:100%;
  margin-top:16px;
  text-align:left;
}
.member-sidebar__wallet span { color:var(--member-muted); font-size:11px; }
.member-sidebar__wallet code {
  margin-top:5px;
  overflow:hidden;
  color:var(--member-ink);
  font-family:inherit;
  font-size:12px;
  font-weight:700;
  text-overflow:ellipsis;
}

/* With the profile/avatar control removed, the language trigger already sits on the header content edge. */
@media (max-width:620px) {
  .member-app .member-header .language-menu--member .language-menu__panel {
    right:0;
    left:auto;
    width:min(316px, calc(100vw - 32px));
  }
  html[dir="rtl"] .member-app .member-header .language-menu--member .language-menu__panel {
    right:auto;
    left:0;
  }
}


/* MBN v9.0.32 — member contacts, visibility is enforced server-side by status group. */
.member-contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--member-line,#dedbd2);border:1px solid var(--member-line,#dedbd2);}
.member-contact-grid > .member-empty{grid-column:1/-1;}
.member-contact-card{min-width:0;padding:24px;background:#fff;}
.member-contact-card__tier{display:block;color:var(--member-muted);font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;}
.member-contact-card h3{margin:18px 0 0;font-size:20px;line-height:1.16;letter-spacing:-.02em;}
.member-contact-card__meta{margin-top:9px;color:var(--member-muted);font-size:12px;line-height:1.5;}
.member-contact-card__links{display:grid;gap:8px;margin-top:22px;}
.member-contact-card__links a,.member-contact-card__links span{overflow:hidden;color:var(--member-ink);font-size:12px;font-weight:700;line-height:1.35;text-decoration:none;text-overflow:ellipsis;}
@media (max-width:1100px){.member-contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:640px){.member-contact-grid{grid-template-columns:1fr;}.member-contact-card{padding:20px;}}


/* MBN v9.0.35 — member pagebar hierarchy and spacing. */
.member-pagebar > div:first-child {
  min-width: 0;
  padding: 8px 0 10px;
}
.member-pagebar__eyebrow {
  display: block;
  margin-bottom: 10px;
}
.member-pagebar h1 {
  max-width: none;
  margin: 0;
  font-size: 40px;
  line-height: 1.08;
  letter-spacing: -.035em;
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}
@media (max-width: 1100px) {
  .member-pagebar h1 { font-size: 36px; }
}
@media (max-width: 900px) {
  .member-pagebar > div:first-child { padding-block: 6px 8px; }
  .member-pagebar h1 { font-size: 34px; }
}
@media (max-width: 620px) {
  .member-pagebar { gap: 16px; }
  .member-pagebar > div:first-child { width: 100%; padding: 2px 0 6px; }
  .member-pagebar__eyebrow { display: block; margin-bottom: 7px; font-size: 9px; line-height: 1.35; }
  .member-pagebar h1 {
    font-size: clamp(25px, 8vw, 30px);
    line-height: 1.08;
    white-space: normal;
    text-wrap: balance;
  }
}