:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#10263b;background:#f3f6f8}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #aebbc5;background:#fff;border-radius:12px;padding:.7rem 1rem;color:#10263b}button:disabled{opacity:.5;cursor:not-allowed}.primary{background:#087e74;border-color:#087e74;color:#fff;font-weight:700}.subtle,.link-button{border:0;background:none;padding:.35rem;color:#087e74}.topbar{display:flex;align-items:center;gap:1rem;padding:.8rem 1.2rem;background:#10263b;color:#fff}.topbar a,.topbar button{color:#fff}.topbar nav{display:flex;gap:1rem;margin-left:auto}.topbar form{margin:0}.brand{font-size:1.2rem;font-weight:800;text-decoration:none}main{max-width:1280px;margin:auto;padding:1rem}h1{margin:.3rem 0 1rem}h2{margin:.2rem 0 1rem}label{display:grid;gap:.3rem;font-size:.9rem;font-weight:650}input,select{border:1px solid #afbdc9;border-radius:10px;background:#fff;color:#10263b;padding:.7rem;min-width:0}input[type=checkbox]{width:1.3rem;height:1.3rem}.notice,.error{padding:.9rem;border-radius:10px;margin:0 0 1rem}.notice{background:#d8f6e9}.error{background:#ffe0df;color:#8a1a1a}.login-card,.panel{background:#fff;border:1px solid #d8e1e8;border-radius:16px;padding:1.2rem;margin-bottom:1rem}.login-card{max-width:420px;margin:10vh auto}.login-card form{display:grid;gap:1rem}.admin-head{display:flex;align-items:center;justify-content:space-between}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.table-wrap{overflow:auto;background:#fff;border-radius:12px;margin:1rem 0}table{border-collapse:collapse;width:100%;min-width:700px}th,td{text-align:left;padding:.7rem;border-bottom:1px solid #e5ebef}td input{width:100%;min-width:90px}.pick-shell{max-width:760px;margin:auto}.pick-status{display:flex;gap:.6rem;align-items:center;justify-content:space-between;background:#e4eef3;padding:.6rem;border-radius:12px;position:sticky;top:0;z-index:5}.pick-status button{padding:.45rem}.order-card,.line-card,.line-focus,.scan-panel,.pick-actions,.complete-panel{background:#fff;border:1px solid #d8e1e8;border-radius:16px;padding:1rem;margin:.8rem 0}.order-card{display:grid;width:100%;text-align:left;gap:.25rem}.order-card strong{font-size:1.25rem}.work-head{display:flex;justify-content:space-between;align-items:flex-start}.work-head h1{margin:0}.work-head p{margin:.3rem 0}#camera{width:100%;max-height:220px;object-fit:cover;border-radius:12px;background:#000;margin:.7rem 0}.scan-controls{display:flex;gap:.5rem}.scan-input{margin:.6rem 0}.line-focus{border:2px solid #087e74}.line-focus strong{font-size:1.2rem}.line-card{display:flex;justify-content:space-between;gap:.5rem;width:100%;text-align:left}.line-card.selected{border:2px solid #087e74}.pick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.pick-actions button{min-height:54px}.package-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.complete-panel summary{font-weight:700;cursor:pointer}#pick-message{min-height:1.5rem;font-weight:700}.ok{color:#087e74}.warn{color:#9b4900}.bad{color:#aa2020}@media(max-width:640px){.topbar{flex-wrap:wrap}.topbar nav{order:3;width:100%}.pick-actions{grid-template-columns:repeat(2,1fr)}.package-fields{grid-template-columns:repeat(3,1fr)}main{padding:.65rem}.line-card{padding:.8rem}}:is(.close-line){border-top:1px solid #d8e1e8;padding:.8rem 0;display:grid;gap:.5rem}
