.console-mobile-navigation { display: none; }
.console-mobile-sheet { width: min(100%, 560px); max-width: 100%; max-height: 88vh; max-height: 88dvh; margin: auto auto 0; padding: 0 20px max(20px, env(safe-area-inset-bottom)); border: 0; border-radius: 24px 24px 0 0; color: var(--console-ink); background: #fff; box-shadow: 0 -12px 48px #24283a18; }
.console-mobile-sheet:not([open]) { display: none; }
.console-mobile-sheet::backdrop { background: #171c35a6; }
.console-mobile-sheet-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 0 12px; }
.console-mobile-sheet-header h2 { margin: 0; font-size: 18px; }
.console-mobile-sheet-close { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: #f1f3f8; color: var(--console-muted); font: 26px/1 sans-serif; cursor: pointer; }
.console-mobile-account-sheet .console-account-links { position: static; width: 100%; min-width: 0; max-width: none; max-height: none; padding: 0; border: 0; border-radius: 0; box-shadow: none; }
.console-mobile-account-sheet .console-account-links a { min-height: 48px; }
html:has(.console-mobile-sheet[open]) { overflow: hidden; }
@media (max-width: 959px) {
  .console-with-mobile-navigation { padding-bottom: calc(72px + env(safe-area-inset-bottom)); }
  .console-header { position: sticky; top: 0; z-index: 30; background: #fff; }
  .console-header-inner { min-height: 64px; padding: 8px 18px; flex-wrap: nowrap; gap: 12px; }
  .console-brand { gap: 9px; font-size: 16px; white-space: nowrap; }
  .console-brand > span:last-child { display: inline; }
  .console-brand-mark { width: 31px; height: 31px; border-radius: 9px; font-size: 25px; }
  .console-navigation, .console-header-actions > .console-legacy { display: none; }
  .console-header-actions { gap: 10px; }
  .console-account-menu > summary { min-width: 44px; justify-content: center; }
  .console-account-menu > summary::after, .console-account-name, .console-vip-badge { display: none; }
  .console-avatar { width: 32px; height: 32px; flex-basis: 32px; }
  .console-membership-menu { position: static; }
  .console-membership-popover { position: fixed; top: 72px; left: 16px; right: 16px; width: auto; max-width: 420px; margin-left: auto; max-height: calc(100dvh - 170px); }
  .console-main { padding: 24px 18px 32px; min-height: calc(100dvh - 240px); }
  .console-footer { padding: 16px 18px 24px; }
  .console-footer-brand { display: none; }
  .console-footer nav { gap: 6px 18px; }
  .console-mobile-navigation { position: fixed; z-index: 40; inset: auto 0 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; padding: 6px 12px calc(6px + env(safe-area-inset-bottom)); border-top: 1px solid #e8ebf2; background: #fff; box-shadow: 0 -4px 20px #24283a06; }
  .console-mobile-navigation-link { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; min-height: 54px; border-radius: 14px; font-size: 11px; color: #808698 !important; }
  .console-mobile-navigation-link svg { width: 22px; height: 22px; }
  .console-mobile-navigation-link.is-current { background: #eef2ff; color: #405bc7 !important; font-weight: 650; }
}
@media (max-width: 959px) {
  .console .console-header-actions > a.console-legacy { display: none; }
}