/* Mobile operations: navigation stays compact; content uses the whole screen. */
main{min-width:0}.modal{z-index:100}
@media(max-width:640px){
 body{display:block}
 .sidebar{width:100%;padding:10px 12px;position:relative}
 .brand{padding:0 0 8px;gap:8px}.brand .seal{width:30px;height:30px;font-size:20px}.brand b{font-size:16px}.brand small,.sidebar-foot{display:none}
 .sidebar nav{display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}
 .sidebar nav button{flex:0 0 auto;width:auto;white-space:nowrap;margin:0;padding:12px;font-size:14px}
 main{width:100%;padding:16px 12px;overflow:visible}
 header{margin-bottom:16px;gap:12px}h1{font-size:23px}.eyebrow{font-size:9px;letter-spacing:1px}.admin-user{flex-shrink:0}.admin-user .avatar{display:none}
 .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{padding:14px}.stat strong{font-size:25px;overflow-wrap:anywhere}
 .two-col{grid-template-columns:minmax(0,1fr);gap:12px}.panel{padding:14px;min-width:0}.panel-head{gap:8px;flex-wrap:wrap}
 .toolbar,.order-toolbar{flex-wrap:wrap;padding:12px}.toolbar input,.order-toolbar input{width:100%;min-width:0;flex:1 1 100%}.toolbar select{max-width:100%}
 .table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
 table{min-width:0}thead{display:none}tbody,tr{display:block}tbody tr{padding:10px;border-bottom:8px solid var(--bg)}
 td{display:block;white-space:normal;padding:8px 4px;overflow-wrap:anywhere;min-width:0!important;max-width:100%!important}
 td[data-label]::before{content:attr(data-label);display:block;color:var(--muted);font-size:11px;margin-bottom:4px}
 .order-products,.order-actions{min-width:0}.order-actions{display:flex;flex-wrap:wrap;gap:6px}
 .btn,button,input,select{min-height:44px}.btn{white-space:normal}
 .modal{padding:12px;align-items:center}.modal-box,.order-detail{width:100%;max-width:100%;max-height:calc(100dvh - 24px);padding:16px;overscroll-behavior:contain}
 .modal input,.modal select,.modal textarea{font-size:16px;max-width:100%}.actions{flex-wrap:wrap;gap:8px}.actions .btn{flex:1}
 .inline-fields,.detail-grid{grid-template-columns:minmax(0,1fr)}.tracking-summary{gap:10px;flex-wrap:wrap}.order-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}