/* ピッキング・配送（スマホで片手操作できる大きさ） */
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin:12px 0}
.kpi{background:#fff;border:1px solid #ddd;border-radius:10px;padding:10px;text-align:center}
.kpi b{display:block;font-size:1.8em}.kpi span{color:#666;font-size:.85em}.kpi.red b{color:#c62828}
.bar{height:6px;background:#eee;border-radius:3px;overflow:hidden;margin-bottom:2px;min-width:80px}.bar i{display:block;height:100%;background:#2e7d32}
.tag.ok{background:#e8f5e9;color:#2e7d32}
.tag.z-dry{background:#fff3e0;color:#8d5a00}.tag.z-chill{background:#e3f2fd;color:#1565c0}.tag.z-frozen{background:#ede7f6;color:#4527a0}
.tag.st-draft{background:#eee;color:#555}.tag.st-confirmed{background:#fff8e1;color:#8d6e00}.tag.st-picked{background:#e3f2fd;color:#1565c0}
.tag.st-shipped{background:#ede7f6;color:#4527a0}.tag.st-delivered{background:#e8f5e9;color:#2e7d32}.tag.st-absent,.tag.st-returned{background:#ffebee;color:#c62828}
h2.zone{margin-top:20px;padding:4px 10px;border-radius:6px;background:#f2f2f2}
.picks{display:flex;flex-direction:column;gap:8px}
.pick{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid #ddd;border-radius:10px;padding:10px}
.pick.done{opacity:.55}.pick.short{border-color:#c62828}
.pick .loc{font:700 1.1em monospace;min-width:5.5em;text-align:center;background:#263238;color:#fff;border-radius:6px;padding:8px 4px}
.pick .what{flex:1;min-width:0}.pick .big{font-size:1.25em;font-weight:700;color:#0d47a1;margin-left:6px}
.pick .sub{margin-top:4px}.pick form{display:flex;gap:6px;align-items:center}
input.qty{width:5em}
.big-btn{padding:12px 18px;font-size:1.05em}
.shipcard{background:#fff;border:1px solid #ddd;border-radius:10px;padding:10px;margin:8px 0}.shipcard .sub{margin-top:6px}
.next-stop{background:#e8f5e9;border:2px solid #2e7d32;border-radius:12px;padding:14px;margin:12px 0}
.next-stop .name{font-size:1.5em;font-weight:700}
.stops li{background:#fff;border:1px solid #ddd;border-radius:8px;padding:8px;margin:6px 0}
.stops li.st-delivered{opacity:.6}
.deli-btns{display:flex;flex-wrap:wrap;gap:8px}
@media (max-width:600px){.pick{flex-wrap:wrap}.pick form{width:100%}.pick form .btn{flex:1}}
