:root{font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;color:#213a38;background:#f3f6f2;line-height:1.6;font-size:15px}*{box-sizing:border-box}body{margin:0}header{height:72px;padding:0 max(20px,calc((100% - 1120px)/2));display:flex;align-items:center;gap:24px;background:#fff;border-bottom:1px solid #dae3dc}header span{font-weight:700;flex:1}a{color:#326d63;text-decoration:none}main{max-width:1120px;margin:auto;padding:30px 20px 60px}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{color:#588075;font-size:13px;letter-spacing:.08em}h1{font-size:clamp(26px,4vw,36px);line-height:1.25;margin:10px 0}h2{font-size:20px;margin:0 0 15px}.intro p:last-child,.hint{color:#687c74}.hint{font-size:13px;line-height:1.65}.badge{display:inline-block;background:#e4efe8;color:#3c6756;padding:5px 13px;border-radius:30px;font-size:12px;white-space:nowrap}.panel{background:#fff;border:1px solid #dde5df;border-radius:18px;padding:26px;margin-bottom:20px;box-shadow:0 3px 15px #173c2910}.section-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.section-top span{font-size:13px;color:#6b7d74}.tabs{display:flex;gap:8px;margin-bottom:20px}.tabs button{background:transparent;color:#5d746b;border-color:transparent}.tabs button.active{background:#244e43;color:white}button{border:1px solid #285949;background:#285949;color:#fff;font:inherit;font-weight:600;padding:11px 18px;border-radius:9px;cursor:pointer;transition:background .15s}button:hover{filter:brightness(.94)}button:disabled{opacity:.45;cursor:not-allowed}.secondary{background:#eff5f0;color:#2c5c4d;border-color:#d6e2d9}.quiet{background:transparent;color:#4d6f60;border-color:transparent;font-size:13px}.danger{background:#955340;border-color:#955340}.create-grid{display:grid;grid-template-columns:minmax(220px,.8fr) 1.2fr;gap:36px}.photo-picker{position:relative;min-height:330px;background:#f4f7f2;border:2px dashed #ccdbcf;border-radius:14px;display:flex;align-items:center;justify-content:center;text-align:center;color:#617e6c;overflow:hidden;cursor:pointer}.photo-picker img{width:100%;height:340px;object-fit:contain}.photo-picker input{position:absolute;inset:0;opacity:0;cursor:pointer}.photo-picker small{display:block;margin:10px}.fields>label{font-size:16px;font-weight:600}label{display:block;color:#3d594d;font-size:14px}label span{float:right;color:#8a9a91}input,select{font:inherit;width:100%;border:1px solid #cbd8ce;border-radius:8px;background:#fbfcfa;color:#253e33;padding:12px;margin:6px 0 12px;min-width:0}input:focus,select:focus{outline:2px solid #8dc9b7;outline-offset:1px}#price{font-size:30px;font-weight:600;height:65px}details{border-top:1px solid #e6ece7;padding-top:12px;margin:15px 0}summary{cursor:pointer;font-size:14px;color:#60796a;margin-bottom:10px}.actions{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0}.search-row{display:flex;gap:12px;align-items:center}.grow{flex:1}.item-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:32px}.photo-button{border:0;background:#f7f8f5;padding:0;width:100%;align-self:start}.photo-button img{width:100%;max-height:450px;object-fit:contain}.price{font-size:25px;margin:12px 0}.price span{font-size:13px;color:#7a8a80}.price strong{font-size:38px}.stock strong{font-size:26px}#barcode svg{width:100%;max-width:420px;height:72px}.code{font-family:ui-monospace,monospace;font-size:18px;overflow-wrap:anywhere;margin:0}.outbound{display:flex;align-items:center;gap:12px;border-top:1px solid #e2e8e2;padding-top:18px;margin-top:18px}.outbound input{max-width:130px}.settings{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.recent{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.recent button{text-align:left;background:#f7f9f5;color:#3f594b;border:1px solid #e0e8df;font-weight:400;overflow-wrap:anywhere}.recent small{display:block;color:#7c8d7f}#status:empty{display:none}#status{padding:12px 18px;border-radius:8px;background:#e3f1e5;border:1px solid #c5dbc9;margin:0 0 18px;white-space:pre-line}#status.error{background:#fff0e9;color:#924c32;border-color:#e8cabb}dialog{border:0;border-radius:14px;max-width:90vw;max-height:90vh}dialog::backdrop{background:#16372bb0}dialog img{display:block;max-width:80vw;max-height:75vh;object-fit:contain}#printArea{display:none}[hidden]{display:none!important}@media(max-width:700px){header{padding:0 15px;gap:12px;height:62px}header span{display:none}header a{flex:1}main{padding:24px 14px}.intro{display:block}.intro .badge{margin-top:8px}.panel{padding:20px 16px}.create-grid,.item-grid{grid-template-columns:1fr;gap:20px}.photo-picker{min-height:240px}.photo-picker img{height:260px}.tabs{gap:3px}.tabs button{padding:10px;font-size:14px}.settings{grid-template-columns:1fr;gap:0}.recent{grid-template-columns:1fr}.actions button{flex:1}.outbound{align-items:end}.outbound button{margin-bottom:12px}.search-row{gap:8px}.search-row button{padding:11px 12px}.code{font-size:17px}}
@media print{body>*{display:none!important}body>#printArea{display:block!important;background:white;color:black}.print-sheet{width:var(--paper-w);height:var(--paper-h);display:flex;flex-direction:column;break-after:page;overflow:hidden}.label{flex:1;min-height:0;padding:5mm;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;border-bottom:.2mm dashed #bbb}.label:last-child{border:0}.label h2{font-size:14pt;margin:0 0 2mm;max-height:12mm;overflow:hidden}.label .label-price{font-size:24pt;font-weight:bold;line-height:1.2;margin:1mm}.label svg{width:100%;height:14mm;display:block}.label p{font:11pt monospace;margin:1mm 0}.label small{font-size:9pt}html,body{margin:0!important;padding:0!important;background:#fff!important}}

#cameraVideo{width:min(600px,80vw);max-height:60vh;object-fit:contain;background:#17251e;border-radius:10px}#cameraDialog p{max-width:600px}

.code.short-code{font-size:30px;font-weight:700;letter-spacing:.06em;font-variant-numeric:tabular-nums}
@media(max-width:700px){.actions button{flex:1 1 110px;white-space:nowrap}}

/* Whole-package intake, sharing the existing warehouse page and query panel. */
#packageFields{border:0;padding:0;margin:0;min-width:0}.package-basics,.package-line-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.package-photo-picker{padding:15px;border:1px dashed #bed1c2;border-radius:12px;background:#f7faf5}.package-photo-picker input{max-width:440px}.split-thumb{display:block;width:130px;height:110px;object-fit:contain;border-radius:8px;background:#eef3ec}.package-row{border:1px solid #dce5dc;border-radius:12px;padding:18px;margin:15px 0}.package-row h3{font-size:16px;margin:0 0 12px}.package-row[data-kind="hot"]{border-left:4px solid #b49356}.package-row details{margin-bottom:0}.package-row details summary{margin-bottom:0}.package-row details[open] summary{margin-bottom:12px}.package-row .section-top{align-items:start}.package-row .section-top button{padding:3px 8px}.allocation{background:#f1f6ef;border:1px solid #d5e3d3;border-radius:12px;padding:20px}.allocation h3{margin:0 0 14px;font-size:17px}.package-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.package-totals small{display:block;color:#657a6b}.package-totals strong{font-size:24px;color:#294c38}.allocation-lines{padding-left:20px;font-size:14px;color:#4e6855}.invalid{color:#965037}.legacy-access{margin-bottom:0}.split-saved-row{padding:18px 0;border-bottom:1px solid #e0e8df;overflow-wrap:anywhere}.split-saved-row .code{display:block}.split-saved-row button{margin-top:12px}.batch-cost{font-size:14px;padding:12px;background:#f0f4ec;border-radius:10px}.recent small{display:block}.package-row fieldset:disabled{opacity:.8}
@media(max-width:700px){.package-basics{grid-template-columns:1fr;gap:0}.package-line-fields{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:12px}.package-totals{grid-template-columns:1fr;gap:12px}.package-totals>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.package-totals strong{font-size:22px}.package-row{padding:15px}.allocation{padding:17px}.package-photo-picker input{font-size:13px}#packageSaved .section-top{flex-wrap:wrap}}

.package-row .split-kind{width:auto;max-width:calc(100% - 50px);font-size:15px;font-weight:600;padding:6px;margin:0 0 12px;background:#f5f8f2}