.primary-nav{display:grid;gap:3px;margin-top:20px}
.mobile-bottom-nav{display:none}
.work-section-nav{display:flex;gap:4px;margin:0 0 12px;padding:4px;border:1px solid var(--border,#383844);border-radius:12px;background:var(--panel,#202127);width:fit-content;max-width:100%;overflow:auto}
.work-section-nav a{display:flex;align-items:center;justify-content:center;min-height:36px;padding:5px 12px;box-sizing:border-box;border-radius:8px;text-decoration:none;color:var(--muted,#bbb9c8);font-size:14px;white-space:nowrap}
.work-section-nav a[aria-current=page]{background:var(--accent-bg,#493b58);color:var(--text,#f3f2f7)}
.work-section-nav a:hover{color:var(--theme-ink,#fff);background:var(--theme-neutral-tint,#ffffff09)}
.more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:1050px}
.more-section{padding:16px;border:1px solid var(--border,#383844);border-radius:14px;background:var(--panel,#202127)}
.more-section h2{display:flex;align-items:center;gap:9px;font-size:16px;margin:0 0 8px}
.more-section nav{display:grid}
.more-section a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:8px 0;border-bottom:1px solid var(--theme-border,#ffffff0a);text-decoration:none;color:var(--text,#f3f2f7)}
.more-section a:last-child{border-bottom:0}
.more-section a:hover{color:var(--accent,#c0a7f9)}
.more-section .user-profile{margin-top:12px}
@media(max-width:720px){
 .ui-refined .ui-mobile-sort{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:6px}
 .ui-mobile-sort select{min-width:0;width:100%;min-height:44px}
 .ui-mobile-sort button{min-width:44px;min-height:44px;padding:0}
 .app-shell[data-page=replenishment] .page-heading{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
 .app-shell[data-page=replenishment] .page-heading>.heading-actions{width:auto;margin:0}
 .app-shell .sidebar,.app-shell .sidebar-restore,.app-shell .sidebar-backdrop,.app-shell .mobile-title-menu{display:none!important}
 body .app-shell .main{margin-left:0;padding-left:0;min-width:0;width:100%}
 body .app-shell .main-content{padding:12px 10px calc(82px + env(safe-area-inset-bottom,0px));max-width:none}
 .mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:140;min-height:60px;padding:5px max(5px,env(safe-area-inset-right,0px)) calc(5px + env(safe-area-inset-bottom,0px)) max(5px,env(safe-area-inset-left,0px));box-sizing:border-box;background:var(--theme-surface,#1b1c23f5);border-top:1px solid var(--border,#383844);box-shadow:0 -4px 20px var(--theme-shadow-color,#0002);backdrop-filter:blur(16px)}
 .bottom-nav-item{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:48px;padding:3px 1px;border-radius:10px;color:var(--muted,#bbb9c8);text-decoration:none;font-size:10px;line-height:1.2;letter-spacing:0}
 .bottom-nav-item svg{flex-shrink:0}
 .bottom-nav-item.active{background:var(--theme-accent-bg,#b999f51a);color:var(--theme-accent,#d2b9ff)}
 .bottom-nav-item:focus-visible,.work-section-nav a:focus-visible,.more-section a:focus-visible{outline:2px solid var(--theme-accent-border,#c2a2f6);outline-offset:-2px}
 .work-section-nav{width:100%;margin-bottom:12px;gap:2px;box-sizing:border-box}
 .work-section-nav a{flex:1;min-height:44px;font-size:12px;padding:5px 8px}
 .more-grid{grid-template-columns:1fr;gap:12px}
 .more-section{padding:12px 14px}
 .app-shell .toast{bottom:calc(78px + env(safe-area-inset-bottom,0px))}
 body.menu-open{overflow:auto}
}