.quick-purchase-workspace{min-width:900px;min-height:100vh;padding-bottom:30px;background:#f4f6f5;color:var(--ink)}.quick-purchase-header{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 26px;border-bottom:1px solid var(--line);background:#fff}.quick-purchase-header a{color:#687679;font-size:12px;text-decoration:none}.quick-purchase-header h1{margin:7px 0 0;font-size:30px}.quick-purchase-header p{margin:6px 0 0;color:#657477;font-size:13px}.quick-purchase-demo{padding:8px 10px;border:1px solid #e0b77e;border-radius:5px;background:#fff5e8;color:#a95c1b;font-size:11px}
.quick-purchase-progress{max-width:680px;display:grid;grid-template-columns:repeat(3,1fr);margin:16px auto 12px;padding:0;list-style:none}.quick-purchase-progress li{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;color:#7a8789;font-size:12px}.quick-purchase-progress li:not(:last-child)::after{content:"";position:absolute;z-index:0;top:18px;left:66%;width:68%;height:1px;background:#ccd5d6}.quick-purchase-progress b{width:36px;height:36px;display:grid;z-index:1;place-items:center;border:1px solid #cbd4d5;border-radius:50%;background:#fff;font-size:13px}.quick-purchase-progress .is-active{color:var(--teal);font-weight:700}.quick-purchase-progress .is-active b{border-color:var(--teal);background:var(--teal);color:#fff}.quick-purchase-progress .is-complete b{border-color:#78b896;background:#eaf7f0;color:#287b54}.quick-purchase-progress .is-complete:not(:last-child)::after{background:#78b896}
.quick-purchase-shell{max-width:680px;margin:0 auto}.quick-purchase-step{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 6px 20px rgba(28,48,49,.06)}.quick-purchase-step[hidden]{display:none}.quick-purchase-step>header{min-height:76px;display:flex;align-items:center;gap:11px;padding:14px 16px;border-bottom:1px solid var(--line)}.quick-purchase-step>header>div{min-width:0;flex:1}.quick-purchase-step h2{margin:0;font-size:20px}.quick-purchase-step>header p{margin:5px 0 0;color:#687679;font-size:12px}.quick-purchase-back{width:42px;height:42px;display:grid;flex:0 0 42px;place-items:center;border:1px solid var(--line);border-radius:5px;background:#fff;color:#344346;font-size:18px}.quick-purchase-recognized{padding:6px 8px;border-radius:14px;background:#eaf7f0;color:#287b54;font-size:10px;white-space:nowrap}
.quick-purchase-camera{height:330px;display:grid;margin:15px;place-items:center;overflow:hidden;border-radius:7px;background:#202a2b;position:relative}.quick-purchase-receipt{width:210px;padding:22px 18px;background:#fffef7;color:#263234;box-shadow:0 16px 35px rgba(0,0,0,.28);transform:rotate(-2deg)}.quick-purchase-receipt b,.quick-purchase-receipt span{display:block}.quick-purchase-receipt b{text-align:center;font-size:13px}.quick-purchase-receipt span{margin-top:13px;font-size:11px}.quick-purchase-qr{width:74px;height:74px;display:block;margin:20px auto 0;background:repeating-conic-gradient(#172426 0 25%,#fff 0 50%) 50%/14px 14px}.quick-purchase-scan-line{position:absolute;top:52%;right:12%;left:12%;height:2px;background:#30d5d7;box-shadow:0 0 10px #30d5d7}.quick-purchase-step-actions{display:flex;gap:9px;padding:0 15px 15px}.quick-purchase-step-actions .button{min-height:48px;flex:1;font-size:12px;text-align:center;text-decoration:none}
.quick-purchase-shop{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 16px;border-bottom:1px solid var(--line)}.quick-purchase-shop b,.quick-purchase-shop small{display:block}.quick-purchase-shop b{font-size:14px}.quick-purchase-shop small{margin-top:5px;color:#708083;font-size:10px}.quick-purchase-shop strong{font-size:17px}.quick-purchase-items{padding:0 16px}.quick-purchase-items article{display:grid;grid-template-columns:46px 1fr auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.quick-purchase-items b,.quick-purchase-items small{display:block}.quick-purchase-items b{font-size:12px}.quick-purchase-items small{margin-top:4px;color:#718083;font-size:10px}.quick-purchase-items strong{font-size:12px}.quick-purchase-item-photo{width:46px;height:46px;display:block;position:relative;border:1px solid #cbd5d6;border-radius:6px;background:#edf2f2}.quick-purchase-item-photo::before,.quick-purchase-item-photo::after{content:"";position:absolute}.quick-purchase-item-photo--disc::before{width:30px;height:30px;left:7px;top:7px;border:5px solid #556164;border-radius:50%;background:#dce4e4;box-shadow:inset 0 0 0 5px #aab4b6}.quick-purchase-item-photo--disc::after{width:6px;height:6px;left:20px;top:20px;border-radius:50%;background:#fff}.quick-purchase-item-photo--paste::before{width:28px;height:30px;left:8px;top:11px;border:2px solid #b5aa8d;border-radius:5px;background:#f3efe2}.quick-purchase-item-photo--paste::after{width:24px;height:6px;left:10px;top:7px;border-radius:3px;background:#8f9a9d}
.quick-purchase-field{display:block;margin:12px 16px 0}.quick-purchase-field>span,.quick-purchase-purpose legend{display:block;margin-bottom:6px;color:#657477;font-size:10px}.quick-purchase-field select{width:100%;min-height:46px;padding:0 10px;border:1px solid #cbd4d5;border-radius:5px;background:#fff;color:#344346;font-size:12px}.quick-purchase-purpose{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 16px 0;padding:0;border:0}.quick-purchase-purpose legend{grid-column:1/-1}.quick-purchase-purpose button{min-height:46px;border:1px solid #cbd4d5;border-radius:5px;background:#fff;color:#667477;font-size:12px}.quick-purchase-purpose button.is-active{border-color:#8dbfc2;background:#eaf5f5;color:var(--teal);font-weight:700}.quick-purchase-order{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:9px 16px 0;padding:11px;border-left:3px solid var(--teal);background:#eef7f7}.quick-purchase-order[hidden]{display:none}.quick-purchase-order small,.quick-purchase-order b{display:block}.quick-purchase-order small{color:#667477;font-size:10px}.quick-purchase-order b{margin-top:4px;font-size:12px}.quick-purchase-order button{border:0;background:transparent;color:var(--teal);font-size:11px}.quick-purchase-allocation{margin:10px 16px 0;border:1px solid var(--line);border-radius:6px}.quick-purchase-allocation>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border-bottom:1px solid var(--line)}.quick-purchase-allocation h3{margin:0;font-size:13px}.quick-purchase-allocation header span{color:#708083;font-size:9px}.quick-purchase-allocation article{display:grid;grid-template-columns:1fr 90px 90px;gap:8px;align-items:center;padding:10px;border-bottom:1px solid var(--line)}.quick-purchase-allocation article:last-child{border-bottom:0}.quick-purchase-allocation b,.quick-purchase-allocation small{display:block}.quick-purchase-allocation b{font-size:11px}.quick-purchase-allocation small{margin-top:3px;color:#718083;font-size:9px}.quick-purchase-allocation article>span{text-align:right}.quick-purchase-allocation.is-stock-only article>span:nth-child(2){display:none}.quick-purchase-allocation.is-stock-only article{grid-template-columns:1fr 100px}.quick-purchase-allocation.is-stock-only article>span:last-child b::after{content:" · всё";color:var(--teal)}.quick-purchase-accounting{margin:10px 16px 0;padding:10px;border-radius:5px;background:#f5f7f7;color:#5f7073;font-size:10px;line-height:1.5}
.quick-purchase-success{padding:24px 16px 16px;text-align:center}.quick-purchase-success>span{width:62px;height:62px;display:grid;margin:0 auto 12px;place-items:center;border-radius:50%;background:#eaf7f0;color:#287b54;font-size:28px}.quick-purchase-success p{margin:7px auto 0;max-width:500px;color:#657477;font-size:11px;line-height:1.5}.quick-purchase-postings{margin:0 16px;border:1px solid var(--line);border-radius:6px}.quick-purchase-postings article{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:11px;border-bottom:1px solid var(--line)}.quick-purchase-postings article:last-child{border-bottom:0}.quick-purchase-postings>article>span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#eaf5f5;color:var(--teal)}.quick-purchase-postings b,.quick-purchase-postings small{display:block}.quick-purchase-postings b{font-size:11px}.quick-purchase-postings small{margin-top:4px;color:#718083;font-size:9px}.quick-purchase-postings em{color:#287b54;font-size:9px;font-style:normal}.quick-purchase-placement{margin:12px 16px 0;border:1px solid var(--line);border-radius:6px}.quick-purchase-placement>header{display:flex;align-items:center;justify-content:space-between;padding:11px;border-bottom:1px solid var(--line)}.quick-purchase-placement h3{margin:0;font-size:14px}.quick-purchase-placement header p{margin:4px 0 0;color:#718083;font-size:9px}.quick-purchase-placement header>span{color:var(--teal);font-size:10px}.quick-purchase-placement article{display:grid;grid-template-columns:46px 1fr auto;gap:10px;align-items:center;padding:11px;border-bottom:1px solid var(--line)}.quick-purchase-placement article:last-child{border-bottom:0}.quick-purchase-placement b,.quick-purchase-placement small,.quick-purchase-placement strong{display:block}.quick-purchase-placement b{font-size:11px}.quick-purchase-placement small{margin-top:4px;color:#718083;font-size:9px}.quick-purchase-placement strong{margin-top:5px;color:var(--teal);font-size:12px}.quick-purchase-placement button{min-height:40px;padding:0 9px;border:1px solid var(--teal);border-radius:5px;background:#fff;color:var(--teal);font-size:10px}.quick-purchase-placement button.is-placed{border-color:#84bf9d;background:#eaf7f0;color:#287b54}.quick-purchase-worker-note{margin:10px 16px 0;padding:10px;border-left:3px solid #7c898b;background:#f5f7f7;color:#667477;font-size:10px;line-height:1.45}.quick-purchase-mobile-nav{display:none}.quick-purchase-toast{position:fixed;right:22px;bottom:22px;z-index:40;min-width:320px;padding:12px 14px;border:1px solid #9bbec0;border-radius:7px;background:#f3f9f9;box-shadow:0 12px 30px rgba(24,48,49,.18)}.quick-purchase-toast b,.quick-purchase-toast p{display:block;margin:0}.quick-purchase-toast b{font-size:11px}.quick-purchase-toast p{margin-top:4px;color:#637679;font-size:10px}.quick-purchase-toast[hidden]{display:none}
@media(max-width:720px){html,body{min-width:0;background:#f4f6f5}.sidebar{display:none}.quick-purchase-workspace{min-width:0;margin-left:0;padding-bottom:80px}.quick-purchase-header{min-height:88px;padding:13px}.quick-purchase-header h1{font-size:22px}.quick-purchase-header p{font-size:10px}.quick-purchase-demo{display:none}.quick-purchase-progress{margin:10px 8px 8px}.quick-purchase-progress li{font-size:10px}.quick-purchase-progress li:not(:last-child)::after{left:70%;width:60%}.quick-purchase-shell{margin:0 8px}.quick-purchase-step{border-radius:7px;box-shadow:none}.quick-purchase-step>header{padding:11px}.quick-purchase-step h2{font-size:17px}.quick-purchase-camera{height:300px;margin:10px}.quick-purchase-step-actions{display:grid;gap:7px;padding:0 10px 10px}.quick-purchase-step-actions .button{min-height:52px}.quick-purchase-items{padding:0 11px}.quick-purchase-field,.quick-purchase-purpose,.quick-purchase-order,.quick-purchase-allocation,.quick-purchase-accounting{margin-right:11px;margin-left:11px}.quick-purchase-allocation article{grid-template-columns:1fr 68px 68px}.quick-purchase-postings,.quick-purchase-placement,.quick-purchase-worker-note{margin-right:11px;margin-left:11px}.quick-purchase-placement article{grid-template-columns:46px 1fr}.quick-purchase-placement article button{min-height:46px;grid-column:1/-1}.quick-purchase-mobile-nav{position:fixed;right:0;bottom:0;left:0;z-index:35;display:grid;grid-template-columns:repeat(4,1fr);padding:5px 4px 7px;border-top:1px solid var(--line);background:#fff}.quick-purchase-mobile-nav a{min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#657477;font-size:9px;text-decoration:none}.quick-purchase-mobile-nav span{font-size:18px}.quick-purchase-mobile-nav .is-active{color:var(--teal);font-weight:700}.quick-purchase-toast{right:8px;bottom:76px;left:8px;min-width:0}}
@media(max-width:360px){.quick-purchase-shop strong{font-size:14px}.quick-purchase-items article{grid-template-columns:42px 1fr}.quick-purchase-items article>strong{grid-column:2}.quick-purchase-allocation article{grid-template-columns:1fr 60px 60px}.quick-purchase-purpose{gap:5px}}
