/* SPC Depo: touch-first responsive enhancements; desktop remains unchanged */
@media (max-width:760px){
 html{scroll-padding-top:116px;-webkit-text-size-adjust:100%}
 body{overflow-x:hidden}
 aside{padding:9px 12px 6px;box-shadow:0 3px 12px #11182718}
 nav{gap:6px;margin-top:8px;padding:0 0 5px;scrollbar-width:thin;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
 nav button{min-height:44px;min-width:max-content;padding:10px 13px;font-size:12px;border-radius:9px;flex-shrink:0}
 nav button svg{flex-shrink:0}
 header{min-height:52px;height:auto;padding:8px 14px}
 .content{padding:18px 12px 32px;min-width:0}
 .heading{gap:12px;margin-bottom:16px}
 h1{font-size:24px;line-height:1.2}
 .stats,.stats.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .stat{min-width:0;padding:14px 12px}
 .stat strong{font-size:clamp(21px,6vw,28px);overflow-wrap:anywhere}
 .stat small{overflow-wrap:anywhere}
 .quick{padding:16px;gap:12px}
 .actions{flex-wrap:wrap;gap:8px}
 .actions button{min-height:44px;min-width:0}
 button,select,input,textarea{touch-action:manipulation}
 button{min-height:42px}
 input,select,textarea,.product-form select,.product-form textarea{font-size:16px;max-width:100%}
 .search{min-width:0}
 .panel-head{gap:12px}
 .scanner{padding:16px}
 .barcode-camera{aspect-ratio:4/3;max-width:100%;margin-top:12px}
 .scanner form{margin-top:12px}
 .quantity-stepper{grid-template-columns:64px minmax(0,1fr) 64px;gap:8px}
 .quantity-stepper button{min-height:60px}
 .quantity-stepper input{height:60px}
 .overlay{padding:8px;align-items:center}
 .modal{width:min(100%,680px);max-width:100%;max-height:calc(100dvh - 16px);overflow-y:auto;overscroll-behavior:contain}
 .detail{padding:14px}
 .product-form{padding:16px 12px;gap:12px}
 .stock-confirm-dialog,.shipping-calculator-dialog{max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}
 .stock-confirm-heading,.stock-confirm-body{padding:16px}
 .stock-confirm-actions{padding:0 16px 16px;gap:8px}
 .shipping-calculator-body{padding:16px}
 .package-editor{padding:12px}
 .package-dimensions{gap:7px}
 .package-dimensions input{padding:10px 5px}
 .rates-strip{padding:12px;gap:10px}
 .rates-strip>div{flex-basis:100%}
 .rates-strip button{min-height:44px}
 .inventory-filters{padding:12px;gap:8px}
 .inventory-filters button{min-height:42px}
 .quick-stock-buttons{flex-wrap:wrap}
 .quick-stock-buttons button{min-height:40px}
 .shipping-info>div{flex-wrap:wrap;gap:5px}
 .login-page{padding:12px}
 .login-card{padding:22px 16px}
 .login-card input{font-size:16px}
 /* Allow wide stock tables to scroll without compressing their columns */
 table{min-width:max-content}
 .table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
 td,th{padding:11px 12px}
}
@media (max-width:380px){
 .stats,.stats.dashboard-stats{gap:7px}
 .stat{padding:11px 9px}
 .stat strong{font-size:21px}
 .content{padding-left:9px;padding-right:9px}
 .quantity-stepper{grid-template-columns:55px minmax(0,1fr) 55px}
}