:root{color:#20233a;font-synthesis:none;text-rendering:optimizelegibility;background:#f7f8fc;font-family:Calibri,sans-serif}*{box-sizing:border-box}body{-webkit-user-select:none;user-select:none;min-width:320px;min-height:100vh;margin:0}button{font:inherit}.picking-app{min-height:100vh}.picking-header{background:linear-gradient(105deg,#2d398e 0%,#aab1e4 54%,#dae8fc 100%);justify-content:space-between;align-items:center;min-height:96px;padding:12px 40px;display:flex}.header-spacer,.picking-logo{width:112px}.picking-logo{object-fit:contain;mix-blend-mode:multiply;width:auto;height:72px}.picking-main{width:min(100% - 40px,920px);margin:0 auto;padding:64px 0 72px}.picking-actions{justify-content:center;gap:clamp(24px,8vw,104px);display:flex}.action-button{aspect-ratio:1;color:#fff;text-align:center;-webkit-user-select:none;user-select:none;cursor:pointer;border:0;border-radius:50%;flex:0 260px;place-items:center;width:clamp(180px,29vw,260px);padding:34px;font-size:clamp(1.25rem,3vw,1.8rem);font-weight:700;line-height:1.15;transition:transform .18s,box-shadow .18s,filter .18s,opacity .18s;display:grid;box-shadow:0 16px 34px #2e2d5d33,inset 0 1px 1px #ffffff8c}.next-order-button{background:linear-gradient(135deg,#ff4d78 0%,#ff9a54 38%,#ffd166 64%,#67c8c0 100%)}.done-button{background:linear-gradient(135deg,#5b65d8 0%,#9b5de5 40%,#ed5da8 72%,#ff8c69 100%)}.action-button:not(:disabled):hover{transform:translateY(-5px)scale(1.025);box-shadow:0 22px 40px #2e2d5d42,inset 0 1px 1px #fff9}.action-button:focus-visible{outline-offset:6px;outline:4px solid #252b66}.action-button:disabled{filter:grayscale(.82);opacity:.42;cursor:not-allowed;box-shadow:0 8px 18px #2e2d5d1a}.picking-placeholder{-webkit-user-select:none;user-select:none;background:#ffffffad;border:2px dashed #c9cde0;border-radius:12px;min-height:220px;margin-top:58px}@media (width<=560px){.picking-header{min-height:80px;padding:10px 20px}.header-spacer{width:64px}.picking-logo{height:60px}.picking-main{width:min(100% - 28px,420px);padding-top:44px}.picking-actions{gap:14px}.action-button{flex-basis:190px;width:min(43vw,190px);padding:20px;font-size:clamp(1.05rem,5vw,1.35rem)}.picking-placeholder{min-height:180px;margin-top:42px}}
