.demo-section{background:#edf3f2}.picking-demo{display:grid;grid-template-columns:300px 1fr;border:1px solid #bed0d1;border-radius:12px;overflow:hidden;background:#fff}.demo-orders{padding:28px;background:#173e46;color:#fff}.demo-caption{font-size:.8rem;letter-spacing:.05em;text-transform:uppercase}.demo-orders h3{margin:20px 0}.demo-order-list{display:grid;gap:12px}.demo-order-list button{display:grid;gap:8px;width:100%;padding:17px;text-align:left;border:1px solid #708d92;background:transparent;color:#fff;border-radius:6px;cursor:pointer;font:inherit}.demo-order-list button[aria-pressed=true]{background:#fff;color:#173e46;border-color:#fff}.demo-order-list button.is-done b:after{content:' · hotovo'}.demo-order-list button.is-done{opacity:.7}.demo-orders .text-link{background:none;border:0;color:#fff;font:inherit;cursor:pointer;text-decoration:underline}.demo-progress{margin:24px 0 14px}.demo-workspace{padding:28px}.demo-bins{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:25px 0}.demo-bin{min-width:0;display:grid;gap:14px;text-align:left;background:#f2f5f5;border:2px solid #b9cbce;padding:18px 15px 0;border-radius:5px;font:inherit;color:#173e46;cursor:pointer}.demo-bin strong{font-size:1rem;overflow-wrap:anywhere}.demo-bin.is-lit{background:#e6f5e9;border-color:#167443}.demo-signal{height:7px;background:#becdce;margin-inline:-15px}.demo-bin.is-lit .demo-signal{background:#167443}.demo-bin.is-lit>span:first-child:after{content:' · ODBER';font-size:.7rem;font-weight:800}.demo-status{min-height:4em;font-weight:600}.capacity-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:28px}.capacity-form label{font-size:.95rem;font-weight:600;display:grid;gap:10px}.capacity-form input{width:100%;min-width:0;box-sizing:border-box;border:1px solid #8ca5aa;border-radius:5px;padding:14px;background:#fff;font:inherit;color:#173e46}.capacity-form output{grid-column:2/-1;align-self:center;font-size:1.2rem;font-weight:700}.capacity-form .button{cursor:pointer;border:0;white-space:normal}.capacity-form input:focus-visible{outline:3px solid var(--copper);outline-offset:3px}@media(max-width:900px){.picking-demo{grid-template-columns:1fr}.demo-order-list{grid-template-columns:repeat(3,minmax(0,1fr))}.capacity-form{grid-template-columns:1fr 1fr}.capacity-form output{grid-column:1/-1}}@media(max-width:520px){.demo-orders,.demo-workspace{padding:22px}.demo-order-list{grid-template-columns:1fr}.demo-bins{grid-template-columns:1fr 1fr}.capacity-form{grid-template-columns:1fr}.demo-bin{padding:14px 10px 0}.demo-signal{margin-inline:-10px}}