.ui-icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}aside nav button{display:flex;align-items:center;gap:13px}aside nav button span{flex:1}#newMove,#export,#columnsToggle{display:inline-flex;align-items:center;justify-content:center;gap:9px}.mobile-columns{display:none}.stats article{display:flex;align-items:center;gap:18px}.stat-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:15px;background:#edf2f5;color:#648171}.stat-icon .ui-icon{width:29px;height:29px}.stat-reserve{background:#fff4d9;color:#bb914b}.stat-defect{background:#ffeded;color:#c78282}.stat-copy{min-width:0}.stats h2{margin:7px 0 0}.stats p{display:none}#stock>.table-top{padding:0 0 24px;background:transparent;border:0}#stock .thumb .ui-icon{width:34px;height:34px}.bottom-nav .ui-icon{width:23px;height:23px}#stock .toolbar{background:transparent}.app-header{border-bottom:1px solid #edf0f2}.heading h1{letter-spacing:-1.2px}.category-line{padding-top:8px}#categoryTabs button{border-radius:9px}#stock .stock-input{border-radius:7px}.stats article{box-shadow:0 2px 8px #20382903}.stat-copy label{color:#7e8d99}.stat-copy h2{font-weight:650;letter-spacing:-1px}
@media(max-width:1100px) and (min-width:721px){.stats article{gap:10px}.stat-icon{width:40px;height:40px}.stat-copy h2{font-size:28px}}
@media(max-width:720px){.app-header{background:#fff;height:64px;padding:12px 20px}.app-header .mobile-brand{order:0}.app-header .mobile-menu{order:3;margin-left:auto;padding:5px}.app-header #accountButton{order:2;font-size:9px;padding:7px}.header-crumb{display:none}.content{padding:25px 18px 100px}.heading h1{font-size:31px}.heading{margin-bottom:18px}#mobileWarehouse{margin-top:15px;min-height:45px}.stats{gap:8px;margin-bottom:16px}.stats article{display:block;padding:13px 11px;border-radius:11px}.stat-icon{width:24px;height:23px;background:transparent;border-radius:0;margin-bottom:8px}.stat-icon .ui-icon{width:22px;height:22px}.stat-copy label{font-size:10px}.stat-copy h2{font-size:25px;margin-top:6px}#stock>#newMove{display:flex;width:100%;min-height:48px;margin:0 0 20px;border-radius:9px;font-size:13px}#stock>.table-top{display:none}.toolbar{gap:10px;padding-bottom:17px}.toolbar>input{order:0;min-height:44px;font-size:13px}.category-line{order:1;width:100%;margin:0;padding:2px 0 5px}#categoryTabs button{padding:10px;font-size:10px}.columns-wrap{order:3}.toolbar #export{order:2;margin-right:auto}.desktop-columns{display:none}.mobile-columns{display:inline}#columnsToggle{padding:9px 10px;font-size:11px}#stock tr{padding:18px;border-radius:13px;margin-bottom:13px;gap:9px 10px;box-shadow:0 2px 5px #243b4903}#stock .thumb{width:54px;height:54px;background:#f4f6f7;border-radius:10px;color:#7e8994}#stock .thumb .ui-icon{width:39px;height:39px}#stock .product{font-size:15px;gap:13px}#stock .product small{font-size:10px;color:#9ca6af}#stock td:nth-child(4),#stock td:nth-child(8){display:none}#stock td:nth-child(2){padding-left:67px;font-size:11px}#stock td:nth-child(3){font-size:11px}#stock td:nth-child(5),#stock td:nth-child(6),#stock td:nth-child(7){border-top:1px solid #edf1f4;padding-top:12px}#stock .stock-input{min-height:44px;font-size:17px}#stock .reserve-link{min-height:44px}.bottom-nav{padding-top:11px;padding-bottom:max(11px,env(safe-area-inset-bottom))}.bottom-nav button{gap:6px}.bottom-nav button span{font-size:10px}.bottom-grid{display:none}}
body aside .brand{display:block;margin-bottom:28px}body aside .workspace{display:none}body aside nav{margin-top:0;display:flex;flex-direction:column;gap:7px}body aside nav button{display:flex;align-items:center;min-height:55px;width:100%;padding:14px;border-radius:0;background:transparent;color:#535f6e;font-size:16px;font-weight:400;text-align:left;gap:20px}body aside nav button .ui-icon{width:26px;height:26px;stroke-width:1.6}body aside nav button.active{background:linear-gradient(90deg,#dcebe4,#eaf2ee);color:#263b35;font-weight:500}body aside nav button.active .ui-icon{color:#356c57}body aside nav button:hover{background:#e5eeea}body aside nav button[data-page=messages]{margin-top:28px}body aside nav button[data-page=messages],body aside nav button[data-page=integrations]{font-size:12px;min-height:42px;color:#829087}body aside nav button[data-page=messages] .ui-icon,body aside nav button[data-page=integrations] .ui-icon{width:20px;height:20px}aside{padding-left:18px;padding-right:18px;background:linear-gradient(110deg,#f0f4f6,#f7f9fa)}
@media(max-width:1100px) and (min-width:721px){aside nav button{font-size:14px;gap:13px;padding-left:10px;padding-right:10px}}
@media(max-width:720px){aside nav{display:flex;margin-top:0}aside nav button{display:flex;font-size:16px;padding:14px;gap:20px}aside .brand{margin-bottom:28px}aside .workspace{display:none}}