/* Mobile navigation uses Foundation surfaces; desktop keeps the sidebar. */
@media (max-width:899px) {
  :root { --nav-h:64px; --nav-inset:0px; }
  :root .tabbar.wz-system { inset:auto 0 0; height:calc(var(--nav-h) + var(--safe-b)); padding:4px 8px calc(4px + var(--safe-b)); border:0; border-top:1px solid var(--wz-border); border-radius:0; background:var(--wz-surface); box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; }
  .tabbar.wz-system::before { display:none; }
  .tabbar.wz-system .tabbar__item { flex:1 1 0; color:var(--wz-text-secondary); min-height:48px; }
  :root .tabbar.wz-system .tabbar__item .tabbar__pill { width:100%; max-width:none; padding:0; gap:2px; border-radius:0; background:transparent; transform:none; }
  .tabbar.wz-system :is(.tabbar__symbol,.tabbar__plus) { display:grid; place-items:center; width:44px; height:30px; border-radius:10px; margin:0; background:transparent; box-shadow:none; transform:none; }
  .tabbar.wz-system .icon { width:20px; height:20px; stroke-width:1.8; }
  .tabbar.wz-system .tabbar__label { font-size:var(--wz-text-xs); font-weight:var(--wz-weight-medium); letter-spacing:0; line-height:1.3; overflow:visible; }
  .tabbar.wz-system :is([aria-current='page'],[data-active='true'],[aria-expanded='true']) { color:var(--wz-accent); }
  .tabbar.wz-system :is([aria-current='page'],[data-active='true'],[aria-expanded='true']) .tabbar__symbol { background:var(--wz-accent-soft); }
  .tabbar.wz-system .tabbar__plus { background:var(--wz-accent); color:var(--wz-on-accent); width:36px; border-radius:9px; }
  .tabbar.wz-system .tabbar__plus .icon { stroke-width:2; }
  .tabbar.wz-system .tabbar__badge { top:0; border-color:var(--wz-surface); }
  .tabbar.wz-system button:focus-visible, .moresheet.wz-system button:focus-visible { outline:2px solid var(--wz-focus); outline-offset:-2px; border-radius:10px; }
  body.more-open { overflow:hidden; }
  .moresheet.wz-system { --wz-text-xs:max(12px,.75rem); --wz-text-sm:max(13px,.8125rem); --wz-text-md:max(14px,.875rem); }
  .moresheet.wz-system .moresheet__scrim { background:var(--wz-overlay); backdrop-filter:none; -webkit-backdrop-filter:none; }
  .moresheet.wz-system .moresheet__panel { left:0; right:0; bottom:0; max-height:calc(100dvh - var(--safe-t) - 32px); overflow-y:auto; overscroll-behavior:contain; padding:20px 16px calc(16px + var(--safe-b)); border-radius:24px 24px 0 0; border:1px solid var(--wz-border); border-bottom:0; background:var(--wz-surface); color:var(--wz-text); box-shadow:var(--wz-shadow-float); backdrop-filter:none; -webkit-backdrop-filter:none; transform:translateY(32px); transition:transform .2s ease, opacity .2s ease; }
  body.more-open .moresheet.wz-system .moresheet__panel { transform:translateY(0); }
  .moresheet__header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:20px; }
  .moresheet__header h2 { margin:0; font-size:var(--wz-text-xl); font-weight:var(--wz-weight-semibold); line-height:1.4; }
  .moresheet__header p { margin:4px 0 0; font-size:var(--wz-text-sm); color:var(--wz-text-muted); }
  .moresheet__close { display:grid; place-items:center; flex:none; width:40px; height:40px; border:0; border-radius:12px; background:var(--wz-surface-subtle); color:var(--wz-text-secondary); cursor:pointer; }
  .moresheet.wz-system .moresheet__grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .moresheet.wz-system .moretile { flex-direction:row; gap:10px; min-height:54px; padding:10px 12px; border:1px solid var(--wz-border); border-radius:12px; background:var(--wz-surface); opacity:1; transform:none; transition:background .15s ease; }
  .moresheet.wz-system .moretile__icon { flex:none; width:24px; height:28px; border-radius:0; background:transparent; color:var(--wz-text-secondary); }
  .moresheet.wz-system .moretile__icon .icon { width:20px; height:20px; }
  .moresheet.wz-system .moretile__label { text-align:left; color:var(--wz-text); font-size:var(--wz-text-sm); font-weight:var(--wz-weight-medium); white-space:normal; overflow-wrap:anywhere; }
  .moresheet.wz-system .moretile[aria-current='page'] { background:var(--wz-accent-soft); border-color:var(--wz-accent); }
  .moresheet.wz-system .moretile[aria-current='page'] :is(.moretile__icon,.moretile__label) { color:var(--wz-accent); }
  .moresheet.wz-system .moretile:hover { background:var(--wz-surface-hover); }
  .moresheet__profile { display:flex; align-items:center; gap:12px; width:100%; margin-top:20px; padding:14px 0; border:0; border-top:1px solid var(--wz-border); border-bottom:1px solid var(--wz-border); color:var(--wz-text); background:transparent; text-align:left; cursor:pointer; }
  .moresheet__profile .avatar { width:36px; height:36px; flex:none; }
  .moresheet__profile > span { min-width:0; flex:1; }
  .moresheet__profile b { display:block; font-size:var(--wz-text-md); font-weight:var(--wz-weight-medium); overflow-wrap:anywhere; }
  .moresheet__profile small { display:block; margin-top:2px; color:var(--wz-text-muted); font-size:var(--wz-text-xs); }
  .moresheet__profile > .icon { width:18px; height:18px; color:var(--wz-text-muted); flex:none; }
  .moresheet__profile[aria-current='page'] { color:var(--wz-accent); }
  .moresheet__utilities { display:flex; justify-content:space-between; gap:8px; margin-top:10px; }
  .moresheet__utilities button { display:flex; align-items:center; gap:8px; min-height:44px; padding:8px; border:0; border-radius:8px; background:transparent; color:var(--wz-text-secondary); font:inherit; font-size:var(--wz-text-xs); cursor:pointer; }
  .moresheet__utilities .icon { width:18px; height:18px; flex:none; }
  .moresheet__utilities button:hover { background:var(--wz-surface-hover); }
}
@media (prefers-reduced-motion:reduce) { .moresheet.wz-system .moresheet__panel, .moresheet.wz-system .moretile { transition:none; } }