/* PICK WAVES - list drawer, order picker, full-screen wave screen (pick / sort / ship). Scripts: includes/scripts/ux/40-pickwave-*.js. Calm workspace: ocean blue accent, rounded cards. */
.pw-grow{flex:1}
.pw-badge{display:inline-block;min-width:20px;padding:0 6px;border-radius:99px;background:#0369a1;color:#fff;font:700 11px Inter,sans-serif;line-height:20px;text-align:center;margin-left:4px}
.pw-pill{display:inline-block;border-radius:99px;padding:2px 10px;font:700 11.5px Inter,sans-serif;vertical-align:middle;margin-left:6px}
.pw-pill.is-info{background:#e0f2fe;color:#075985}.pw-pill.is-warn{background:#fef3c7;color:#92400e}.pw-pill.is-ok{background:#dcfce7;color:#166534}.pw-pill.is-neutral{background:#eef1f6;color:#475467}
.pw-empty{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;color:#667085;padding:34px 16px}.pw-empty i{font-size:30px;color:#7dd3fc}.pw-empty b{color:#0f2a3d}
.pw-stagebar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#f0f9ff;border:1px solid #bae6fd;border-radius:14px;padding:10px 14px;margin:0 0 12px;color:#075985}.pw-stagebar span{flex:1;min-width:200px}
/* modal + drawer parts */
.pw-modal{position:fixed;inset:0;z-index:100000;background:rgba(15,42,61,.5);display:flex;align-items:center;justify-content:center;padding:14px}
.pw-box{background:#fff;border-radius:18px;max-width:640px;width:100%;max-height:92vh;overflow:auto;padding:20px 22px;box-shadow:0 24px 70px rgba(8,47,73,.3);color:#1b2437}
.pw-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}.pw-head h3{margin:0;font:800 19px "Plus Jakarta Sans",Inter,sans-serif}.pw-head small{color:#667085}
.pw-head-act{display:flex;gap:8px;align-items:center}.pw-head-act a{text-decoration:none}
.pw-x{border:0;background:#eef1f6;border-radius:12px;width:40px;height:40px;color:#475467;font-size:16px;cursor:pointer}.pw-x:hover{background:#e0f2fe;color:#075985}
.pw-field{display:block;margin:0 0 12px}.pw-field span{display:block;font-size:12.5px;color:#667085;margin-bottom:3px}
.pw-check{display:flex;gap:10px;align-items:flex-start;margin:6px 0 4px;cursor:pointer}.pw-check input{margin-top:4px}
.pw-foot{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:14px}
.pw-state{font-size:12.5px;color:#667085}
/* list drawer */
.pw-list{display:flex;flex-direction:column;gap:12px;min-height:100%}.pw-tabs{display:flex;gap:6px;flex-wrap:wrap}
.pw-tabs button{border:1px solid #d6e4ee;background:#fff;border-radius:99px;padding:6px 14px;font:600 13px Inter,sans-serif;color:#475467;cursor:pointer}.pw-tabs button.is-on{background:#0369a1;border-color:#0369a1;color:#fff}
.pw-listbody{display:flex;flex-direction:column;gap:10px;flex:1}.pw-card{border:1px solid #e4e8f0;border-radius:14px;padding:12px 14px;background:#fff}
.pw-card-top{display:flex;align-items:center;gap:6px}.pw-card-top b{font:800 16px "Plus Jakarta Sans",Inter,sans-serif}.pw-card-top small,.pw-card-meta{color:#667085;font-size:12.5px}
.pw-card-note{font-size:13px;margin-top:4px}.pw-card-act{display:flex;gap:8px;margin-top:10px}.pw-card-act a{text-decoration:none}
.pw-listfoot{position:sticky;bottom:0;background:#fff;padding:10px 0}
/* order picker */
.pw-pk-tools{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 10px}.pw-pk-tools input{flex:2;min-width:160px}.pw-pk-tools select{flex:1;min-width:140px}
.pw-pk-list{max-height:44vh;overflow:auto;border:1px solid #e4e8f0;border-radius:14px;margin-bottom:12px}
.pw-ord{display:flex;align-items:center;gap:12px;padding:11px 14px;border-top:1px solid #eef1f6;cursor:pointer;margin:0}.pw-ord:first-child{border-top:0}.pw-ord.is-on{background:#f0f9ff}
.pw-ord input{width:20px;height:20px;flex:0 0 auto}.pw-ord-main{flex:1;min-width:0}.pw-ord-main b{display:block}.pw-ord-main span{color:#667085;font-size:13px}
.pw-ord-meta{text-align:right;font-size:13px}.pw-ord-meta small{display:block;color:#667085}
#pwPkCount.is-bad{color:#b91c1c;font-weight:700}
/* full-screen wave */
.pw-full{padding:0;align-items:stretch;background:#f4f8fb}
.pw-full .pw-box{max-width:none;max-height:none;height:100%;border-radius:0;box-shadow:none;background:#f4f8fb;padding:12px 14px;display:flex;flex-direction:column;gap:10px;overflow:hidden}
.pw-steps{display:flex;gap:6px;border-bottom:2px solid #dbe7f0}.pw-steps button{flex:1;border:0;background:none;padding:10px 6px;font:700 14px Inter,sans-serif;color:#667085;border-bottom:3px solid transparent;margin-bottom:-2px;cursor:pointer;min-height:46px}
.pw-steps button b{display:inline-flex;width:22px;height:22px;border-radius:50%;background:#dbe7f0;color:#475467;align-items:center;justify-content:center;font-size:12px;margin-right:4px}
.pw-steps button.is-on{color:#0369a1;border-bottom-color:#0369a1}.pw-steps button.is-on b{background:#0369a1;color:#fff}
.pw-full .pw-body{flex:1;overflow:auto;display:flex;flex-direction:column;gap:10px;min-height:0}
.pw-full .pw-foot{margin:0;padding-top:8px;border-top:1px solid #dbe7f0}.pw-full .pw-foot .btn{min-height:48px;padding:0 18px;font-weight:700;border-radius:13px}
.pw-note{background:#fff;border:1px solid #e4e8f0;border-radius:13px;padding:10px 14px;color:#475467;font-size:13.5px}.pw-note i{color:#0369a1;margin-right:6px}.pw-note.is-ok{background:#f3fbf5;border-color:#bbf7d0}
.pw-scan{position:relative}.pw-scan i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#0369a1;font-size:19px}
.pw-scan input{height:54px;padding-left:46px;font-size:17px;border-radius:14px;border:2px solid #0369a1}
.pw-progress{height:8px;border-radius:99px;background:#dbe7f0;overflow:hidden;flex:0 0 auto}.pw-progress span{display:block;height:100%;width:0;background:#16a34a;transition:width .25s}
.pw-sum{font-size:13px;color:#667085}
.pw-callout{background:#ecfdf3;border:1px solid #86efac;border-radius:13px;padding:11px 14px;font-size:16px;color:#14532d}.pw-callout.is-bad{background:#fef2f2;border-color:#fecaca;color:#7f1d1d}.pw-callout.is-warn{background:#fffbeb;border-color:#fde68a;color:#78350f}
.pw-callout-t{opacity:.8}.pw-callout-s{display:block;font-size:12.5px;opacity:.75;margin-top:2px}
/* the consolidated pick list */
.pw-lines{background:#fff;border:1px solid #e4e8f0;border-radius:14px;overflow:hidden}
.pw-aisle{padding:6px 14px;background:#0f2a3d;color:#fff;font:700 12px Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;position:sticky;top:0;z-index:1}
.pw-line{border-top:1px solid #e4e8f0;transition:background .3s}.pw-aisle+.pw-line{border-top:0}.pw-line.is-done{background:#f3fbf5}.pw-line.is-part{background:#fffbeb}.pw-line.pw-flash{background:#dcfce7}
.pw-line-main{display:flex;align-items:center;gap:12px;padding:12px 14px;flex-wrap:wrap}
.pw-bin{flex:0 0 auto;min-width:70px;text-align:center;background:#e0f2fe;color:#075985;border-radius:11px;padding:7px 10px;font:800 15px "Plus Jakarta Sans",Inter,sans-serif;letter-spacing:.02em}.pw-bin.is-none{background:#f1f5f9;color:#94a3b8;font-weight:600;font-size:12px}
.pw-name{flex:1;min-width:150px}.pw-name b{display:block;font-size:15.5px}.pw-name small{color:#667085}
.pw-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}.pw-chip{display:inline-flex;align-items:center;gap:4px;background:#f1f5f9;color:#475467;border-radius:99px;padding:1px 9px;font-size:11.5px}.pw-chip.is-bad{background:#fee2e2;color:#991b1b}.pw-chip i{color:#0369a1}
.pw-sn{background:#e0f2fe;color:#075985;font-weight:600}.pw-sn button{border:0;background:none;color:inherit;font-size:14px;line-height:1;padding:0 0 0 2px;cursor:pointer}
.pw-qty{display:flex;align-items:center;gap:6px}.pw-qty .btn{height:48px;min-width:48px;font-size:20px;line-height:1;border-radius:12px}.pw-qty input{width:74px;height:48px;text-align:center;font:700 18px Inter,sans-serif;border-radius:12px}
.pw-of{color:#667085;font-size:13px;white-space:nowrap;min-width:46px}
.pw-exp{border:0;background:#f1f5f9;border-radius:11px;min-height:40px;padding:0 12px;color:#475467;font:600 12.5px Inter,sans-serif;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.pw-split{background:#f8fbfd;border-top:1px dashed #d6e4ee;padding:6px 14px 10px 96px}
.pw-split-row{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;padding:5px 0;font-size:14px}.pw-split-row b{min-width:92px}.pw-split-n em{color:#b45309;font-style:normal;font-weight:600;margin-left:6px}.pw-split-row.is-full b::after{content:" \2713";color:#16a34a}
/* sort step */
.pw-totes{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.pw-tote{background:#fff;border:2px solid #e4e8f0;border-radius:16px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.pw-tote.is-sorted{border-color:#86efac;background:#f6fef9}.pw-tote.is-shipped,.pw-tote.is-released{opacity:.7}
.pw-tote-head{display:flex;gap:10px;align-items:center}.pw-tote-no{flex:0 0 auto;width:38px;height:38px;border-radius:12px;background:#0f2a3d;color:#fff;display:flex;align-items:center;justify-content:center;font:800 17px "Plus Jakarta Sans",Inter,sans-serif}
.pw-tote-t{flex:1;min-width:0}.pw-tote-t b{display:block;font-size:16px}.pw-tote-t span{color:#667085;font-size:13px}.pw-tote-head small{color:#667085;text-align:right}
.pw-tote-items{list-style:none;margin:0;padding:0}.pw-tote-items li{display:flex;flex-wrap:wrap;gap:8px;padding:5px 0;border-top:1px solid #eef1f6;font-size:14.5px}.pw-tote-items li b{min-width:32px;font-size:16px}.pw-tote-items li.is-short{color:#92400e}.pw-tote-items li em{font-style:normal;font-weight:700}
.pw-tote-short{display:flex;gap:8px;align-items:flex-start;background:#fffbeb;border:1px solid #fde68a;border-radius:11px;padding:8px 10px;font-size:13px;color:#78350f}
.pw-tote-note{font-size:12.5px;color:#667085;font-style:italic}.pw-tote-done{color:#667085;font-size:13.5px}
.pw-tote-btn{min-height:50px;border-radius:13px;font-weight:700}
/* ship step */
.pw-shipform{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#fff;border:1px solid #e4e8f0;border-radius:14px;padding:12px 14px}.pw-shipform .pw-field{margin:0}
.pw-shiplist{background:#fff;border:1px solid #e4e8f0;border-radius:14px;overflow:hidden}
.pw-ship-row{display:flex;gap:10px 14px;align-items:center;flex-wrap:wrap;padding:11px 14px;border-top:1px solid #eef1f6}.pw-ship-row:first-child{border-top:0}
.pw-ship-main{flex:1;min-width:150px}.pw-ship-main b{display:block}.pw-ship-main span{color:#667085;font-size:13px}.pw-ship-meta{font-size:13.5px}.pw-ship-meta em{color:#b45309;font-style:normal;font-weight:700}.pw-ship-row a{text-decoration:none}
/* wave menu */
.pw-menu{display:flex;flex-direction:column;gap:6px;margin:8px 0}.pw-menu-row{display:flex;gap:10px;align-items:center;justify-content:space-between;border:1px solid #e4e8f0;border-radius:12px;padding:8px 12px}
@media (max-width:700px){
	.pw-full .pw-box{padding:10px}.pw-head h3{font-size:17px}.pw-head-act a span{display:none}
	.pw-line-main{gap:10px;padding:12px}.pw-qty{width:100%;justify-content:space-between}.pw-qty input{flex:1;width:auto}.pw-exp{width:100%;justify-content:center}
	.pw-split{padding-left:14px}.pw-shipform{grid-template-columns:1fr}.pw-full .pw-foot .btn{flex:1 1 44%}.pw-steps button{font-size:12.5px;padding:8px 2px}
}
@media (max-width:700px){
	.pw-full .pw-foot{gap:8px}.pw-full .pw-foot .pw-state{order:-1;flex:1 0 100%;font-size:11.5px;margin-bottom:-2px}.pw-full .pw-foot .pw-grow{display:none}
	.pw-full .pw-foot .btn{flex:1 1 0;min-width:0;padding:0 8px;font-size:14px;min-height:48px}
	.pw-scan input{height:50px;font-size:16px}.pw-head small{display:block;line-height:1.3}.pw-steps button b{display:none}
	.pw-line-main{padding:10px 12px}.pw-bin{min-width:58px;font-size:14px}.pw-name b{font-size:15px}
	.pw-totes{grid-template-columns:1fr}.pw-ship-row .btn{flex:1 1 40%}
}