/* Web navigation stays above the workspace; the left column belongs to local category trees. */
@media screen {
body.topNavigation{padding-bottom:0}
.topNavigation .app{display:block;min-height:100dvh}
.topNavigation .appSidebar{position:sticky;inset:0 0 auto;z-index:250;display:flex;flex-direction:row;align-items:center;gap:10px;width:100%;height:auto;min-height:58px;padding:6px 14px;border:0;border-bottom:1px solid #e1e6ed;background:#fff;box-shadow:none;backdrop-filter:none;box-sizing:border-box}
.topNavigation :is(.brand,.sectionHeading){display:none}
.topNavigation .appSidebar nav{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:wrap;align-items:center;gap:3px;overflow:visible;min-height:0;min-width:0}
.topNavigation .appSidebar :is(nav>button,.sectionMoreToggle){display:flex;flex:0 0 auto;position:relative;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:auto;min-width:54px;min-height:50px;margin:0;padding:5px 9px;border:0;border-radius:4px;font-size:11px;font-weight:500;line-height:1.3;color:#475467;background:transparent;cursor:pointer;white-space:nowrap;text-align:left;box-shadow:none;transform:none;box-sizing:border-box}
.topNavigation .appSidebar nav b{display:flex;align-items:center;gap:5px;width:auto;font-size:11px;font-weight:500;line-height:1.3;overflow:visible;white-space:nowrap}
.topNavigation .appSidebar nav button[hidden],.topNavigation .orderNavSources{display:none!important}
.topNavigation .navIcon{display:flex;align-items:center;justify-content:center;flex:none;width:21px;height:21px;font-size:21px;color:inherit}
.topNavigation .appSidebar nav button.active .navIcon{color:inherit}
.topNavigation .navIcon svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor!important;color:inherit!important;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.topNavigation .appSidebar :is(nav>button,.sectionMoreToggle):hover{background:#f3f5f8}
.topNavigation .appSidebar :is(nav>button,.sectionMoreToggle).active{color:#0064FF;background:#eaf1fb;box-shadow:none}
.topNavigation .sectionMore{position:relative;flex:none}
.topNavigation .sectionMore>summary{list-style:none}
.topNavigation .sectionMore>summary::-webkit-details-marker{display:none}
.topNavigation .sectionMoreMenu{position:absolute;top:calc(100% + 6px);right:0;z-index:260;width:220px;padding:6px;border:1px solid #e1e6ed;border-radius:5px;background:#fff;box-shadow:0 8px 24px #172a4520}
.topNavigation .sectionMore:not([open])>.sectionMoreMenu{display:none}
.topNavigation .sectionMoreMenu>button{display:flex;flex:none;flex-direction:row;justify-content:flex-start;min-width:0;align-items:center;gap:10px;width:100%;min-height:40px;margin:0;padding:8px 10px;border:0;border-radius:4px;background:transparent;color:#475467;box-shadow:none;white-space:nowrap;text-align:left}
.topNavigation .sectionMoreMenu>button:hover{background:#f3f5f8}
.topNavigation .sectionMoreMenu>button.active{color:#0064FF;background:#eaf1fb}
.topNavigation .appSidebar .sectionMoreMenu b{font-size:13px}
.topNavigation .sectionMore[hidden]{display:none}
.topNavigation .orderSectionTabs{display:flex;gap:4px;margin:0 0 14px;padding:0 0 6px;border-bottom:1px solid #e1e6ed;flex-wrap:wrap}
.topNavigation .orderSectionTabs[hidden]{display:none}
.topNavigation .orderSectionTab{min-height:36px;padding:7px 12px;border:0;border-radius:4px;background:transparent;color:#475467;font-size:13px;box-shadow:none}
.topNavigation .orderSectionTab.active{color:#0064FF;background:#eaf1fb}
.topNavigation #tradeIn .ayku-mode{display:none}
.topNavigation .sectionIncoming .topNavBadge,.topNavigation .appSidebar nav button[data-page=restock] .restockNavBadge{background:#dc3545;color:#fff}
.topNavigation .sidebarFooter{display:flex;flex-direction:row;align-items:center;gap:6px;flex:none;width:auto;max-width:230px;margin:0 0 0 auto;padding:0;border:0}
.topNavigation .sidebarFooter>.shiftControl{display:flex;align-items:center;justify-content:center;gap:2px;flex:none;width:32px;min-width:0;height:32px;box-sizing:border-box;min-height:32px;margin:0;padding:4px;border-radius:4px;font-size:11px;box-shadow:none}
.topNavigation .sidebarFooter>.shiftControl .shiftControlDot{position:static;margin:0;border:0;width:6px;height:6px}
.topNavigation .sidebarFooter .staff{display:flex;width:136px;min-width:0;margin:0;padding:6px 8px;min-height:36px;border:1px solid #e1e6ed;border-radius:4px;background:#fff;box-shadow:none;box-sizing:border-box}
.topNavigation .shiftControlText,.topNavigation .staffIcon,.topNavigation .staffCopy>span,.topNavigation .staffCopy>small{display:none}
.topNavigation .staffCopy{display:block;min-width:0;width:100%}
.topNavigation .staffCopy>b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.topNavigation .staffCopy>.staffSalaryMini{margin-top:2px;font-size:10px;line-height:1.2}
.topNavigation main{width:auto;max-width:none;margin:0;padding:18px 24px;min-width:0}
.topNavigation .appHeader{position:relative;inset:auto;width:auto}
.topNavigation .nativeMobileHeader,.topNavigation .nativeBottomTabs,.sectionBackdrop{display:none}
.orderNavBadge,.topNavBadge{display:inline-flex;align-items:center;justify-content:center;flex:none;margin-left:3px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#0064FF;color:white;font-size:10px;font-weight:650;text-align:center;line-height:16px;box-sizing:border-box}
.orderNavBadge[hidden],.topNavBadge[hidden]{display:none!important}
.topNavBadge.stale{background:#fff3d9;color:#815500}
.topNavBadge.empty{background:#f1f3f6;color:#687586}
.topNavigation .appSidebar nav button :is(.restockNavBadge,.repairNavBadge,.stockNavBadge){min-width:16px;height:16px;padding:0 4px;margin-left:3px;border:0;border-radius:8px;background:#0064FF;color:#fff;box-shadow:none;font-size:10px;line-height:16px}
@media(min-width:768px){
 .topNavigation .appSidebar nav>button :is(.restockNavBadge,.repairNavBadge,.stockNavBadge,.orderNavBadge,.topNavBadge){position:absolute;top:0;left:calc(50% + 6px);margin:0}
}
@media(min-width:901px){.topNavigation #labels .labelStudioTop{height:clamp(420px,calc(100dvh - 159px - var(--sections-header-height,58px)),850px)}}
@media(min-width:768px) and (max-width:1200px){
 .topNavigation .appSidebar{gap:8px;padding-inline:12px}
 .topNavigation .appSidebar :is(nav>button,.sectionMoreToggle){padding-inline:7px}
 .topNavigation .sidebarFooter{max-width:230px}
 .topNavigation .sidebarFooter>.shiftControl{width:30px;justify-content:center;padding:4px;gap:2px}
 .topNavigation .sidebarFooter>.shiftControl .shiftControlText{display:none}
 .topNavigation .sidebarFooter .staff{width:126px}
 .topNavigation main{padding:16px}
}
@media(max-width:767px){
 .topNavigation .appSidebar{flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;min-height:54px;padding:6px 12px}
 .topNavigation .nativeMobileHeader{display:flex;align-items:center;gap:7px;min-width:0;flex:1}
 .topNavigation :is(.topNavToggle){position:relative;display:flex;align-items:center;justify-content:center;flex:none;width:34px;height:38px;min-height:38px;margin:0;padding:4px;border:0;border-radius:4px;background:none;color:#0064FF;box-shadow:none}
 .topNavigation .topNavToggle{font-size:23px}
 .topNavigation .topNavToggle[aria-expanded=true]{background:#eaf1fb}
 .topNavigation .topNavCurrent{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .topNavigation .sidebarFooter{gap:4px;max-width:none}
 .topNavigation .sidebarFooter .staff{width:120px;min-height:34px;padding:4px}
 .topNavigation .sidebarFooter>.shiftControl{width:30px;min-height:30px;justify-content:center;padding:4px;gap:2px}
 .topNavigation .shiftControlText{display:none}
 .topNavigation .shiftControlDot{width:6px;height:6px}
 .topNavigation .appSidebar nav{display:none;position:fixed;inset:calc(var(--sections-header-height,54px) + 6px) 12px auto;z-index:252;flex-direction:column;flex-wrap:nowrap;align-items:stretch;max-height:calc(100dvh - var(--sections-header-height,54px) - 18px - env(safe-area-inset-bottom));padding:8px;border:1px solid #e1e6ed;border-radius:5px;background:#fff;box-shadow:0 8px 24px #172a4520;overflow:auto;overscroll-behavior:contain;box-sizing:border-box}
 .topNavigation .appSidebar.is-nav-open nav{display:flex}
 .topNavigation .appSidebar :is(nav>button,.sectionMoreToggle){flex-direction:row;justify-content:flex-start;gap:12px;width:100%;min-height:42px;padding:8px 10px}
 .topNavigation .appSidebar nav b{font-size:13px}
 .topNavigation .sectionMoreMenu{position:static;width:100%;box-sizing:border-box;border:0;border-left:1px solid #e1e6ed;margin:2px 0 0 10px;box-shadow:none;padding:2px 0 2px 6px;max-width:calc(100% - 10px)}

 .topNavigation main{margin:0;padding:14px 12px max(14px,env(safe-area-inset-bottom))}
 .topNavigation .sectionBackdrop:not([hidden]){display:block;position:fixed;inset:var(--sections-header-height,54px) 0 0;z-index:249;margin:0;padding:0;background:#172a4533;border:0;border-radius:0}
}
.topNavigation .headerAnnouncement{display:flex;align-items:center;flex:1 1 220px;min-width:80px;max-height:44px;min-height:0;padding:2px 10px;margin:0;border:0;border-left:2px solid #0064FF;border-radius:0;background:none;color:#243b5e;box-shadow:none;text-align:left;font-size:13px;line-height:1.4;cursor:pointer;overflow:hidden}
.topNavigation .headerAnnouncement[hidden]{display:none}
.topNavigation .headerAnnouncement span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;white-space:pre-line}
.topNavigation .headerAnnouncement.stale{border-color:#98a2b3}
.headerAnnouncementDialog{box-sizing:border-box;width:min(560px,calc(100vw - 32px));max-height:80dvh;overflow:auto;padding:22px;border:1px solid #d8dfe9;border-radius:5px;background:white;color:#20262f}
.headerAnnouncementDialog::backdrop{background:#172a4566}
.headerAnnouncementDialog h2{font-size:18px;margin:0 0 16px}
.headerAnnouncementText{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.45;min-width:0}
.headerAnnouncementRow{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid #e4e8ef}
.headerAnnouncementRow label{display:flex;align-items:flex-start;gap:10px;flex:1;min-width:0;cursor:pointer}
.headerAnnouncementRow input[type=checkbox]{width:18px;height:18px;flex:0 0 18px;margin:2px 0;accent-color:#0064FF}
.headerAnnouncementRow.completed .headerAnnouncementText{color:#6b7280;text-decoration:line-through}
.headerAnnouncementDialog .headerAnnouncementDelete{padding:4px 7px;min-height:28px;height:auto;font-size:12px;color:#a83232;background:none;border:0;flex:none}
.headerAnnouncementDialog .headerAnnouncementTask{display:block;width:100%;height:auto;min-height:32px;padding:7px 0;text-align:left;white-space:normal;overflow-wrap:anywhere;background:none;border:0;border-bottom:1px solid #e4e8ef;color:#0064FF;font-size:14px}
.headerAnnouncementList{margin-bottom:16px}
.headerAnnouncementList h3{font-size:14px;margin:18px 0 4px}
.headerAnnouncementError{color:#b42318;font-size:13px}
.headerAnnouncementDialog>button{display:block;margin-left:auto}
@media(max-width:1150px){
 .topNavigation .appSidebar{flex-wrap:wrap}
 .topNavigation .appSidebar nav{flex:1}
 .topNavigation .headerAnnouncement{order:3;flex-basis:100%;min-width:0;max-width:100%;max-height:38px;font-size:12px}
}
@media(max-width:380px){.topNavigation .sidebarFooter .staff{width:88px}.topNavigation .staffCopy>b{font-size:11px}.topNavigation .nativeMobileHeader{gap:4px}}
}
.staffReminderDialog{position:fixed;inset:0;margin:auto;width:min(650px,calc(100% - 32px));max-height:85dvh;overflow:auto;border:1px solid #dce2eb;border-radius:6px;background:#fff;color:#182338;padding:32px;text-align:center;box-shadow:0 16px 70px #15254033}
.staffReminderDialog::backdrop{background:#18233870}
.staffReminderDialog h2{margin:0 0 24px;font-size:clamp(26px,3.3vw,42px);line-height:1.25;font-weight:800;overflow-wrap:anywhere}
.staffReminderDialog>button{background:#0064ff;color:white;border:0;border-radius:4px;font-size:16px;font-weight:600;padding:10px 28px;min-height:44px}
.staffReminderDialog p{color:#b42335;font-size:14px}
.staffReminderDialog>button:disabled{opacity:.6}