body{background:#f3f5f4;color:#183d33}main{max-width:1180px;margin:24px auto}h1{font-size:30px}h2{font-size:20px;margin:0}header p{margin:8px 0}section{border-color:#dbe4de}button,.action{background:#15533f}button.secondary{background:#e7eee9;color:#234e3d}input:focus,select:focus{outline:2px solid #7ba38d;outline-offset:2px}.eyebrow{font-size:13px;color:#5e786a}form{max-width:none}label{font-size:14px}.input-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.input-row input{flex:1;min-width:180px}.input-row label{min-width:160px}.input-row button{white-space:nowrap}select{display:block;padding:11px;border:1px solid #bac5d5;border-radius:8px;font:inherit;min-width:160px;background:white;color:#183d33}.filters small{display:block;margin-top:8px;color:#627669}.list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.selection{display:flex;align-items:center;gap:8px}.selection input,.product-check{width:19px;height:19px;display:inline-block;flex:none}.product-row{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:14px;padding:18px 0;border-top:1px solid #e5ebe6}.product-row h3{font-size:17px;margin:0 0 5px}.product-row p{font-size:13px;margin:2px 0;word-break:break-word}.product-row .state{font-size:13px;color:#216140;margin-right:10px}.product-row .state.hidden-state{color:#80602f}.pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:20px}.price{font-weight:700;color:#b64a2d}.empty{padding:30px;color:#64766a}#message{position:sticky;bottom:12px;background:#fff5da;color:#644719;padding:12px 16px;border-radius:10px;box-shadow:0 2px 12px #0001}#message:empty{display:none}.barcode-camera{width:min(94vw,620px);border:0;border-radius:16px;padding:18px}.barcode-camera::backdrop{background:#0009}.barcode-camera header{display:flex;align-items:center;justify-content:space-between;gap:12px}.barcode-camera video{display:block;width:100%;max-height:60vh;object-fit:contain;background:#111;border-radius:8px}.barcode-camera p{font-size:14px}@media(max-width:600px){main{padding:14px;margin:8px auto}h1{font-size:25px}section{padding:16px}.input-row{gap:8px}.input-row button{padding:10px 12px}#scan-form .input-row input{flex-basis:100%}.product-row{grid-template-columns:22px 1fr}.product-row>div:last-child{grid-column:2}.input-row label{flex:1;min-width:120px}select{width:100%;min-width:0}.list-heading .input-row{width:100%}.list-heading button{flex:1}}