@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#17355f;background:#f4f7fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0;max-width:100%;}input,button,select{font:inherit}button,input{min-height:44px}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #438ef0;outline-offset:3px}header{position:sticky;top:0;z-index:20;background:#102d57;color:white;padding:18px max(20px,calc((100% - 1160px)/2));box-shadow:0 3px 16px #17355f18}.brand{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand a{color:white;display:flex;align-items:center;gap:12px;text-decoration:none;letter-spacing:2px;font-weight:700}.mark{display:grid;place-items:center;width:38px;height:38px;background:#b8d8ff;color:#102d57;border-radius:9px;font-size:24px}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#a9c4e8;margin-top:3px}#status{font-size:12px;color:#b8d8ff;text-align:right}.controls{display:grid;grid-template-columns:1fr 200px;gap:16px;align-items:end;margin-top:18px}.search{display:flex;align-items:center;background:#1d4374;border:1px solid #456d9d;border-radius:8px;padding-left:14px;gap:10px}.search span{font-size:27px}.search input{width:100%;background:none;border:0;color:white;padding:10px;min-width:0}.search input::placeholder{color:#c2d5ee}.date{font-size:10px;color:#bfd2ec;letter-spacing:1px;text-transform:uppercase}.date input{display:block;width:100%;border:1px solid #456d9d;background:#1d4374;color:white;color-scheme:dark;border-radius:8px;padding:8px;margin-top:4px}nav{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}nav button{background:none;color:#c8d9ee;border:0;border-radius:6px;padding:7px 13px;min-height:36px;font-size:13px}nav button.active{background:#b8d8ff;color:#113566;font-weight:700}main{max-width:1200px;padding:36px 20px;margin:auto}.page-title{display:flex;justify-content:space-between;align-items:center;gap:16px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#607b9e;margin:0 0 12px}h1{font-family:Manrope,sans-serif;font-size:36px;letter-spacing:-1.3px;margin:0}.subtitle{color:#667b98;font-size:14px;margin:10px 0}.page-title button{background:white;border:1px solid #d5dfed;border-radius:8px;padding:10px 17px;white-space:nowrap;color:#17355f}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#dce5f0;border:1px solid #dce5f0;border-radius:12px;overflow:hidden;margin:28px 0}.summary>div,.summary>button{padding:18px 22px;background:#fff;border:0;text-align:left;color:#17355f}.summary strong{display:block;font-family:Manrope,sans-serif;font-size:28px}.summary span{font-size:12px;color:#667b98}.summary>button{background:#fcf2ed}.summary>button strong{color:#ae4639}.summary>button[aria-pressed=true]{box-shadow:inset 0 0 0 2px #bd4f40}.list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}h2{font-family:Manrope,sans-serif;font-size:20px}.list-heading span{font-size:11px;color:#70839e}.help{font-size:12px;color:#667e9c;line-height:1.6;max-width:760px;margin:0 0 24px}.group-title{display:flex;align-items:center;gap:10px;margin:28px 0 12px;font-size:13px;letter-spacing:.4px}.group-title:before{content:'';width:7px;height:7px;background:#4189dc;border-radius:50%}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.product{background:white;border:1px solid #dce5f0;border-radius:10px;padding:17px;min-width:0;transition:background .15s}.product.low{background:#fff0ee;border-color:#d98175;box-shadow:inset 3px 0 #c6483e}.product h3{font-size:14px;margin:0 0 4px;overflow-wrap:anywhere}.product .meta{font-size:10px;color:#7087a3;display:flex;justify-content:space-between;gap:5px;margin-bottom:14px}.product.low .meta{color:#a63830}.fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}label{display:block;min-width:0;font-size:10px;font-weight:600;color:#627c9b}label input{display:block;width:100%;min-width:0;margin-top:5px;border:1px solid #d9e3f1;background:#f7faff;border-radius:6px;padding:8px;color:#163b6c;font-size:14px}.minimum{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #eaf0f8;font-size:11px}.minimum input{width:88px;margin:0;background:#eaf3ff}.notes{margin-top:10px}.notes input{min-height:36px;font-size:12px}.product details{margin-top:12px;font-size:12px;color:#49709f}.supplier-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}summary{cursor:pointer;min-height:28px;overflow-wrap:anywhere}footer{border-top:1px solid #dae4f1;padding-top:24px;margin-top:40px;display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#6481a4}#error{padding:14px;background:#fff0ee;color:#a03930;border:1px solid #d98175;border-radius:8px;margin-bottom:15px}dialog{border:0;border-radius:14px;max-width:calc(100% - 32px);padding:28px}dialog::backdrop{background:#102d5788}dialog button{margin-top:20px;padding:8px 14px;border-radius:6px;border:1px solid #c9dbf3;background:#e7f1ff}dialog p{font-size:13px}@media(max-width:950px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){header{padding:12px 14px}.controls{grid-template-columns:minmax(0,1fr) 138px;gap:8px;margin-top:12px}.search input{font-size:12px;padding:8px 4px}.search{padding-left:8px;gap:3px}.brand a{font-size:13px}.brand small{font-size:8px}nav{gap:3px;margin-top:10px}nav button{font-size:11px;padding:6px 8px}.date input{font-size:12px;padding:6px}.grid{grid-template-columns:minmax(0,1fr)}main{padding:24px 14px}h1{font-size:27px}.page-title{align-items:flex-start}.page-title button{font-size:11px;padding:7px 10px}.eyebrow{font-size:8px}.subtitle{font-size:12px}.summary{margin:20px 0}.summary>div,.summary>button{padding:13px 10px}.summary strong{font-size:24px}.summary span{font-size:10px}.list-heading span{max-width:110px;text-align:right}footer{font-size:10px}.product{padding:16px}.fields label{font-size:11px}}
 #staffLogin{border:1px solid #5a80ac;background:#1d4374;color:#b8d8ff;border-radius:6px;font-size:11px;padding:6px 10px;min-height:32px;margin-left:auto}.brand{flex-wrap:wrap}
.page-title h1{font-size:26px;letter-spacing:-.5px}.page-title .eyebrow,.page-title .subtitle{display:none}main{padding-top:22px}.summary{margin:18px 0}.summary>div,.summary>button{padding:10px 18px}.summary strong{font-size:22px}.help{margin-bottom:16px}.sheet{margin:20px 0 32px;max-width:100%}.sheet>h2{font-size:16px;margin:0 0 10px}.inventory-table{border-collapse:collapse;table-layout:fixed;width:100%;background:white;font-size:13px}.inventory-table th,.inventory-table td{border:1px solid #c4cfdd;overflow-wrap:anywhere}.inventory-table thead th{background:#c8d9ef;color:#133966;text-align:left;padding:9px 6px;font-size:12px;position:sticky;top:var(--header-height,210px);z-index:5}.inventory-table thead th:first-child{width:36%}.inventory-table.three-col thead th:first-child{width:60%}.inventory-table.beef-table thead th:first-child{width:18%}.inventory-table td{padding:2px}.inventory-row>th{background:#e4e8ee;padding:7px 8px;text-align:left;font-weight:600}.inventory-row input{display:block;width:100%;min-width:0;border:0;border-radius:0;background:transparent;padding:6px 4px;margin:0;min-height:40px;color:#17355f;font-size:13px;text-align:right}.inventory-row input:disabled{color:#5d7090;opacity:1}.inventory-row input:focus{background:#eaf3ff;outline:2px solid #438ef0;outline-offset:-2px}.inventory-row .min-cell{background:#edf4ff}.column-unit{display:block;font-size:9px;font-weight:400}.inventory-table .section-row th{background:var(--section-color,#c8d9ef);color:#172e48;padding:6px 8px;font-size:12px;text-align:left}.inventory-table .low>th,.inventory-table .low>td{background:#ffe3df;color:#a03930}.stock-state{display:block;font-size:9px;color:#a03930;font-weight:500}.stock-state:empty{display:none}.row-notes{margin-top:3px;font-weight:400}.row-notes summary{font-size:9px;color:#607b9e;min-height:16px}.row-notes input{text-align:left;background:white;border:1px solid #c4cfdd;font-size:11px}.beef-supplier{display:none}.beef-supplier[hidden]{display:none!important}@media(max-width:900px){.beef-supplier{display:flex;align-items:center;gap:12px;margin-top:8px;color:#c8d9ee;font-size:11px}.beef-supplier select{background:#1d4374;color:white;border:1px solid #456d9d;border-radius:5px;padding:6px 10px;max-width:50%;min-height:34px}.beef-table .supplier-col{display:none}.beef-table .supplier-col.selected{display:table-cell}.inventory-table.beef-table thead th:first-child{width:40%}}@media(max-width:560px){.inventory-table{font-size:11px}.inventory-table thead th{font-size:10px;padding:7px 3px}.inventory-row>th{padding:5px}.inventory-row input{font-size:12px;padding:4px 2px}.inventory-table td{padding:1px}.inventory-table.five-col thead th:first-child{width:38%}.inventory-table.three-col thead th:first-child{width:54%}.inventory-table.beef-table thead th:first-child{width:40%}.inventory-table .section-row th{font-size:11px}.row-notes summary{font-size:8px}.page-title h1{font-size:22px}.summary>div,.summary>button{padding:9px}.summary strong{font-size:20px}.sheet{margin-top:16px}.list-heading h2{font-size:16px}}