/* V106: role-aware controls, mobile-only layout, print styles retained. */
.role-hidden{display:none!important}
body[data-staff-role="biller"] [data-prod-edit],body[data-staff-role="packing"] [data-prod-edit],body[data-staff-role="manager"] .product-delete-btn,body[data-staff-role="biller"] .product-delete-btn,body[data-staff-role="packing"] .product-delete-btn{display:none!important}
@media screen and (max-width:700px){
 html,body{width:100%;max-width:100%;overflow-x:clip}
 .shell{padding:12px 10px calc(88px + env(safe-area-inset-bottom));max-width:100%}
 .shell *, .topbar *{min-width:0}
 .topbar-inner{padding:9px 10px;gap:8px;flex-wrap:wrap}
 .brand{flex:1;gap:8px}.brand h1{font-size:16px}.brand small{font-size:10px}.fbmark{width:34px;height:34px;flex-shrink:0}
 .topbar-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;max-width:100%}
 .current-staff-badge{max-width:100%;font-size:11px;overflow-wrap:anywhere;white-space:normal}
 .adminback,.mobile-more-btn{min-height:40px;padding:8px 10px}
 .card{padding:14px 12px;border-radius:16px;box-shadow:0 4px 16px #17302708}
 .card h2,.section-title{font-size:17px}
 .grid2,.grid3,.product-add-grid,.staff-form-grid,.stock-adjust-grid,.stock-note-grid,.history-range-grid,.packing-range-grid,.product-filter-grid{grid-template-columns:minmax(0,1fr)!important}
 .field input,.field select,.field textarea,.searchbox{font-size:16px;min-height:46px;border-radius:12px;max-width:100%}
 .btn{min-height:44px;white-space:normal;overflow-wrap:anywhere;border-radius:12px}
 .toolbar,.bulk-toolbar,.save-order-actions{gap:8px;flex-wrap:wrap;max-width:100%}
 .toolbar>*,.bulk-toolbar>*{max-width:100%;flex-wrap:wrap}
 .table-wrap{width:100%;max-width:100%;overflow:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;border-radius:12px}
 .table{font-size:13px}.table td{overflow-wrap:anywhere}
 .product-variant-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.product-variant-row input{width:100%;font-size:16px;min-height:44px}
 .summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}
 .mobile-bottom-nav{display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:60;gap:4px;padding:7px 8px calc(7px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e2e8e5;box-shadow:0 -4px 20px #1730270a;transform:none!important}
 .mobile-nav-btn{flex:1;min-width:0;min-height:52px;border-radius:12px;padding:5px 2px}.mobile-nav-btn b{font-size:10px}.mobile-nav-btn.active{background:#eaf4ee;color:#24583d}
 .mobile-menu-card{max-width:100%;padding-bottom:calc(20px + env(safe-area-inset-bottom))}.mobile-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .fb-login-card{width:calc(100% - 24px);margin:28px auto;padding:20px 16px}
}