:root{--border:#000;--gray:#e6e6e6;--font: Arial, Helvetica, sans-serif}.app{font-family:var(--font);background:#f3f4f6;padding:12px}.controls{max-width:860px;margin:0 auto 10px;display:flex;justify-content:space-between;align-items:center;gap:12px}.controls .hint{font-size:12px;opacity:.7;margin-left:10px}.controls button{padding:8px 12px;border:1px solid #c9c9c9;background:#fff;border-radius:8px;cursor:pointer}.controls button.secondary{opacity:.85}.page-wrap{overflow:auto;-webkit-overflow-scrolling:touch}.page{width:210mm;height:297mm;background:#fff;margin:0 auto;box-shadow:0 6px 18px #0000001f;padding:6mm;box-sizing:border-box}.logo-wrap{display:flex;justify-content:center;margin:0 0 2mm}.logo{max-width:70mm;height:auto}.info-box{border:1.2px solid var(--border);padding:6mm;margin-bottom:3mm}.info-row{display:grid;grid-template-columns:1fr 1fr;gap:8mm;margin-bottom:6mm}.info-field{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:3mm}.info-label{font-size:12px;white-space:nowrap}.info-field input{width:100%;border:none;border-bottom:1px solid #bbb;padding:3px 4px;font-size:13px;outline:none;background:transparent}.form-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:11.5px}.form-table th,.form-table td{border:.6px solid var(--border);padding:2.2px 4px;vertical-align:middle}.form-table thead th{background:var(--gray);font-weight:700;text-align:left}.col-item{width:32%}.col-qty{width:7%}.col-packed{width:11%}.form-table input{width:100%;border:none;outline:none;font-size:11.5px;padding:0;margin:0;background:transparent}.section{background:var(--gray);font-weight:700;text-align:center}.footer{margin-top:3mm;text-align:center;font-size:14px}@page{size:A4;margin:0}@media print{body{background:#fff}.no-print{display:none!important}.app{padding:0;background:#fff}.page-wrap{overflow:visible}.page{box-shadow:none;margin:0;width:210mm;height:297mm}.logo{max-width:70mm}}