*{box-sizing:border-box;margin:0;padding:0}:root{--green: #1a7a4c;--green-bg: #e6f4ec;--red: #c62828;--red-bg: #fdecea;--ink: #1c1c1e;--muted: #6b7280;--line: #e5e7eb}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:#f7f7f8;-webkit-tap-highlight-color:transparent}.screen{max-width:560px;margin:0 auto;padding:16px;min-height:100vh}h1{font-size:1.4rem;text-align:center;margin:24px 0 8px;color:var(--green)}h2{font-size:1.2rem;margin:12px 0}h3{font-size:1rem;margin:16px 0 8px;color:var(--muted)}.hint{color:var(--muted);margin:8px 0}.error-text{color:var(--red);font-weight:600;margin:8px 0}.topbar{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);margin-bottom:12px;font-weight:600}.link{background:none;border:none;color:var(--green);font-size:1rem;font-weight:600;padding:8px}.login{display:flex;flex-direction:column;align-items:center}.pin-dots{display:flex;gap:12px;margin:20px 0;min-height:18px}.dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--muted)}.dot.filled{background:var(--green);border-color:var(--green)}.pin-pad{display:grid;grid-template-columns:repeat(3,84px);gap:12px;margin-top:12px}.pin-pad button{height:72px;font-size:1.6rem;font-weight:700;border:1px solid var(--line);border-radius:14px;background:#fff}.pin-pad button:active{background:var(--green-bg)}.pad-primary{background:var(--green)!important;color:#fff;border:none!important}.pad-primary:disabled{opacity:.4}.pad-secondary{color:var(--red)}.list{display:flex;flex-direction:column;gap:10px}.list-item{display:flex;align-items:center;gap:12px;text-align:left;padding:16px;font-size:1.05rem;background:#fff;border:1px solid var(--line);border-radius:14px;width:100%}.list-item:active{background:var(--green-bg)}.list-item.static:active{background:#fff}.list-item.scanned{background:var(--green-bg);border-color:var(--green)}.task-order{min-width:36px;height:36px;border-radius:50%;background:var(--green);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center}.task-body{flex:1;display:flex;flex-direction:column;gap:2px}.task-body small{color:var(--muted)}.check{font-size:1.3rem}.badge{font-size:.78rem;font-weight:700;padding:4px 10px;border-radius:999px;white-space:nowrap}.badge-ready{background:var(--green-bg);color:var(--green)}.badge-progress{background:#fff7e0;color:#9a6b00}.badge-pending,.badge-waiting{background:#eef1f5;color:var(--muted)}.feedback{display:flex;gap:14px;align-items:center;padding:18px;border-radius:14px;margin:14px 0;border:2px solid;font-size:1.05rem}.feedback img{width:64px;height:64px;object-fit:contain;border-radius:8px;background:#fff}.feedback-ok{background:var(--green-bg);border-color:var(--green);color:var(--green)}.feedback-bad{background:var(--red-bg);border-color:var(--red);color:var(--red)}.feedback-bad strong{font-size:1.2rem}.scan-tools{margin-top:20px;display:flex;flex-direction:column;gap:12px}.secondary{padding:14px;font-size:1rem;font-weight:600;border:1px solid var(--green);color:var(--green);background:#fff;border-radius:14px}.camera{width:100%;border-radius:14px;background:#000;aspect-ratio:4 / 3}.manual{display:flex;gap:8px}.manual input{flex:1;padding:14px;font-size:1rem;border:1px solid var(--line);border-radius:14px}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;margin:14px 0}.panel.inner{background:#fafafa;margin:10px 0}.form-row{display:flex;flex-wrap:wrap;gap:12px;margin:10px 0}.form-row label{display:flex;flex-direction:column;gap:6px;font-weight:600;flex:1;min-width:140px}.form-row input,.panel input{padding:14px;font-size:1.1rem;border:1px solid var(--line);border-radius:12px;width:100%}.primary{padding:16px;font-size:1.1rem;font-weight:700;width:100%;background:var(--green);color:#fff;border:none;border-radius:14px;margin-top:8px}.primary:disabled{opacity:.4}.lot-input{display:flex;align-items:stretch}.lot-prefix{display:flex;align-items:center;padding:0 14px;font-weight:800;font-size:1.2rem;background:var(--green-bg);color:var(--green);border:1px solid var(--line);border-right:none;border-radius:12px 0 0 12px}.lot-input input{border-radius:0 12px 12px 0}.feedback-warn{background:#fff7e0;border-color:#b8860b;color:#7a5b00}.qc-actions{display:flex;gap:8px}.qc-actions.measure input{width:110px;padding:10px;font-size:1rem;border:1px solid var(--line);border-radius:10px}.note-label{display:flex;flex-direction:column;gap:6px;font-weight:600;margin:10px 0}.call-btn{margin:10px 0}.take-lot{color:var(--green);font-weight:600}.undo-btn{border:1px solid var(--red);color:var(--red);background:#fff;border-radius:10px;width:40px;height:40px;font-size:1.1rem;font-weight:700}.problem-area{margin-top:16px}.problem-btn{width:100%;padding:14px;font-size:1rem;font-weight:700;background:#fff;border:1.5px solid #b8860b;color:#7a5b00;border-radius:14px}.blocked-item{opacity:.8;background:#fafafa}.blocked-reason{color:var(--red);font-weight:600}.qc-pass,.qc-fail{padding:10px 16px;border-radius:10px;font-weight:700;border:none}.qc-pass{background:var(--green-bg);color:var(--green)}.qc-fail{background:var(--red-bg);color:var(--red)}.list-item.column{flex-direction:column;align-items:stretch}.row-head{display:flex;align-items:center;gap:12px;cursor:pointer}.row-head .task-body{flex:1}.bring-list{margin:10px 0 4px 8px;line-height:1.6;list-style:none}.bring-list .loc{font-size:.85rem;color:var(--muted)}.bring-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:8px 0;border-bottom:1px dashed var(--line)}.bring-main{flex:1}.bring-info{display:flex;flex-direction:column;align-items:flex-end;text-align:right;max-width:55%}.waybill{font-size:.85rem;color:#7a5b00;font-weight:600}.list-item.big{font-size:1.2rem;padding:22px 16px}.bring-list .done-line{opacity:.75}.reorder-bar{display:flex;gap:10px;margin-bottom:12px}.reorder-bar .primary{width:auto;flex:1;margin-top:0}