/* V911 — compact profile-first hamburger menu */
@media (max-width:900px){
  #mobileMenuDrawerV301.mobile-menu-drawer-v301{
    width:min(92vw,368px)!important;
    max-width:368px!important;
    padding:0 0 max(18px,env(safe-area-inset-bottom))!important;
    background:linear-gradient(180deg,#f7faff 0%,#fff 28%,#fff 100%)!important;
    border-right:1px solid #dce7f6!important;
    box-shadow:18px 0 48px rgba(15,23,42,.20)!important;
    overflow-x:hidden!important;
  }
  #mobileMenuDrawerV301 .mobile-menu-head-v301{
    min-height:78px!important;
    padding:16px 18px 12px!important;
    background:rgba(255,255,255,.94)!important;
    backdrop-filter:blur(16px)!important;
    border-bottom:1px solid #e7eef8!important;
  }
  #mobileMenuDrawerV301 .mobile-menu-brand-v301{
    font-size:22px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:-.5px!important;
    color:#2468ee!important;
  }
  #mobileMenuDrawerV301 .mobile-menu-head-v301>button{
    width:42px!important;height:42px!important;
    border-radius:14px!important;
    border:1px solid #dce6f3!important;
    background:#fff!important;color:#64748b!important;
    box-shadow:0 8px 20px rgba(15,23,42,.07)!important;
    font-size:20px!important;
  }

  #mobileMenuDrawerV301 .mobile-menu-account-v911{
    margin:14px 14px 12px!important;
    padding:14px!important;
    border-radius:22px!important;
    background:linear-gradient(135deg,#2b73ee 0%,#438df5 57%,#5aa2ff 100%)!important;
    color:#fff!important;
    box-shadow:0 16px 34px rgba(37,99,235,.22)!important;
    position:relative!important;
    overflow:hidden!important;
  }
  #mobileMenuDrawerV301 .mobile-menu-account-v911::after{
    content:'';position:absolute;right:-42px;top:-58px;width:150px;height:150px;border-radius:50%;
    border:24px solid rgba(255,255,255,.07);pointer-events:none;
  }
  #mobileMenuDrawerV301 .mobile-menu-account-top-v911{
    position:relative;z-index:1;display:flex;align-items:center;gap:11px;min-width:0;
  }
  #mobileMenuDrawerV301 .mobile-menu-avatar-v911{
    width:52px!important;height:52px!important;flex:0 0 52px!important;border-radius:17px!important;
    display:grid!important;place-items:center!important;
    background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.34)!important;
    color:#fff!important;font-size:24px!important;font-weight:900!important;box-shadow:none!important;
  }
  #mobileMenuDrawerV301 .mobile-menu-account-copy-v911{min-width:0;flex:1;position:relative;z-index:1}
  #mobileMenuDrawerV301 .mobile-menu-account-name-row-v911{display:flex;align-items:center;gap:7px;min-width:0}
  #mobileMenuDrawerV301 #drawerNameV301{
    display:block!important;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
    font-size:18px!important;line-height:1.25!important;color:#fff!important;font-weight:900!important;
  }
  #mobileMenuDrawerV301 .mobile-menu-member-badge-v911{
    flex:0 0 auto;max-width:86px;padding:4px 7px;border-radius:999px;
    background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.24);
    color:#fff;font-size:8.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  }
  #mobileMenuDrawerV301 .mobile-menu-account-email-v911{
    display:block;margin-top:4px;color:rgba(255,255,255,.82);font-size:10px;font-weight:600;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  }
  #mobileMenuDrawerV301 .mobile-menu-account-stats-v911{
    position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;
  }
  #mobileMenuDrawerV301 .mobile-menu-account-stat-v911{
    min-width:0;display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:15px;
    background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);
  }
  #mobileMenuDrawerV301 .mobile-menu-account-stat-icon-v911{
    width:29px;height:29px;flex:0 0 29px;border-radius:10px;display:grid;place-items:center;
    background:rgba(255,255,255,.16);color:#fff;
  }
  #mobileMenuDrawerV301 .mobile-menu-account-stat-icon-v911 svg{
    width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
  }
  #mobileMenuDrawerV301 .mobile-menu-account-stat-icon-v911.points svg path{fill:rgba(255,255,255,.14)}
  #mobileMenuDrawerV301 .mobile-menu-account-stat-v911>span:last-child{min-width:0;display:block}
  #mobileMenuDrawerV301 .mobile-menu-account-stat-v911 small{
    display:block;color:rgba(255,255,255,.76);font-size:8.5px;font-weight:700;line-height:1.2;white-space:nowrap;
  }
  #mobileMenuDrawerV301 .mobile-menu-account-stat-v911 strong{
    display:block;margin-top:2px;color:#fff;font-size:16px;font-weight:900;line-height:1.15;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  }

  #mobileMenuDrawerV301 .mobile-menu-list-v456{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;padding:0 14px 8px!important;
  }
  #mobileMenuDrawerV301 .mobile-menu-section-label-v428{
    grid-column:1/-1!important;margin:7px 0 0!important;padding:0 3px 3px!important;
    color:#64748b!important;font-size:10px!important;font-weight:900!important;letter-spacing:.15px!important;
  }
  #mobileMenuDrawerV301 .mobile-menu-list-v456 button,
  #mobileMenuDrawerV301 .mobile-admin-profile-button-v429{
    min-height:92px!important;padding:11px 10px 10px!important;border-radius:17px!important;
    border:1px solid #dce6f3!important;background:#fff!important;
    box-shadow:0 7px 18px rgba(15,23,42,.045)!important;
    display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;
    gap:4px!important;text-align:left!important;position:relative!important;overflow:hidden!important;
    transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,background .14s ease!important;
  }
  #mobileMenuDrawerV301 .mobile-menu-list-v456 button[hidden],
  #mobileMenuDrawerV301 .mobile-admin-profile-button-v429[hidden]{display:none!important}
  #mobileMenuDrawerV301 .mobile-menu-list-v456 button>span,
  #mobileMenuDrawerV301 .mobile-admin-profile-button-v429>span{
    width:35px!important;height:35px!important;flex:0 0 35px!important;border-radius:11px!important;
    display:grid!important;place-items:center!important;background:#f3f7ff!important;border:1px solid #dce8fb!important;
    color:#2563eb!important;
  }
  #mobileMenuDrawerV301 .mobile-menu-list-v456 button>span svg,
  #mobileMenuDrawerV301 .mobile-admin-profile-button-v429>span svg{width:17px!important;height:17px!important}
  #mobileMenuDrawerV301 .mobile-menu-list-v456 button>b,
  #mobileMenuDrawerV301 .mobile-admin-profile-button-v429>b{
    display:block!important;width:100%!important;margin:2px 0 0!important;color:#14233b!important;
    font-size:12.5px!important;line-height:1.22!important;font-weight:900!important;
  }
  #mobileMenuDrawerV301 .mobile-menu-list-v456 button>small,
  #mobileMenuDrawerV301 .mobile-admin-profile-button-v429>small{
    display:block!important;width:100%!important;color:#8492a6!important;font-size:8.5px!important;
    line-height:1.32!important;font-weight:600!important;overflow-wrap:anywhere!important;
  }
  #mobileMenuDrawerV301 .mobile-menu-list-v456 button>i,
  #mobileMenuDrawerV301 .mobile-admin-profile-button-v429>i{display:none!important}
  #mobileMenuDrawerV301 .mobile-menu-list-v456 button::after,
  #mobileMenuDrawerV301 .mobile-admin-profile-button-v429::after{
    content:''!important;position:absolute!important;left:10px!important;right:10px!important;bottom:0!important;
    width:auto!important;height:3px!important;border-radius:3px 3px 0 0!important;
    background:#2f7cf4!important;opacity:0!important;
  }
  #mobileMenuDrawerV301 .mobile-menu-list-v456 button.active,
  #mobileMenuDrawerV301 .mobile-admin-profile-button-v429.active{
    border-color:#bcd5ff!important;background:linear-gradient(180deg,#f1f6ff,#fff)!important;
    box-shadow:0 9px 20px rgba(37,99,235,.09)!important;transform:none!important;
  }
  #mobileMenuDrawerV301 .mobile-menu-list-v456 button.active::after,
  #mobileMenuDrawerV301 .mobile-admin-profile-button-v429.active::after{opacity:1!important}
  #mobileMenuDrawerV301 .mobile-menu-list-v456 button.active>span,
  #mobileMenuDrawerV301 .mobile-admin-profile-button-v429.active>span{
    background:#2d73ec!important;color:#fff!important;border-color:#2d73ec!important;
  }
  #mobileMenuDrawerV301 .mobile-admin-profile-label-v429{margin-top:8px!important}
  #mobileMenuDrawerV301 .mobile-admin-profile-buttons-v429{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
}

@media (max-width:370px){
  #mobileMenuDrawerV301.mobile-menu-drawer-v301{width:min(94vw,338px)!important;max-width:338px!important}
  #mobileMenuDrawerV301 .mobile-menu-account-v911{margin-left:11px!important;margin-right:11px!important;padding:12px!important}
  #mobileMenuDrawerV301 .mobile-menu-list-v456{padding-left:11px!important;padding-right:11px!important;gap:7px!important}
  #mobileMenuDrawerV301 .mobile-menu-list-v456 button,
  #mobileMenuDrawerV301 .mobile-admin-profile-button-v429{min-height:88px!important;padding:10px 9px 9px!important}
  #mobileMenuDrawerV301 .mobile-menu-account-stat-v911{padding:8px!important;gap:6px!important}
  #mobileMenuDrawerV301 .mobile-menu-account-stat-v911 strong{font-size:14px!important}
}
