/* ONIX v7.1 — final mobile navigation + public header stabilization */
@media (max-width: 760px){
  html,body{max-width:100%;overflow-x:hidden!important}

  /* ---------- DASHBOARD MOBILE ---------- */
  body.dashboard-body .dashboard-sidebar{display:none!important}
  body.dashboard-body .dashboard-main{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding-bottom:calc(92px + env(safe-area-inset-bottom))!important;
  }

  .onix-mobile-dock{
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    bottom:calc(8px + env(safe-area-inset-bottom))!important;
    z-index:2147483000!important;
    height:68px!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:4px!important;
    padding:6px!important;
    border-radius:22px!important;
    background:rgba(5,9,15,.96)!important;
    border:1px solid rgba(110,168,255,.30)!important;
    box-shadow:0 18px 50px rgba(0,0,0,.58)!important;
    backdrop-filter:blur(24px) saturate(145%)!important;
    -webkit-backdrop-filter:blur(24px) saturate(145%)!important;
    transform:none!important;
    contain:layout paint style;
  }
  .onix-mobile-dock button{
    appearance:none!important;
    border:0!important;
    background:transparent!important;
    color:#b8c2d3!important;
    border-radius:15px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    min-width:0!important;
    padding:5px 2px!important;
    font:inherit!important;
    cursor:pointer!important;
  }
  .onix-mobile-dock button svg{width:20px!important;height:20px!important;stroke-width:1.9!important}
  .onix-mobile-dock button span{font-size:8.7px!important;line-height:1!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}
  .onix-mobile-dock button.active{background:rgba(99,160,255,.15)!important;color:#6ea8ff!important}
  body.dashboard-body.theme-gold .onix-mobile-dock{border-color:rgba(226,189,91,.34)!important;background:rgba(15,12,6,.96)!important}
  body.dashboard-body.theme-gold .onix-mobile-dock button.active{color:#e2bd5b!important;background:rgba(226,189,91,.14)!important}
  body.dashboard-body.theme-pearl .onix-mobile-dock{background:rgba(255,255,255,.97)!important;border-color:rgba(17,24,39,.15)!important}
  body.dashboard-body.theme-pearl .onix-mobile-dock button{color:#667085!important}
  body.dashboard-body.theme-pearl .onix-mobile-dock button.active{color:#111318!important;background:#e9edf2!important}

  /* ---------- PUBLIC INDEX MOBILE ---------- */
  body.public-index-v23 .public-header{
    position:sticky!important;
    top:calc(6px + env(safe-area-inset-top))!important;
    z-index:9000!important;
    width:calc(100% - 16px)!important;
    height:60px!important;
    min-height:60px!important;
    margin:8px!important;
    padding:7px 9px!important;
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) 44px!important;
    align-items:center!important;
    gap:8px!important;
    border-radius:18px!important;
    overflow:visible!important;
    background:rgba(4,7,11,.92)!important;
    border:1px solid rgba(255,255,255,.10)!important;
    box-shadow:0 12px 36px rgba(0,0,0,.35)!important;
    backdrop-filter:blur(20px)!important;
    -webkit-backdrop-filter:blur(20px)!important;
  }
  body.public-index-v23 .public-menu-button{
    grid-column:1!important;
    grid-row:1!important;
    width:42px!important;
    height:42px!important;
    margin:0!important;
    border-radius:13px!important;
    display:grid!important;
    place-items:center!important;
  }
  body.public-index-v23 .public-brand{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:center!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:0!important;
    margin:0!important;
  }
  body.public-index-v23 .public-brand img{
    width:38px!important;
    height:38px!important;
    object-fit:contain!important;
    margin:0!important;
  }
  body.public-index-v23 .public-brand span{display:none!important}
  body.public-index-v23 .public-header-support{
    grid-column:3!important;
    grid-row:1!important;
    justify-self:end!important;
    width:42px!important;
    height:42px!important;
    display:grid!important;
    place-items:center!important;
    margin:0!important;
    border-radius:13px!important;
  }
  body.public-index-v23 .public-header-actions,
  body.public-index-v23 .public-user-menu{display:none!important}
  body.public-index-v23 .public-nav{
    position:absolute!important;
    top:68px!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    max-height:min(72dvh,520px)!important;
    overflow:auto!important;
    padding:10px!important;
    margin:0!important;
    border-radius:18px!important;
    background:rgba(5,8,13,.98)!important;
    border:1px solid rgba(255,255,255,.10)!important;
    box-shadow:0 20px 55px rgba(0,0,0,.5)!important;
    backdrop-filter:blur(24px)!important;
    -webkit-backdrop-filter:blur(24px)!important;
  }
  body.public-index-v23 .public-nav:not(.open){display:none!important}
  body.public-index-v23 .public-nav.open{display:grid!important;grid-template-columns:1fr!important;gap:5px!important}
  body.public-index-v23 .public-nav a{
    display:flex!important;
    align-items:center!important;
    min-height:44px!important;
    padding:10px 12px!important;
    border-radius:12px!important;
    font-size:13px!important;
    text-align:left!important;
  }
  body.public-index-v23 main{padding-top:2px!important}
  body.public-index-v23 .public-hero{padding-top:22px!important}
}

/* v7.2 — menú completo del Index móvil */
@media (max-width:760px){
  body.public-index-v23.public-menu-open .public-nav{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:5px!important;
  }
  body.public-index-v23:not(.public-menu-open) .public-nav{
    display:none!important;
  }
  body.public-index-v23 .public-nav a{
    gap:11px!important;
    color:#dce5f3!important;
    border:1px solid transparent!important;
    transition:background .18s ease,border-color .18s ease,color .18s ease!important;
  }
  body.public-index-v23 .public-nav a svg{
    width:18px!important;
    height:18px!important;
    flex:0 0 18px!important;
    color:#8fbaff!important;
  }
  body.public-index-v23 .public-nav a:active,
  body.public-index-v23 .public-nav a:hover{
    background:rgba(104,164,255,.10)!important;
    border-color:rgba(104,164,255,.16)!important;
  }
  body.public-index-v23 .public-mobile-auth-links{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
    padding-top:8px!important;
    margin-top:4px!important;
    border-top:1px solid rgba(255,255,255,.08)!important;
  }
  body.public-index-v23 .public-mobile-auth-links a{
    justify-content:center!important;
    min-height:46px!important;
    padding:9px 8px!important;
    text-align:center!important;
    background:rgba(255,255,255,.035)!important;
    border-color:rgba(255,255,255,.08)!important;
  }
  body.public-index-v23 .public-mobile-auth-links .mobile-create-account{
    background:#6ea8ff!important;
    color:#06111f!important;
    border-color:#6ea8ff!important;
    font-weight:900!important;
  }
  body.public-index-v23 .public-mobile-auth-links .mobile-create-account svg{
    color:#06111f!important;
  }
}

@media (min-width:761px){
  .public-mobile-auth-links{display:none!important}
  .public-nav>a>svg{display:none!important}
}