/* WC_MOBILE_SHELL_NAV_20260908 — mobile is a touch scene, not a reduced desktop board. */
@media (max-width:1023px){
  /* WC_MOBILE_GLOBAL_SURFACE_TOKENS_20260908 — shared legacy page variables; no page should revert to purple/white. */
  body:not(.wc-move-ready){
    --bg:#071008!important;--bg2:#0A160C!important;--surface:#0D1910!important;--surface2:#102014!important;
    --text1:#EDF5E9!important;--text2:#AAB9A8!important;--text3:#7E8D7B!important;--muted:#7E8D7B!important;
    --border:#243728!important;--border-purple:#35502A!important;--primary:#C6FF3B!important;--primary-dark:#A6D935!important;
    --primary-light:#102014!important;--primary-bg:#102014!important;--brand:#C6FF3B!important;--brand-dark:#A6D935!important;
    --brand-light:#102014!important;--bg-tint:#102014!important;--danger:#FF8A61!important;--shadow-brand:0 12px 28px rgba(198,255,59,.14)!important;
    background:#071008!important;color:#edf5e9!important
  }
  body:not(.wc-move-ready) #main-app{padding-top:58px!important;background:#071008!important}
  body:not(.wc-move-ready) #navbar{height:58px!important;left:0!important;right:0!important;transform:none!important;width:auto!important;background:rgba(7,16,8,.96)!important;border-bottom:1px solid rgba(198,255,0,.18)!important;box-shadow:none!important;backdrop-filter:blur(18px)!important}
  body:not(.wc-move-ready) .nav-inner{height:58px!important;padding:0 14px!important}
  body:not(.wc-move-ready) .nav-logo img{filter:none!important;max-width:132px!important;height:28px!important}
  body:not(.wc-move-ready) .nav-icon-btn{background:#102014!important;color:#c6ff00!important;border:1px solid rgba(198,255,0,.22)!important;border-radius:0!important}
  body:not(.wc-move-ready) #pages{background:#071008!important;padding:0 0 calc(90px + env(safe-area-inset-bottom,0px))!important}
  body:not(.wc-move-ready) #pages .page{background:#071008!important;min-height:calc(100dvh - 148px)!important}
  body:not(.wc-move-ready) .tab-bar{position:fixed!important;z-index:11000!important;left:0!important;right:0!important;bottom:0!important;display:grid!important;grid-template-columns:1fr 1fr 1fr 1fr 1fr!important;align-items:end!important;height:calc(70px + env(safe-area-inset-bottom,0px))!important;padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px))!important;background:rgba(7,16,8,.98)!important;border-top:1px solid rgba(198,255,0,.22)!important;box-shadow:0 -14px 32px rgba(0,0,0,.25)!important}
  body:not(.wc-move-ready) .tab-item,body:not(.wc-move-ready) .tab-center{display:flex!important;min-width:0!important;height:55px!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:3px!important;background:transparent!important;border:0!important;color:#8fa08d!important}
  body:not(.wc-move-ready) .tab-item.active{color:#c6ff00!important}
  body:not(.wc-move-ready) .tab-item.active::before{content:''!important;position:absolute!important;top:6px!important;width:22px!important;height:2px!important;background:#c6ff00!important}
  body:not(.wc-move-ready) .ti-icon{width:23px!important;height:23px!important;display:grid!important;place-items:center!important}
  body:not(.wc-move-ready) .ti-icon svg{width:22px!important;height:22px!important;stroke:currentColor!important}
  body:not(.wc-move-ready) .ti-label{font-size:10px!important;font-weight:800!important;letter-spacing:-.04em!important;color:currentColor!important}
  body:not(.wc-move-ready) .tab-center{position:relative!important;justify-content:flex-end!important}
  body:not(.wc-move-ready) .tab-rec-btn{position:absolute!important;bottom:20px!important;width:54px!important;height:54px!important;border:4px solid #071008!important;border-radius:27px!important;background:#c6ff00!important;color:#071008!important;box-shadow:0 8px 26px rgba(198,255,0,.25)!important;display:grid!important;place-items:center!important}
  body:not(.wc-move-ready) .tab-rec-btn svg{width:23px!important;height:23px!important}
  body:not(.wc-move-ready) .tab-rec-label{margin-top:0!important;color:#c6ff00!important}
  body:not(.wc-move-ready) #pages button{touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important}
}