.workstation-head{align-items:center}.workstation-kpis{display:flex;gap:10px}.workstation-kpis span{min-width:110px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:12px 14px}.workstation-kpis b,.workstation-kpis small{display:block}.workstation-kpis b{font-size:21px}.workstation-kpis small{font-size:9px;color:var(--muted);margin-top:3px}.workstation-order-head{display:grid;grid-template-columns:48px minmax(0,1fr) auto auto;gap:15px;align-items:center;background:linear-gradient(120deg,#111827,#28234d);color:#fff;border-radius:18px;padding:18px 21px;margin-bottom:18px}.marketplace-orb{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-weight:900}.marketplace-orb.wb{background:linear-gradient(145deg,#a72add,#ef2b99)}.marketplace-orb.ozon{background:#1769ff}.workstation-order-head>div:nth-child(2)>span{font-size:8px;letter-spacing:1.4px;color:#aeb6c5}.workstation-order-head h2{font-size:20px;margin:4px 0}.workstation-order-head p{font-size:10px;color:#b9c0cb;margin:0}.workstation-progress{min-width:145px}.workstation-progress b,.workstation-progress small{display:block}.workstation-progress b{font-size:20px}.workstation-progress small,.workstation-deadline small,.workstation-deadline span{font-size:9px;color:#adb5c3}.workstation-progress progress{width:100%;height:6px;accent-color:#8b72ff}.workstation-deadline{text-align:right}.workstation-deadline b{display:block;margin:3px 0;color:#fbbf24}.workstation-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:18px}.workstation-layout aside{display:grid;gap:11px;align-content:start}.workstation-item{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:13px;border-top:1px solid var(--line);padding:15px 0}.workstation-item.complete{opacity:.58}.workstation-item.pending:not(.complete):first-of-type{background:#faf9ff;margin-inline:-20px;padding-inline:20px;border-left:3px solid var(--primary)}.workstation-product-image{width:52px;height:52px;border-radius:11px;background:#f0f1f4;display:grid;place-items:center;color:#9aa2ae;overflow:hidden}.workstation-product-image img{width:100%;height:100%;object-fit:cover}.workstation-item h3{font-size:13px;margin:0 0 5px}.workstation-item p,.workstation-item small{font-size:10px;color:var(--muted);margin:0}.workstation-item p strong{display:inline-block;background:#ede9fe;color:var(--primary);border-radius:6px;padding:3px 6px;margin-left:6px}.workstation-count{text-align:right}.workstation-count b,.workstation-count span{display:block}.workstation-count b{font-size:17px}.workstation-count span{font-size:9px;color:var(--primary);margin-top:4px}.workstation-item.complete .workstation-count span{color:var(--green)}.workstation-scanner{background:#111827;color:#fff;border-radius:18px;padding:25px;text-align:center}.scanner-pulse{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;background:#2b3350;color:#a78bfa;font-size:28px;box-shadow:0 0 0 8px rgba(139,92,246,.08)}.workstation-scanner>span{font-size:8px;letter-spacing:1.4px;color:#8fa0b7}.workstation-scanner h2{font-size:21px;margin:7px}.workstation-scanner p{font-size:11px;color:#aeb6c4;line-height:1.5}.workstation-scan-form{display:flex;gap:7px;margin:17px 0 9px}.workstation-scan-form input{min-width:0;flex:1;border:1px solid #3b4659;background:#202938;color:#fff;border-radius:10px;padding:11px}.workstation-scan-form input::placeholder{color:#8f99a9}.camera-scan-button{width:100%;border:1px solid #394459;background:#202938;color:#d8dce4;border-radius:10px;padding:10px;font-size:11px;font-weight:750;cursor:pointer}.workstation-scanner .full-width{margin-top:9px}.release-task-form button{width:100%;border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:10px;padding:10px;font-size:10px;cursor:pointer}.workstation-tip{background:#fff8e8;border:1px solid #fedda2;border-radius:13px;padding:15px}.workstation-tip b{font-size:11px}.workstation-tip p{font-size:10px;line-height:1.5;color:#80632e;margin-bottom:0}.workstation-empty{max-width:800px;margin:35px auto;background:linear-gradient(145deg,#111827,#2e2756);color:#fff;border-radius:24px;padding:55px;text-align:center;box-shadow:0 25px 60px rgba(17,24,39,.15)}.workstation-empty-icon{width:70px;height:70px;border-radius:21px;margin:0 auto 18px;background:#2d3550;display:grid;place-items:center;color:#a78bfa;font-size:37px}.workstation-empty h2{font-size:32px;margin:8px}.workstation-empty>p{max-width:600px;margin:12px auto;color:#b7bec9;line-height:1.6}.workstation-scan-form.large{max-width:650px;margin:25px auto 13px}.workstation-scan-form.large input{font-size:15px;padding:14px}.workstation-empty-actions{display:flex;align-items:center;justify-content:center;gap:12px}.workstation-empty-actions .camera-scan-button{width:auto}.workstation-empty-actions form{margin:0}.workstation-empty>small{display:block;margin-top:16px;color:#909bad}.camera-modal{position:fixed;inset:0;z-index:100;background:rgba(5,9,18,.88);display:grid;place-items:center;padding:20px}.camera-modal[hidden]{display:none}.camera-modal>div{position:relative;width:min(560px,100%);background:#111827;color:#fff;border-radius:20px;padding:22px;text-align:center}.camera-modal video{width:100%;max-height:65vh;border-radius:14px;background:#000}.camera-modal button{position:absolute;right:13px;top:10px;width:34px;height:34px;border:0;border-radius:50%;font-size:22px}.camera-modal p{color:#b8c0cd;font-size:11px}@media(max-width:1000px){.workstation-layout{grid-template-columns:1fr}.workstation-order-head{grid-template-columns:48px 1fr auto}.workstation-deadline{display:none}}@media(max-width:700px){.workstation-head{align-items:flex-start}.workstation-kpis{width:100%}.workstation-kpis span{flex:1;min-width:0}.workstation-order-head{grid-template-columns:42px 1fr}.workstation-progress{grid-column:1/-1}.workstation-item{grid-template-columns:46px 1fr}.workstation-count{grid-column:2}.workstation-empty{padding:38px 18px;margin:10px auto}.workstation-empty h2{font-size:27px}.workstation-scan-form,.workstation-scan-form.large{flex-direction:column}.workstation-empty-actions{flex-direction:column}.workstation-empty-actions .camera-scan-button,.workstation-empty-actions form,.workstation-empty-actions button{width:100%}}
