.dashboard-mobile-nav{display:none}
@media(max-width:991.98px){
  .dashboard-mobile-nav{position:fixed!important;z-index:1100!important;inset-inline:max(12px,calc((100vw - 520px)/2));bottom:calc(10px + env(safe-area-inset-bottom));display:grid!important;grid-template-columns:repeat(var(--dashboard-mobile-nav-count,6),minmax(0,1fr));align-items:center;height:58px;padding:5px 7px;box-sizing:border-box;background:var(--gl-surface-bg);border:1px solid var(--gl-border,rgba(23,32,51,.12));border-radius:22px;box-shadow:0 8px 28px rgba(15,23,42,.2),0 2px 8px rgba(15,23,42,.08)}
  .dashboard-mobile-nav a{position:relative;display:grid;place-items:center;min-width:0;min-height:46px;border-radius:16px;color:var(--gl-text-primary);font-size:1.32rem;text-decoration:none;transition:background-color .2s,color .2s,transform .2s}
  .dashboard-mobile-nav a.active{color:var(--primary-color,#3478d4);background:color-mix(in srgb,var(--primary-color,#3478d4) 15%,transparent)}
  .dashboard-mobile-nav a:active{transform:scale(.92)}
  .dashboard-mobile-nav a.is-plan-locked{color:var(--gl-text-muted,var(--gl-text-secondary));opacity:.62}
  .dashboard-mobile-nav a:focus-visible{outline:2px solid var(--primary-color,#3478d4);outline-offset:2px}
  .dashboard-mobile-nav-avatar{display:block;width:31px;height:31px;box-sizing:border-box;border:2px solid color-mix(in srgb,var(--gl-text-muted) 28%,transparent);border-radius:50%;object-fit:cover;transition:border-color .2s,transform .2s}
  .dashboard-mobile-nav a.active .dashboard-mobile-nav-avatar{border-color:var(--primary-color,#3478d4);transform:scale(1.05)}
  .dashboard-mobile-nav-lock{position:absolute;inset-block-start:3px;inset-inline-end:calc(50% - 20px);display:grid;width:15px;height:15px;place-items:center;border:2px solid var(--gl-surface-bg);border-radius:50%;background:var(--primary-color,#3478d4);color:#fff;font-size:.5rem;box-shadow:0 2px 6px rgba(15,23,42,.2)}
  .dashboard-mobile-nav-lock i{font-size:.48rem;line-height:1}
}