.ops-subnav{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 18px}.ops-subnav .btn{font-size:12px}.ops-range{margin:12px 0}.qtybox{min-width:82px;width:92px;text-align:right;font-variant-numeric:tabular-nums}.qtybox.dirty{border-color:#af8436;background:#fff9eb}.ops-stock-table{min-width:1180px}.ops-stock-table td{vertical-align:top}.ops-stock-table th{position:sticky;top:0;background:white;z-index:1}.ops-stock-table td:first-child{min-width:185px}.ops-stock-table td:first-child .small{max-width:205px}.ops-stock-table input{min-height:43px}.ops-draft{color:#8b641a}.ops-savebar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:12px 0 18px}.ops-order-table{min-width:720px}.ops-order-table td{vertical-align:top}.ops-order-table td:first-child{min-width:180px}.ops-order-table td:first-child input{margin-top:8px;font-size:11px}.ops-order-pick{max-height:45vh}.ops-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ops-metrics .metric{padding:14px}.ops-version{font-size:10px;margin-top:8px}tr[hidden]{display:none!important}@media(max-width:650px){.ops-subnav{gap:5px}.ops-subnav .btn{padding:9px;flex:1;white-space:nowrap}.ops-stock-table input,.ops-order-table input{min-height:44px}.ops-subnav .btn{white-space:normal}.ops-range{grid-template-columns:1fr 1fr}}
dialog:has(.ops-order-table){width:min(1040px,100%)}
@media(max-width:650px){.ops-order-table{min-width:0}.ops-order-table thead{display:none}.ops-order-table,.ops-order-table tbody{display:block;width:100%}.ops-order-table tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:10px;border:1px solid var(--line);border-radius:12px;padding:12px;margin:12px 0;background:white}.ops-order-table td{display:block;padding:0;border:0;min-width:0!important}.ops-order-table td:first-child{grid-column:1/-1}.ops-order-table td:before{display:block;font-size:11px;color:var(--muted);font-weight:600;margin:0 0 5px}.ops-order-table td:nth-child(2):before{content:'Planned'}.ops-order-table td:nth-child(3):before{content:'Trolley / bought total'}.ops-order-table td:nth-child(4):before{content:'Received to date'}.ops-order-table td:nth-child(5):before{content:'Still to receive'}.ops-order-table td:nth-child(6){grid-column:1/-1}.ops-order-table td:nth-child(6):before{content:'Received now — additional quantity'}.ops-order-table .qtybox{width:100%;min-width:0}}