:root{
  --bg:#070d17;
  --bg-soft:#0a1321;
  --panel:#0e192a;
  --panel-2:#111f33;
  --panel-3:#152640;
  --text:#f4f7fb;
  --text-soft:#d8e1ee;
  --muted:#8fa0b7;
  --muted-2:#64748b;
  --line:#20334f;
  --line-soft:#17273e;
  --blue:#3b82f6;
  --blue-2:#2563eb;
  --blue-soft:#102957;
  --red:#ef4444;
  --red-2:#c9323d;
  --red-soft:#3b151b;
  --green:#22c55e;
  --green-2:#159447;
  --shadow:0 14px 36px rgba(0,0,0,.28);
  --shadow-soft:0 8px 22px rgba(0,0,0,.2);
}
*{box-sizing:border-box}
html,body{min-height:100%}
body{
  margin:0;
  color:var(--text);
  font-family:Inter,Segoe UI,Arial,sans-serif;
  background:
    radial-gradient(circle at 12% 0%, rgba(59,130,246,.14), transparent 30%),
    radial-gradient(circle at 92% 16%, rgba(37,99,235,.08), transparent 28%),
    linear-gradient(180deg,#07101c 0%,#070d17 100%);
}
.wrap{max-width:1120px;margin:0 auto;padding:24px 18px 38px}
.hidden{display:none!important}
small{font-weight:800;color:#7990af;letter-spacing:.13em}

/* top user bar */
.userbar{
  display:flex;justify-content:space-between;align-items:center;
  background:linear-gradient(180deg,#101d30,#0d1828);
  border:1px solid var(--line);border-radius:16px;padding:13px 16px;margin-bottom:20px;
  box-shadow:var(--shadow-soft)
}
.userbar b{color:#fff}.userbar span{color:#8ea0b9;margin-left:8px}.userbar a{color:#e8eef8;text-decoration:none;font-weight:900}

header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}
h1{font-size:48px;line-height:1;margin:5px 0 0;font-weight:900;letter-spacing:-.03em;color:#fff}
.count{
  width:88px;height:88px;border-radius:20px;
  background:linear-gradient(180deg,#12223a,#0f1b2e);border:1px solid #263b5b;
  box-shadow:var(--shadow);display:grid;place-items:center;font-size:42px;font-weight:900;
  position:relative;flex:none;padding-bottom:10px;color:#fff
}
.count::after{content:"заказов";position:absolute;bottom:11px;font-size:11px;color:#8396b0;font-weight:900}

.status{
  background:#0d1828;border:1px solid var(--line);border-radius:14px;padding:13px 15px;
  color:#9badc4;margin-bottom:14px;font-size:15px;box-shadow:var(--shadow-soft)
}
.printerbar{
  display:flex;justify-content:space-between;align-items:center;gap:12px;
  background:linear-gradient(180deg,#0f1c2e,#0d1828);border:1px solid var(--line);
  border-radius:16px;padding:14px 16px;margin-bottom:16px;color:#c6d2e2;font-weight:800;box-shadow:var(--shadow-soft)
}
.printerbar button{
  border:1px solid #28539a;background:#102b5d;color:#82b4ff;border-radius:11px;padding:10px 13px;font-weight:900;cursor:pointer
}
.printerbar button:hover{background:#163b79;color:#fff}

.tabs{display:flex;gap:8px;margin:14px 0 16px;flex-wrap:wrap}
.tabs button{
  border:1px solid #1e314d;border-radius:11px;padding:11px 16px;font-size:14px;font-weight:900;
  background:#101c2d;color:#c3d0e0;cursor:pointer
}
.tabs button:hover{background:#15243a;border-color:#2a4770}
.tabs button.active{background:linear-gradient(180deg,#347cf0,#2563eb);border-color:#3b82f6;color:#fff;box-shadow:0 8px 20px rgba(37,99,235,.28)}
.tabs span{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;margin-left:5px;border-radius:999px;background:#ef4444;color:#fff;font-size:12px}

.row,.groupOrder,.nfrow,.userRow{
  width:100%;border:1px solid var(--line);background:linear-gradient(180deg,#101d30,#0e1929);
  border-radius:16px;padding:15px 17px;margin:9px 0;display:flex;justify-content:space-between;align-items:center;
  text-align:left;color:var(--text);box-shadow:var(--shadow-soft)
}
.row{cursor:pointer}
.row:hover,.groupOrder:hover{border-color:#315582;background:linear-gradient(180deg,#13243a,#101d30)}
.row b,.groupOrder b,.nfrow b,.userRow b{display:block;font-size:18px;line-height:1.25;color:#f5f8fc}
.row span,.groupOrder span,.nfrow span,.userRow span,.userRow small{display:block;color:#899bb3;margin-top:4px;font-size:14px}
.row strong{font-size:34px;line-height:1;font-weight:900;color:#f8fbff;text-align:right}
.row i{display:block;font-size:13px;font-style:normal;color:#7890ad;margin-top:3px;font-weight:800}
.groupSummary{display:block;margin-top:6px;color:#6f85a3;font-weight:800;font-size:12px}

/* locks */
.row.locked,.lockedOrderCard{
  background:linear-gradient(180deg,#8f2633,#7d202c);color:#fff;border-color:#b83643;box-shadow:0 12px 26px rgba(123,31,43,.24)
}
.row.locked:hover{background:linear-gradient(180deg,#8f2633,#7d202c);border-color:#b83643}
.row.locked b,.row.locked strong,.lockedOrderCard b{color:#fff}
.row.locked span,.row.locked em,.row.locked i,.row.locked .lockedOrder,.lockedOrderCard span,.lockedOrderCard small{color:#ffd6db}
.row em{display:block;font-style:normal;margin-top:6px;font-weight:900;font-size:14px}
.lockedRow{gap:12px}.lockedActions{display:flex;align-items:center;gap:10px}.lockedActions strong{white-space:nowrap}
.lockedActions button{border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:9px 12px;background:#f7f9fd;color:#9f2834;font-weight:900;cursor:pointer}
.lockTimer{color:#fff!important;font-weight:900!important;display:inline!important}

.empty{
  background:linear-gradient(180deg,#101d30,#0e1929);border:1px solid var(--line);border-radius:18px;padding:50px 24px;text-align:center;
  font-size:24px;font-weight:900;box-shadow:var(--shadow-soft);color:#f5f8fd
}
.empty span{font-size:14px;color:#8091a8;display:block;margin-top:8px}.smallEmpty{padding:28px;font-size:18px}

.back{
  border:1px solid var(--line);background:#101c2d;color:#e7eef8;border-radius:12px;padding:10px 14px;font-weight:900;font-size:15px;margin-bottom:14px;cursor:pointer;box-shadow:var(--shadow-soft)
}
.back:hover{background:#17263c;border-color:#315582}

.workcard,.groupWorkCard{
  background:linear-gradient(180deg,#0f1c2e,#0d1828);border:1px solid var(--line);border-radius:20px;padding:28px 30px;min-height:500px;box-shadow:var(--shadow)
}
.workcard{text-align:center}.groupWorkCard>small,.workcard>small{display:block;text-align:center;color:#6689c6}
.workcard h2,.groupWorkCard h2{font-size:34px;line-height:1.15;margin:16px auto 10px;max-width:760px;font-weight:900;letter-spacing:-.015em;color:#fff}
.meta{font-size:17px;margin:7px 0;color:#b8c5d6}.meta b{color:#75a9ff}
.workcard hr{border:0;border-top:1px solid #20344f;margin:24px 0}
.orderlabel{color:#8093ab;font-weight:900;font-size:15px}.posting{font-size:34px;font-weight:900;margin:7px 0 8px;color:#fff}
.message{min-height:40px;margin:20px 0 5px;font-size:16px;font-weight:800;color:#81a9e8}

.big{display:block;width:min(500px,100%);margin:13px auto;padding:17px;border:0;border-radius:14px;font-size:20px;font-weight:900;cursor:pointer;box-shadow:var(--shadow-soft)}
.primary{background:linear-gradient(180deg,#245fc2,#18488f);color:#fff;border:1px solid #3575df}
.success{background:linear-gradient(180deg,#1da65b,#147642);color:#fff;border:1px solid #27b967}
.danger{background:linear-gradient(180deg,#ec4848,#c9343a);color:#fff;border:1px solid #ef5e5e}
.big:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}
.big:disabled{opacity:.42;cursor:not-allowed}

.splitbox{width:min(580px,100%);margin:22px auto 6px;padding:18px;border-radius:16px;background:#0b1625;border:1px solid #20344f}
.splitTitle{font-size:18px;font-weight:900;margin-bottom:5px;color:#f0f4fa}.splitHint{color:#8396ae;margin-bottom:12px;font-size:14px}
.splitInput{width:100%;padding:14px;border:2px solid #28415f;border-radius:12px;font-size:21px;font-weight:800;text-align:center;outline:none;background:#091321;color:#fff}
.splitInput:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.12)}
.onePlace{margin-top:9px;border:1px solid #2b405e;border-radius:10px;padding:9px 13px;font-weight:800;cursor:pointer;background:#152238;color:#d6e1ef}
.splitCheck{min-height:24px;margin-top:10px;font-weight:800}.goodText{color:#4ade80}.badText{color:#fb7185}

.historySearch{display:flex;gap:9px}
.historySearch input,.userEditor>input:not([type=hidden]),.userEditor>select,.loginCard input{
  flex:1;padding:13px;border:2px solid #263d5b;border-radius:12px;font-size:16px;background:#091321;color:#f4f7fb
}
.historySearch input::placeholder,.userEditor input::placeholder,.loginCard input::placeholder{color:#61738c}
.historySearch input:focus,.userEditor>input:not([type=hidden]):focus,.userEditor>select:focus,.loginCard input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.12)}
.historySearch button,.saveUser,.loginCard button,.usersHeader>button{border:1px solid #3b82f6;border-radius:11px;padding:0 18px;background:linear-gradient(180deg,#347cf0,#2563eb);color:#fff;font-weight:900;cursor:pointer}
.historyCard{margin-top:14px;background:linear-gradient(180deg,#101d30,#0e1929);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow-soft)}
.historyCard h3{font-size:22px;margin-top:0;color:#fff}.historyEvent{display:grid;grid-template-columns:180px 1fr;gap:14px;padding:11px 0;border-top:1px solid #1c2d45}.historyEvent time{color:#7f91a8}.historyEvent b{color:#edf3fb}.historyEvent b span{display:block;color:#6f85a0;font-weight:600;margin-top:3px}.historyStation{display:block!important;margin-top:4px!important;color:#ffd36b!important;font-size:12px;font-weight:900!important;letter-spacing:.035em}

.nfrow{gap:16px}.nfrow button,.userActions button{border:1px solid #244b80;border-radius:10px;padding:9px 12px;font-weight:900;cursor:pointer;background:#10284e;color:#8db9ff}

.usersHeader{display:flex;justify-content:space-between;align-items:center;gap:16px;background:linear-gradient(180deg,#101d30,#0e1929);border:1px solid var(--line);border-radius:16px;padding:17px;margin-bottom:12px;box-shadow:var(--shadow-soft)}
.usersHeader h2{margin:0 0 4px;font-size:26px;color:#fff}.usersHeader p{margin:0;color:#8293a9;font-size:14px}.userDisabled{opacity:.48}.userActions{display:flex;gap:7px}.deleteUser{background:#3a161b!important;color:#ff929a!important;border-color:#6d252d!important}
.userEditor{background:#0e1929;border:1px solid var(--line);border-radius:17px;padding:20px;margin-top:14px;max-width:620px;box-shadow:var(--shadow-soft)}
.userEditor h3{margin-top:0;color:#fff}.userEditor label{display:block;font-weight:900;margin:11px 0 5px;color:#cbd7e7}.checkLine{display:flex!important;align-items:center;gap:8px}.checkLine input{width:17px;height:17px}.editorButtons{display:flex;gap:8px;margin-top:15px}.editorButtons button{border:1px solid #294361;border-radius:10px;padding:10px 14px;font-weight:800;cursor:pointer;background:#16243a;color:#dce5f2}.saveUser{background:linear-gradient(180deg,#347cf0,#2563eb)!important;color:#fff!important;border-color:#3b82f6!important}#userEditorMessage{margin-top:10px;font-weight:800;color:#fb7185}
.viewerModeBanner{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0;padding:13px 16px;border:1px solid #3c6f9e;border-radius:12px;background:#102a44;color:#b9d8f5}.viewerModeBanner b{color:#fff;white-space:nowrap}
.viewerMode .printerPanel button,.viewerMode .manualCommand,.viewerMode .finalAction,.viewerMode .notFoundCommand,.viewerMode .splitbox,.viewerMode .lemanAppActions,.viewerMode #notFoundView button{display:none!important}
.wbHeroActions{display:flex;align-items:flex-end;flex-direction:column;gap:10px}
.compactLostCommand{height:40px!important;padding:0 14px;font-size:13px!important;white-space:nowrap}

.loginWrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 0%,rgba(59,130,246,.15),transparent 35%)}
.loginCard{width:min(420px,100%);background:linear-gradient(180deg,#101d30,#0d1828);border:1px solid var(--line);border-radius:20px;padding:26px;box-shadow:var(--shadow)}
.loginCard h1{font-size:40px;margin:6px 0 8px;color:#fff}.loginCard p{color:#8798ad;font-size:15px}.loginCard form{display:grid;gap:8px}.loginCard label{font-weight:900;margin-top:6px;color:#dce5f1}.loginCard button{margin-top:9px;padding:13px;font-size:16px}.loginError{background:#3a161b;color:#ff939c;padding:10px;border-radius:9px;margin:10px 0;border:1px solid #65252c}.loginHint{margin-top:16px;color:#74869d;line-height:1.55;font-size:13px}.loginHint b{color:#b9c8db}
.loginBrand{display:flex;flex-direction:column;align-items:center;gap:8px;margin:-4px 0 18px}.loginBrand img{width:104px;height:104px;object-fit:contain;border-radius:50%;filter:drop-shadow(0 10px 22px rgba(31,111,235,.22))}.loginBrand strong{font-size:34px;line-height:1;color:#fff;letter-spacing:-1px}.loginCard>small{display:block;text-align:center;margin-bottom:8px}

.groupWorkCard h2{text-align:center}.groupWorkCard>.meta{text-align:center}#groupOrdersList{margin-top:20px}.groupOrder{cursor:pointer;background:linear-gradient(180deg,#111f33,#0f1b2d)}.groupOrder strong{white-space:nowrap;font-size:15px;color:#75a9ff}#groupMessage{text-align:left;color:#74a3ec}

/* global scrollbar */
*{scrollbar-color:#294564 #0b1422;scrollbar-width:thin}

@media(max-width:650px){
  .wrap{padding:14px 10px 24px}.userbar{align-items:flex-start;gap:6px;flex-direction:column}header{align-items:center}h1{font-size:38px}.count{width:74px;height:74px;font-size:34px;border-radius:17px}.count::after{font-size:10px;bottom:9px}.printerbar,.usersHeader,.userRow,.nfrow,.historySearch,.lockedRow,.lockedActions{align-items:flex-start;flex-direction:column}.tabs{gap:7px}.tabs button{width:100%}.row,.groupOrder{align-items:flex-start;flex-direction:column}.row strong{font-size:30px;text-align:left}.workcard,.groupWorkCard{padding:20px 12px;min-height:auto}.workcard h2,.groupWorkCard h2{font-size:28px}.posting{font-size:28px}.big{font-size:19px;padding:15px}.historyEvent{grid-template-columns:1fr}.userActions{width:100%;flex-wrap:wrap}
}


/* v8.5 order workspace — inspired by the dense legacy warehouse layout */
.orderTopActions{display:flex;justify-content:space-between;gap:16px;margin-bottom:14px}
.orderBack,.orderNotFound{min-height:52px;border-radius:12px;padding:0 22px;font-weight:900;font-size:17px;cursor:pointer}
.orderBack{background:#18253b;color:#dce8fb;border:1px solid #30435f}
.orderNotFound{background:#c73a42;color:#fff;border:1px solid #e0545d}
.orderWorkspace{text-align:left;padding:24px 26px;min-height:560px}
.orderHeading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:start;padding-bottom:20px;border-bottom:1px solid #25344a}
.orderHeading h2{font-size:30px;text-align:left;margin:7px 0 12px;max-width:none}
.orderMetaLine{display:flex;gap:18px;flex-wrap:wrap;color:#93a4bd;font-size:15px}
.orderMetaLine b{color:#69a3ff}
.orderNumberBox{min-width:300px;background:#101b2d;border:1px solid #293951;border-radius:14px;padding:15px 18px;text-align:right}
.orderNumberBox>span{display:block;color:#7f91ac;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.08em}
.orderNumberBox>strong{display:block;color:#fff;font-size:25px;margin:6px 0}
.orderNumberBox>small{color:#91a2bb;letter-spacing:0;text-transform:none}
.pickTableHead{display:grid;grid-template-columns:minmax(320px,1.7fr) minmax(180px,.9fr) 120px minmax(190px,.9fr);gap:12px;padding:16px 16px 9px;color:#7388a7;font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.orderProducts{display:grid;gap:9px}
.pickRow{display:grid;grid-template-columns:minmax(320px,1.7fr) minmax(180px,.9fr) 120px minmax(190px,.9fr);gap:12px;align-items:center;background:#121f32;border:1px solid #293a54;border-radius:12px;padding:14px 16px}
.pickRow.pickDone{border-color:#285943;background:#12283a}
.pickProduct{display:flex;gap:12px;align-items:center;min-width:0}
.productThumb{width:50px;height:50px;border-radius:10px;background:#1e304a;border:1px solid #344d70;display:grid;place-items:center;color:#75aaff;font-weight:1000;font-size:22px;flex:none}
.pickDone .productThumb{background:#173d31;color:#55d397;border-color:#2b6a52}
.pickProduct b{display:block;color:#f2f6ff;font-size:16px;line-height:1.25}
.pickProduct span,.pickProduct small{display:block;color:#8395af;margin-top:4px;letter-spacing:0;text-transform:none;font-size:13px}
.pickBarcode{color:#d8e3f4;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;overflow-wrap:anywhere}
.pickQty{text-align:center}.pickQty strong{display:block;font-size:23px;color:#fff}.pickQty span{display:block;color:#7f91ab;font-size:12px}
.pickCheck{text-align:right}
.manualConfirmBtn{border:1px solid #477cc5;background:#173968;color:#eaf3ff;border-radius:10px;padding:11px 14px;font-weight:900;cursor:pointer}
.manualConfirmBtn:hover{background:#1f4a84}
.confirmedBadge{display:inline-flex;padding:9px 11px;border-radius:9px;background:#173e32;color:#63d79d;font-weight:900;font-size:13px}
.orderFinalActions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:18px;border-top:1px solid #25344a}
.orderFinalActions .big{width:auto;min-width:250px;margin:0;padding:16px 20px;font-size:18px;border-radius:12px}
.orderFinalActions .success:disabled{background:#27354a;color:#697a93;opacity:1}
@media(max-width:900px){
 .orderHeading{grid-template-columns:1fr}.orderNumberBox{min-width:0;text-align:left}
 .pickTableHead{display:none}
 .pickRow{grid-template-columns:1fr 1fr}
 .pickProduct{grid-column:1/-1}
 .pickCheck{text-align:left}
}
@media(max-width:600px){
 .orderTopActions,.orderFinalActions{flex-direction:column}
 .orderBack,.orderNotFound,.orderFinalActions .big{width:100%}
 .pickRow{grid-template-columns:1fr}
 .pickProduct{grid-column:auto}
 .pickQty,.pickCheck{text-align:left}
}


/* =========================================================
   v8.6.0 — NEW WAREHOUSE DESIGN
   Dense dark enterprise UI inspired by the selected mockup
   ========================================================= */

:root{
  --bg0:#06101f;
  --bg1:#081629;
  --panel:#0c1a2d;
  --panel2:#10213a;
  --line:#203a5b;
  --line2:#29486e;
  --text:#f4f8ff;
  --muted:#8ea7c8;
  --blue:#2f7df6;
  --blue2:#1764d5;
  --red:#9d273c;
  --red2:#5a2030;
  --green:#29bf7b;
}

html,body{
  min-height:100%;
  background:
    radial-gradient(1000px 500px at 55% -10%, rgba(30,92,172,.20), transparent 60%),
    radial-gradient(700px 420px at 5% 15%, rgba(22,76,143,.15), transparent 62%),
    linear-gradient(135deg,var(--bg1),var(--bg0) 55%,#071325);
  color:var(--text);
}

body{
  margin:0;
  font-family:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  letter-spacing:.01em;
}

.warehouseShell,
.wrap{
  max-width:1520px !important;
  width:calc(100% - 42px);
  margin:0 auto;
  padding:22px 0 34px !important;
}

/* top user bar */
.userbar{
  min-height:46px !important;
  border-radius:12px !important;
  background:linear-gradient(180deg,rgba(16,35,60,.92),rgba(10,26,46,.92)) !important;
  border:1px solid var(--line) !important;
  box-shadow:0 12px 30px rgba(0,0,0,.18), inset 0 1px rgba(255,255,255,.025) !important;
  padding:0 16px !important;
}
.userbar,
.userbar *{color:var(--text)}
.userbar .role,
.userbar small{color:var(--muted)!important}

/* header */
.eyebrow{
  margin-top:22px !important;
  color:#71a7ec !important;
  letter-spacing:.14em !important;
  font-size:12px !important;
  font-weight:900 !important;
}
h1{
  font-size:46px !important;
  line-height:1 !important;
  margin:6px 0 16px !important;
  letter-spacing:-.035em !important;
}
.countbox{
  width:96px !important;height:76px !important;
  border-radius:15px !important;
  background:linear-gradient(180deg,#102849,#0d1f38) !important;
  border:1px solid #28466d !important;
  box-shadow:0 12px 30px rgba(0,0,0,.20) !important;
}
.countbox strong{font-size:38px!important}
.countbox span{color:#7ea4d4!important}

/* status/printer bars */
.statusline,.printerbar{
  min-height:48px !important;
  border-radius:10px !important;
  background:linear-gradient(180deg,rgba(13,31,53,.95),rgba(10,26,46,.95)) !important;
  border:1px solid var(--line) !important;
  padding:0 16px !important;
  box-shadow:none !important;
}
.statusline{color:#b9cce7!important}
.printerbar{margin-top:10px!important}
.printerbar b{color:#eef6ff!important}
.printerbar button{
  border-radius:9px!important;
  background:rgba(23,73,137,.48)!important;
  border:1px solid #2b64af!important;
  color:#67a5ff!important;
  padding:10px 16px!important;
}

/* nav */
.tabs{
  display:flex!important;
  gap:8px!important;
  margin:10px 0 14px!important;
  flex-wrap:wrap;
}
.tabs button,
.tabbtn{
  min-height:42px!important;
  padding:0 17px!important;
  border-radius:9px!important;
  background:#0e1e33!important;
  border:1px solid #223c5f!important;
  color:#d7e4f7!important;
  font-weight:850!important;
  box-shadow:none!important;
}
.tabs button.active,.tabbtn.active,
.tabs button:first-child{
  background:linear-gradient(180deg,#3387ff,#246fe0)!important;
  border-color:#4794ff!important;
  color:white!important;
  box-shadow:0 7px 18px rgba(31,105,227,.26)!important;
}

/* two-column work zone */
.warehouseGrid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 274px;
  gap:14px;
  align-items:start;
}
.warehouseMain{min-width:0}

/* queue card */
#queue{
  border:1px solid var(--line)!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,rgba(13,31,53,.96),rgba(9,25,44,.96))!important;
  padding:13px!important;
  box-shadow:0 20px 48px rgba(0,0,0,.16)!important;
}
#queue::before{
  content:"▤  Список заказов к отгрузке";
  display:block;
  color:#edf5ff;
  font-size:18px;
  font-weight:900;
  padding:5px 8px 12px;
}
#queue .list,
#queue #list{
  display:block!important;
  border:1px solid #1e3655;
  border-radius:8px;
  overflow:hidden;
  background:#0a1728;
}

/* convert cards to dense rows */
#queue .row,
#queue .orderrow,
#queue .groupRow,
#queue [data-group-index]{
  position:relative;
  margin:0!important;
  border:0!important;
  border-bottom:1px solid #1d3554!important;
  border-radius:0!important;
  min-height:62px!important;
  padding:10px 92px 9px 18px!important;
  background:linear-gradient(90deg,#0e2038,#0c1a2d)!important;
  box-shadow:none!important;
  transition:.14s ease;
}
#queue .row:hover,
#queue .orderrow:hover,
#queue .groupRow:hover,
#queue [data-group-index]:hover{
  background:linear-gradient(90deg,#132b49,#10213a)!important;
}
#queue .locked,
#queue .timed,
#queue .foreign,
#queue .blocked{
  background:linear-gradient(90deg,#5b2230,#321a28)!important;
  border-color:#7c2e43!important;
}
#queue .row h3,
#queue .row .title,
#queue .groupRow h3,
#queue [data-group-index] h3{
  font-size:15.5px!important;
  line-height:1.3!important;
  margin:0 0 4px!important;
  font-weight:820!important;
  color:#f6f9ff!important;
}
#queue .row .offer,
#queue .row .meta,
#queue .groupRow .offer,
#queue [data-group-index] .offer{
  color:#8eb2e1!important;
  font-size:12.5px!important;
}
#queue .row .orders,
#queue .groupRow .orders,
#queue [data-group-index] .orders{
  color:#7297c8!important;
  font-size:12px!important;
}
#queue .qty,
#queue .quantity{
  position:absolute!important;
  right:20px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  font-size:28px!important;
  font-weight:950!important;
  color:#fff!important;
  line-height:1!important;
}
#queue .qty small,
#queue .quantity small{
  display:block!important;
  margin-top:3px!important;
  font-size:10px!important;
  color:#78a5db!important;
  font-weight:900!important;
}
#queue .lockOwner,
#queue .locklabel{
  color:#ff657f!important;
  font-size:12px!important;
  font-weight:800!important;
}

/* sidebar */
.shippingSidebar{
  position:sticky;
  top:16px;
  border-radius:12px;
  border:1px solid #244366;
  background:linear-gradient(180deg,rgba(15,34,59,.98),rgba(9,25,43,.98));
  padding:18px 12px 14px;
  min-height:530px;
  box-shadow:0 18px 48px rgba(0,0,0,.18);
}
.sidebarTitle{
  font-size:16px;
  font-weight:950;
  color:#f5f9ff;
  padding:4px 6px 6px;
}
.sidebarSub{
  font-size:12px;
  color:#819abc;
  padding:0 6px 14px;
}
.shipFilter{
  width:100%;
  min-height:55px;
  display:grid;
  grid-template-columns:28px 1fr auto;
  align-items:center;
  gap:9px;
  text-align:left;
  margin:0;
  padding:0 11px;
  border:1px solid #1e3b60;
  border-bottom-width:0;
  border-radius:0;
  background:linear-gradient(180deg,#10233b,#0e1e33);
  color:#edf5ff;
  font-size:14px;
  font-weight:800;
  cursor:pointer;
}
.shipFilter:first-of-type{border-radius:9px 9px 0 0}
.shipFilter:last-child{border-bottom-width:1px;border-radius:0 0 9px 9px}
.shipFilter:hover{background:#142b48}
.shipFilter.activeFilter{box-shadow:inset 3px 0 0 #2f7df6}
.shipFilter b{
  display:grid;
  place-items:center;
  min-width:27px;
  height:24px;
  padding:0 6px;
  border-radius:999px;
  background:#e72e3d;
  color:#fff;
  font-size:12px;
}
.shipIcon{
  width:24px;height:24px;
  display:grid;place-items:center;
  color:#b9d2f2;
  font-weight:950;
}
.ozonDot{
  background:#1476ff;
  color:#fff;
  border-radius:50%;
  font-size:10px;
}

/* non-queue sections stay coherent */
#notfound,#history,#employees,#groupWork,#work{
  border:1px solid var(--line)!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,rgba(13,31,53,.97),rgba(9,25,44,.97))!important;
  box-shadow:0 20px 48px rgba(0,0,0,.16)!important;
}
.workcard{
  background:#0d1d31!important;
  border:1px solid #25415f!important;
}
.orderWorkspace{
  background:linear-gradient(180deg,#0d1e33,#0a182a)!important;
}

/* responsive */
@media(max-width:1080px){
  .warehouseGrid{grid-template-columns:1fr}
  .shippingSidebar{position:static;min-height:0}
  .shippingSidebar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
  .sidebarTitle,.sidebarSub{grid-column:1/-1}
  .shipFilter{border:1px solid #1e3b60!important;border-radius:9px!important;grid-template-columns:26px 1fr auto}
}
@media(max-width:720px){
  .warehouseShell,.wrap{width:calc(100% - 20px)}
  h1{font-size:36px!important}
  .shippingSidebar{grid-template-columns:1fr 1fr}
  #queue .row,#queue .orderrow,#queue .groupRow,#queue [data-group-index]{padding-right:72px!important}
}


/* ============================================================
   v8.6.1 EXACT LAYOUT — structural match to selected mockup
   ============================================================ */
:root{
  --x-bg:#06111f;
  --x-bg2:#08172a;
  --x-panel:#0c1d32;
  --x-panel2:#10243d;
  --x-line:#23415f;
  --x-text:#f4f8ff;
  --x-muted:#829cbd;
  --x-blue:#2d7ef7;
  --x-red:#762235;
  --x-redBorder:#9b3149;
}
html,body{
  min-height:100%;
  background:
    radial-gradient(900px 450px at 35% -10%,rgba(22,72,132,.17),transparent 62%),
    linear-gradient(135deg,#071526 0%,#050e1a 56%,#071426 100%)!important;
}
body{
  margin:0!important;
  color:var(--x-text)!important;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
}
.wrap,.warehouseShell{
  max-width:1540px!important;
  width:calc(100% - 48px)!important;
  margin:0 auto!important;
  padding:7px 0 32px!important;
}

/* top horizontal account bar */
.topUserBar{
  height:46px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 15px;
  margin-bottom:19px;
  border:1px solid #1f3b5c;
  border-radius:10px;
  background:linear-gradient(180deg,#0f223a,#0b1b30);
  box-shadow:0 10px 32px rgba(0,0,0,.14);
  font-size:13px;
}
.topUserLeft{display:flex;align-items:center;gap:9px}
.headerBrand{display:inline-flex;align-items:center;gap:7px;margin-right:8px;padding-right:14px;border-right:1px solid rgba(100,164,230,.25);color:#fff;font-weight:900}.headerBrand img{width:32px;height:32px;object-fit:contain;border-radius:50%}.headerBrand span{font-size:13px;letter-spacing:.2px}
.topUserLeft b{font-size:13px;color:#fff}
.avatarMini{color:#7f5cff}
.userRole{color:#829abb}
.logoutLink{color:#eef5ff;text-decoration:none;font-weight:800}

/* head line */
.dashboardHead{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  min-height:88px;
}
.sectionEyebrow{
  font-size:12px;
  color:#66a1e9;
  font-weight:900;
  letter-spacing:.14em;
  margin:2px 0 10px;
}
.dashboardHead h1{
  margin:0!important;
  font-size:44px!important;
  line-height:1!important;
  color:#fff!important;
  letter-spacing:-.035em!important;
}
.summaryCount{
  width:100px;height:72px;
  margin-top:2px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  border:1px solid #284767;
  border-radius:14px;
  background:linear-gradient(180deg,#102744,#0d2037);
}
.summaryCount strong{font-size:34px;line-height:.95}
.summaryCount span{margin-top:5px;font-size:11px;color:#7fa4d1;font-weight:800}

/* long utility bars */
.syncBar,.printerPanel{
  min-height:46px;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  border-radius:9px;
  border:1px solid #1f3b5b;
  background:linear-gradient(180deg,#0d2036,#0b1b2e);
}
.syncBar{
  padding:0 16px;
  gap:10px;
  color:#d4e2f5;
  font-size:13px;
}
.syncDot{width:8px;height:8px;border-radius:50%;background:#2f7df6;box-shadow:0 0 0 5px rgba(47,125,246,.12)}
.printerPanel{
  margin-top:9px;
  padding:0 10px 0 16px;
  justify-content:space-between;
  font-size:13px;
  font-weight:850;
}
.printerPanel button{
  border:1px solid #2760a9;
  background:linear-gradient(180deg,#133c6e,#102f57);
  color:#70acff;
  border-radius:8px;
  min-height:34px;
  padding:0 15px;
  font-weight:850;
  cursor:pointer;
}

/* compact nav */
.mainTabs{
  display:flex;
  gap:7px;
  margin:9px 0 14px;
  flex-wrap:wrap;
}
.mainTabs button{
  height:42px;
  padding:0 17px;
  border-radius:9px;
  border:1px solid #213e60;
  background:#0d1e33;
  color:#e6eef9;
  font-size:13px;
  font-weight:850;
  cursor:pointer;
}
.mainTabs button.active{
  background:linear-gradient(180deg,#3487ff,#216edc);
  border-color:#4a99ff;
  color:#fff;
  box-shadow:0 8px 18px rgba(36,113,225,.25);
}
#nfBadge{
  display:inline-grid;
  place-items:center;
  min-width:19px;height:19px;
  padding:0 4px;
  margin-left:5px;
  border-radius:999px;
  background:#ef3948;
  color:#fff;
  font-size:11px;
}

/* EXACT WORKSPACE: wide list + narrow right sidebar */
.shippingWorkspace{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 265px!important;
  gap:14px!important;
  align-items:stretch!important;
}
.shipmentPanel{
  min-width:0;
  border:1px solid #213e60;
  border-radius:11px;
  background:linear-gradient(180deg,#0d2036,#09192b);
  padding:13px 13px 10px;
  box-shadow:0 18px 44px rgba(0,0,0,.16);
}
.shipmentPanelTitle{
  padding:3px 7px 13px;
  font-size:17px;
  font-weight:900;
  color:#f4f8ff;
}
.shipmentPanelTitle span{margin-left:5px}
.shipmentColumnHead{
  display:grid;
  grid-template-columns:250px minmax(0,1fr) 130px;
  gap:0;
  align-items:end;
  height:31px;
  padding:0 17px;
  border-bottom:2px solid #d9e6f9;
  color:#c7d7eb;
  font-size:11px;
  font-weight:950;
  letter-spacing:.06em;
}
.shipmentRows{
  border:1px solid #1d3757;
  border-top:0;
  border-radius:0 0 7px 7px;
  overflow:hidden;
}
.shipmentRow{
  width:100%;
  min-height:57px;
  display:grid!important;
  grid-template-columns:250px minmax(0,1fr) 130px!important;
  align-items:center;
  gap:0;
  box-sizing:border-box;
  padding:8px 17px!important;
  margin:0!important;
  border:0!important;
  border-bottom:1px solid #1c3554!important;
  border-radius:0!important;
  text-align:left;
  background:linear-gradient(90deg,#0f223a,#0c1c30)!important;
  color:#edf5ff!important;
  box-shadow:none!important;
}
button.shipmentRow{cursor:pointer}
button.shipmentRow:hover{background:linear-gradient(90deg,#132b48,#10243d)!important}
.shipmentInfo{
  display:flex;
  flex-direction:column;
  gap:4px;
  color:#91a9c7;
  font-size:11.5px;
  font-weight:500;
}
.shipmentInfo b{color:#c9d8ea;font-weight:800}
.shipmentInfo em{
  color:#5f9eea;
  font-style:normal;
  margin-left:3px;
}
.shipmentProduct{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
  padding:0 16px;
}
.shipmentProduct>b{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:13.5px!important;
  color:#f5f8fe!important;
  font-weight:600!important;
}
.shipmentProduct>span{
  color:#829fc4!important;
  font-size:11.5px!important;
}
.shipmentProduct>small{
  color:#6f91be!important;
  font-size:10.5px!important;
}
.shipmentRight{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
}
.shipmentRight>strong{
  min-width:28px;
  text-align:center;
  color:#fff!important;
  font-size:16px!important;
  line-height:1!important;
  font-weight:850!important;
}
.workPill{
  padding:7px 11px;
  border-radius:7px;
  background:#9a2940;
  color:#fff;
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
}
.blockedShipment{
  background:linear-gradient(90deg,#6f2638,#351b2b)!important;
  border-bottom-color:#8b3045!important;
}
.collectorText{color:#ff667f!important;font-weight:800!important}
.tinyUnlock{
  width:28px;height:28px;
  padding:0!important;
  border-radius:7px;
  border:1px solid #b64961;
  background:#682337;
  color:#fff;
  cursor:pointer;
}

/* right sidebar */
.shippingSidebar{
  min-height:100%;
  border:1px solid #29496b;
  border-radius:11px;
  background:linear-gradient(180deg,#0e2138,#09192b);
  padding:19px 12px 13px;
  box-sizing:border-box;
  box-shadow:0 18px 44px rgba(0,0,0,.16);
}
.filterTitle{
  padding:0 7px 6px;
  color:#f3f7fd;
  font-size:15px;
  font-weight:950;
}
.filterSub{
  padding:0 7px 14px;
  color:#8199b9;
  font-size:11px;
}
.filterRow{
  width:100%;
  height:57px;
  display:grid;
  grid-template-columns:28px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:0 11px;
  margin:0;
  border:1px solid #1d3b5e;
  border-bottom:0;
  border-radius:0;
  background:linear-gradient(180deg,#10243e,#0d1e34);
  color:#eef5ff;
  font-size:13px;
  font-weight:800;
  text-align:left;
  cursor:pointer;
}
.filterRow:first-of-type{border-radius:9px 9px 0 0}
.filterRow:last-of-type{border-bottom:1px solid #1d3b5e;border-radius:0 0 9px 9px}
.filterRow:hover,.filterRow.active{background:#132a47}
.filterRow.active{box-shadow:inset 3px 0 #2e7df5}
.filterRow>b{
  display:grid;
  place-items:center;
  min-width:27px;height:23px;
  padding:0 5px;
  border-radius:999px;
  background:#e83442;
  color:#fff;
  font-size:11px;
}
.filterIcon{width:24px;text-align:center;color:#d5e5fb}
.ozonIcon{
  width:23px;height:23px;
  display:grid;place-items:center;
  border-radius:50%;
  background:#1679ff;
  color:#fff;
  font-size:9px;
  font-weight:950;
}
.lemanIcon{color:#ffc928;font-size:18px}

/* Old-card styles must not affect new queue */
#main .row,
#main .lockedRow{display:none!important}

/* other pages */
#notFoundView,#historyView,#journalView,#orderSearchView,#usersView{
  border:1px solid #213e60;
  border-radius:11px;
  background:#0c1d32;
  padding:16px;
}

/* responsive */
@media(max-width:1000px){
  .shippingWorkspace{grid-template-columns:1fr!important}
  .shippingSidebar{min-height:0}
  .shippingSidebar{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
  .filterTitle,.filterSub{grid-column:1/-1}
  .filterRow{border:1px solid #1d3b5e!important;border-radius:8px!important}
}
@media(max-width:760px){
  .wrap,.warehouseShell{width:calc(100% - 18px)!important}
  .shipmentColumnHead{display:none}
  .shipmentRow{grid-template-columns:1fr 70px!important}
  .shipmentInfo{grid-column:1}
  .shipmentProduct{grid-column:1;padding:7px 0 0}
  .shipmentRight{grid-column:2;grid-row:1/3}
  .shippingSidebar{grid-template-columns:1fr 1fr}
}


/* ============================================================
   v8.7.0 — WORKSTATION UI: group + order detail
   ============================================================ */
.workstationScreen{padding:7px 0 34px;color:#f5f8ff}
.screenUserBar{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border:1px solid #173655;border-radius:10px;background:linear-gradient(180deg,#0b1d33,#081629);box-shadow:0 14px 40px rgba(0,0,0,.16);margin-bottom:28px}
.screenUserLeft{display:flex;align-items:center;gap:11px}.screenUserLeft b{font-size:14px}.screenUserLeft span:last-child{color:#8fa6c6;font-size:13px}.screenUserBar a{color:#edf5ff;text-decoration:none;font-weight:800}.screenAvatar{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;border:1px solid #29527e;color:#65a9ff;background:#0d2340}
.screenBack{height:52px;padding:0 28px;border-radius:10px;border:1px solid #185599;background:#071a30;color:#2992ff;font-size:16px;font-weight:800;cursor:pointer;margin:0 0 24px 4px}
.groupHeroCard{min-height:610px;border:1px solid #145ca9;border-radius:16px;background:radial-gradient(800px 250px at 50% 0%,rgba(18,90,171,.08),transparent 70%),linear-gradient(180deg,#07182d,#061426);padding:46px 38px 36px;box-shadow:inset 0 1px rgba(255,255,255,.015),0 24px 60px rgba(0,0,0,.18)}
.groupKicker{font-size:14px;letter-spacing:.16em;color:#258cff;font-weight:900;margin:0 10px 19px}
.groupHeroCard h2{font-size:38px!important;line-height:1.12!important;text-align:left!important;margin:0 10px 21px!important;max-width:1100px!important;color:#f5f7fb!important;letter-spacing:-.025em!important}
.groupStats{display:flex;align-items:center;gap:17px;margin:0 10px 34px;color:#94a9c4;font-size:16px}.groupStats b{color:#37a1ff;font-size:18px}.groupStats i{font-style:normal;color:#294461}
.groupMessage{margin:0 10px 12px!important;min-height:0!important}
.groupOrdersModern{display:grid;gap:8px}.groupModernRow{width:100%;min-height:72px;display:grid;grid-template-columns:52px minmax(0,1fr) 120px;align-items:center;gap:12px;text-align:left;border:1px solid #173e66;border-radius:11px;background:linear-gradient(90deg,#081a30,#07172a);padding:8px 16px;color:#fff;cursor:pointer}.groupModernRow:hover{border-color:#2178c9;background:linear-gradient(90deg,#0a2240,#081a30)}.groupCube{width:42px;height:42px;display:grid;place-items:center;border-radius:8px;border:1px solid #146bd0;background:#071b35;color:#1687ff;font-size:24px}.groupOrderText{display:flex;flex-direction:column;gap:3px}.groupOrderText>b{font-size:18px;letter-spacing:.01em}.groupOrderText>span{font-size:13px;color:#d5deea}.groupModernRow>strong{justify-self:end;color:#1a90ff;font-size:14px}.groupModernRow>strong span{font-size:18px;margin-left:6px}.groupInlineStatus{color:#ff3e4e!important;margin-left:10px}.blockedGroupOrder{cursor:default;border-color:#61243a;background:linear-gradient(90deg,#241222,#10182a)}

.orderDetailTop{display:flex;justify-content:space-between;align-items:center;margin:0 5px 14px}.orderCrumb{color:#1697ff;letter-spacing:.15em;font-size:13px;font-weight:850}.orderMarketplace{color:#1e9cff;font-size:17px}.orderMarketplace b{color:#dce9fa;font-weight:500}
.orderCommandRow{display:grid;grid-template-columns:280px minmax(0,1fr) 300px;align-items:center;gap:22px;margin:0 5px 18px}.notFoundCommand,.manualCommand{height:64px;border-radius:11px;font-size:18px;font-weight:700;cursor:pointer}.notFoundCommand{border:1px solid #1d538b;background:#07182d;color:#eef4fb}.manualCommand{border:1px solid #1681ff;background:linear-gradient(180deg,#0d3471,#092451);color:#f5f8ff;box-shadow:0 0 24px rgba(24,116,255,.10)}.manualCommand:disabled{opacity:.58;cursor:default}.orderIdentity{text-align:center}.orderIdentity>strong{display:block;font-size:42px;letter-spacing:.02em}.orderIdentity>span{display:block;margin-top:8px;color:#a8b6c9;font-size:15px}
.scanProgressBar{height:66px;display:flex;align-items:center;gap:17px;margin:0 5px 18px;padding:0 28px;border:1px solid #153a61;border-radius:11px;background:linear-gradient(180deg,#091b31,#07172a);font-size:18px;color:#d8e2ef}.scanProgressBar b{color:#2e9cff;font-weight:500}.barcodeGlyph{font-size:28px;color:#93c4ff}
.barcodeInput{margin-left:auto;width:min(420px,42vw);padding:12px 15px;border:1px solid #2e6da8;border-radius:9px;background:#061426;color:#fff;font-size:16px;outline:none}.barcodeInput:focus{border-color:#2e9cff;box-shadow:0 0 0 3px rgba(46,156,255,.16)}.barcodeInput::placeholder{color:#7790aa}
.scannerReady{margin-left:auto;padding:9px 13px;border:1px solid #176c50;border-radius:8px;background:#092b25;color:#66dda8;font-size:14px;font-weight:750}
.wbShipment{grid-template-columns:235px minmax(0,1fr) 110px!important;border-color:#7046a2!important;background:linear-gradient(90deg,#25193c,#17172e)!important;box-shadow:inset 4px 0 #9c5be3!important}.wbShipment .shipmentProduct>span{color:#c6a3f1!important}.wbShipment .shipmentProduct>small{color:#aebbd0}.wbReadOnly{padding:5px 8px;border:1px solid #7650a5;border-radius:6px;background:#33204d;color:#d5b5f8;font-size:11px;font-weight:750;white-space:nowrap}
.wbErrors{margin:0 0 9px;padding:10px 12px;border:1px solid #93475a;border-radius:8px;background:#3c1b29;color:#ffb2bf;font-size:12px}
.wbInfoWithPhoto{display:flex;align-items:center;gap:10px;min-width:0}.wbOrderPhoto{width:54px;height:64px;flex:0 0 auto;border-radius:7px;object-fit:cover;background:#e8eef6}.wbPhotoEmpty{display:flex;align-items:center;justify-content:center;color:#7951a8;font-size:24px}.wbInfoWithPhoto .shipmentInfo{min-width:0}.productPhotoStub img{display:block;width:100%;height:100%;border-radius:8px;object-fit:contain;background:#fff}.cdekProductPhoto{padding:0;overflow:hidden;cursor:zoom-in;background:#07182d}.cdekProductPhoto img{width:100%;height:100%;border-radius:7px;object-fit:cover;background:transparent}.cdekProductPhoto:hover{border-color:#38a8ff;box-shadow:0 0 0 3px rgba(56,168,255,.2)}.cdekPhotoOpen{overflow:hidden}.cdekPhotoViewer{position:fixed;z-index:10000;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:34px;background:rgba(0,8,20,.92);backdrop-filter:blur(6px)}.cdekPhotoViewer img{display:block;max-width:min(92vw,1500px);max-height:84vh;border-radius:12px;object-fit:contain;box-shadow:0 24px 80px rgba(0,0,0,.65)}.cdekPhotoClose{position:fixed;top:18px;right:24px;width:52px;height:52px;border:1px solid #5684b2;border-radius:50%;background:#0b223b;color:#fff;font-size:34px;line-height:1;cursor:pointer}.cdekPhotoCaption{margin-top:14px;color:#fff;font-size:18px;font-weight:750}
.wbOpenHint{padding:5px 8px;border:1px solid #7650a5;border-radius:6px;background:#33204d;color:#d5b5f8;font-size:11px;font-weight:750;white-space:nowrap}.wbOrderHero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:16px 5px 18px;padding:20px 24px;border:1px solid #5e4090;border-radius:12px;background:linear-gradient(90deg,#211735,#111a30)}.wbOrderHero>div>span{color:#b994e6;font-size:12px;font-weight:850;letter-spacing:.08em}.wbOrderHero h2{margin:7px 0 4px;color:#fff;font-size:31px}.wbOrderHero p{margin:0;color:#bdc9da}.wbHeroReadOnly{font-size:13px}.wbPickCard{margin:0 5px;border:1px solid #345575;border-radius:12px;overflow:hidden;background:#07182b}.wbPickHead,.wbPickRow{display:grid;grid-template-columns:55px 150px minmax(320px,1.7fr) minmax(190px,.8fr) 140px;align-items:center}.wbPickHead{min-height:52px;padding:0 18px;border-bottom:1px solid #294866;color:#c8d6e7;font-size:12px;font-weight:800}.wbPickRow{min-height:190px;padding:16px 18px;background:linear-gradient(90deg,#102b43,#0a2036);box-shadow:inset 5px 0 #9c5be3}.wbPickRow>b{text-align:center;font-size:18px}.wbDetailPhoto{width:118px;height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #abc0d4;border-radius:8px;background:#fff;color:#4e7091}.wbDetailPhoto img{display:block;width:100%;height:100%;border-radius:7px;object-fit:contain}.wbDetailPhoto>span{font-size:34px}.wbDetailPhoto>small{font-size:11px}.wbDetailProduct{padding-right:24px}.wbDetailProduct>b{display:block;color:#d6b9f8;font-size:19px;line-height:1.35}.wbDetailProduct>span{display:block;margin-top:9px;color:#829bbb;font-size:12px}.wbDetailSku{color:#fff;font:16px ui-monospace,Consolas,monospace;overflow-wrap:anywhere}.wbDetailQty{text-align:center}.wbDetailQty>b{display:block;font-size:22px}.wbDetailQty>span{display:block;margin-top:3px;color:#8da4bf;font-size:11px}.wbReadOnlyHint{margin:16px 5px;padding:13px 16px;border:1px solid #304c69;border-radius:9px;background:#0a1d31;color:#9eb2ca;font-size:13px}
@media(max-width:900px){.wbPickHead{display:none}.wbPickRow{grid-template-columns:40px 110px 1fr;gap:12px}.wbDetailPhoto{width:96px;height:125px}.wbDetailSku,.wbDetailQty{grid-column:3;text-align:left}.wbOrderHero{align-items:flex-start;flex-direction:column}}
.wbDetailPhoto{padding:7px;box-sizing:border-box;border-color:#7652a4;background:linear-gradient(145deg,#aebbc6,#74889a);box-shadow:inset 0 0 24px rgba(15,32,48,.22),0 8px 24px rgba(0,0,0,.25);overflow:hidden}
.wbDetailPhoto img{width:112%;height:112%;object-fit:cover;mix-blend-mode:multiply;filter:contrast(1.04) saturate(1.05)}
.wbPickHead,.wbPickRow{grid-template-columns:55px 170px minmax(280px,1fr) minmax(190px,.8fr) 150px}
.wbDetailSku{display:flex;flex-wrap:wrap;gap:8px}.wbLocalBarcode{display:inline-flex;padding:9px 12px;border:1px solid #4d84b5;border-radius:7px;background:#102f4c;color:#fff;font:17px ui-monospace,Consolas,monospace}.wbBarcodeMissing{padding:8px 11px;border:1px solid #855267;border-radius:7px;background:#351d2a;color:#f0a9b8;font:13px system-ui,sans-serif}
.wbGroupHero{border-color:#5e4090!important;background:linear-gradient(160deg,#1d1732,#0c1b31)!important}.wbGroupHero .groupKicker{color:#bb91ec!important}.wbGroupHero .groupModernRow{border-color:#4d4072!important}
.marketLogo{width:25px;height:25px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 25px;font-size:10px;font-weight:950;color:#fff}.wbMarketLogo{border-radius:7px;background:linear-gradient(135deg,#7b2cff,#d42c91);box-shadow:0 0 12px rgba(172,50,215,.25)}.ozonMarketLogo{border-radius:50%;background:#1769ff;box-shadow:inset 0 0 0 6px #1769ff,0 0 12px rgba(23,105,255,.28);font-size:12px}
.barcodeAdmin{padding:20px 4px}.barcodeSearch{width:100%;box-sizing:border-box;margin:0 0 14px;padding:13px 16px;border:1px solid #294867;border-radius:9px;background:#07182a;color:#fff;font-size:15px}.barcodeProductRow{width:100%;display:grid;grid-template-columns:minmax(260px,1fr) minmax(300px,1.4fr) 110px;align-items:center;gap:18px;margin:0 0 8px;padding:15px 18px;border:1px solid #203d59;border-radius:10px;background:#0a1c30;color:#eaf3ff;text-align:left}.barcodeProductRow:hover{border-color:#2e9cff;background:#0c2440}.barcodeProductRow div:first-child{display:flex;flex-direction:column;gap:5px}.barcodeProductRow small{color:#8fa7bf}.barcodeProductRow>strong{text-align:right;color:#62afff}.barcodeChips{display:flex;flex-wrap:wrap;gap:6px}.barcodeChips span{padding:5px 8px;border-radius:6px;background:#163d5d;color:#9ed0ff;font-family:monospace}.barcodeChips em{color:#dfaa58;font-style:normal}.barcodeEditor textarea{box-sizing:border-box;width:100%;resize:vertical;padding:12px;border:1px solid #36516e;border-radius:8px;background:#07182a;color:#fff;font:16px monospace}.barcodeEditorHint{display:block;margin-top:7px;color:#8fa7bf}
@media(max-width:850px){.barcodeProductRow{grid-template-columns:1fr}.barcodeProductRow>strong{text-align:left}.barcodeInput{width:50%}}
.orderTableCard{margin:0 5px;border:1px solid #185496;border-radius:13px;background:linear-gradient(180deg,#07182d,#061426);overflow:hidden;transition:border-color .2s,box-shadow .2s}.orderTableHead,.orderProductRow{display:grid;grid-template-columns:58px 125px minmax(300px,1.8fr) minmax(180px,.85fr) 170px 120px 105px;align-items:center;gap:0}.orderTableHead{min-height:58px;padding:0 18px;border-bottom:1px solid #183959;color:#e8eff9;font-size:14px;font-weight:700}.orderProductRow{min-height:145px;padding:10px 18px;border-bottom:1px solid #123352}.orderProductRow:last-child{border-bottom:0}.activeProduct{background:linear-gradient(90deg,rgba(5,31,52,.98),rgba(5,23,42,.98));outline:none}.verifiedProduct{background:linear-gradient(90deg,rgba(7,66,48,.96),rgba(5,43,37,.98));box-shadow:inset 5px 0 #39d98a}.scanAccepted{border-color:#39d98a!important;box-shadow:0 0 0 4px rgba(57,217,138,.22),0 0 28px rgba(57,217,138,.15)!important}.scanRejected{border-color:#ff4f64!important;box-shadow:0 0 0 4px rgba(255,79,100,.2),0 0 28px rgba(255,79,100,.15)!important}.productIndex{font-size:21px;text-align:center}.productPhotoStub{width:94px;height:104px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border-radius:8px;border:1px solid #2a4c73;background:linear-gradient(145deg,#f6f8fb,#dfe8f4);color:#1d75d3}.productPhotoStub span{font-size:36px}.productPhotoStub small{font-size:11px;color:#58708f}.productDescription{padding:0 20px}.productDescription>b{display:block;color:#38a8ff;font-size:17px;line-height:1.42;font-weight:600}.verifiedProduct .productDescription>b{color:#73efb3}.productDescription>span{display:block;color:#7794b9;font-size:12px;margin-top:7px}.productBarcode{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#f0f4fa;font-size:16px;overflow-wrap:anywhere}.productQuantity{text-align:center}.productQuantity b{display:block;font-size:17px}.productQuantity span{display:block;color:#8199b8;font-size:11px;margin-top:3px}.productCell,.productStock{text-align:center;color:#eef4fb;font-size:16px}.productRowAction{text-align:right}.lineManualBtn{height:44px;padding:0 12px;border:1px solid #1681ff;border-radius:8px;background:#09234b;color:#43a6ff;font-weight:750;cursor:pointer}.verifiedPill{display:inline-block;padding:10px 12px;border-radius:8px;border:1px solid #247656;background:#0d3d31;color:#63d8a2;font-size:12px;font-weight:850}
.modernSplit{margin:20px 24px!important;background:#081b31!important;border-color:#1c4f83!important}.orderBottomArea{display:grid;grid-template-columns:minmax(260px,1fr) minmax(520px,1.55fr);align-items:end;gap:22px;padding:30px 34px 28px;border-top:1px solid #133858}.orderHelp{color:#94a5bc;font-size:13px;border-top:1px solid #143452;padding-top:22px}.orderFinalActions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important;margin:0!important;padding:0!important;border:0!important}.orderFinalActions.hidden{display:none!important}.finalAction{height:82px;border-radius:13px;font-size:19px;font-weight:750;cursor:pointer}.printAction{border:1px solid #1681ff;background:linear-gradient(180deg,#0a2b61,#081d44);color:#fff;box-shadow:0 0 26px rgba(19,104,255,.08)}.completeAction{border:1px solid #1681ff;background:linear-gradient(180deg,#0a2b61,#081d44);color:#fff}.completeAction:disabled{opacity:.38;cursor:not-allowed}.backToBlockFloating{margin:18px 5px 0;height:44px;padding:0 18px;border-radius:9px;border:1px solid #1a456f;background:#081a2f;color:#5aa9ff;font-weight:750;cursor:pointer}
@media(max-width:1180px){.orderCommandRow{grid-template-columns:220px 1fr 240px}.orderTableHead,.orderProductRow{grid-template-columns:45px 100px minmax(260px,1.5fr) 160px 130px 90px 95px}.productPhotoStub{width:78px;height:88px}.orderBottomArea{grid-template-columns:1fr}.groupHeroCard h2{font-size:32px!important}}
@media(max-width:850px){.screenUserBar{margin-bottom:18px}.orderCommandRow{grid-template-columns:1fr}.orderIdentity{grid-row:1}.orderTableHead{display:none}.orderProductRow{grid-template-columns:44px 88px 1fr;gap:12px}.productDescription{padding:0}.productBarcode,.productQuantity,.productCell,.productStock,.productRowAction{grid-column:3;text-align:left}.orderFinalActions{grid-template-columns:1fr!important}.groupModernRow{grid-template-columns:48px 1fr}.groupModernRow>strong{grid-column:2;justify-self:start}.groupCube{width:42px;height:42px}}


/* ==========================================================
   v8.7.1 POLISHED — closer to approved neon workstation mockup
   ========================================================== */

:root{
  --p-bg:#040c18;
  --p-bg2:#071526;
  --p-panel:#0a1b30;
  --p-panel2:#0d223b;
  --p-line:#183b64;
  --p-line-bright:#235b97;
  --p-text:#f5f8fc;
  --p-muted:#839bb9;
  --p-blue:#1882ff;
  --p-red:#93243b;
}

html,body{
  background:
    radial-gradient(1100px 520px at 42% -8%,rgba(18,91,175,.19),transparent 61%),
    radial-gradient(700px 430px at 90% 10%,rgba(8,63,135,.12),transparent 65%),
    linear-gradient(135deg,#061426 0%,#030a14 58%,#061222 100%)!important;
}
body{
  font-family:"Segoe UI",Inter,Arial,sans-serif!important;
  font-weight:400!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.wrap,.warehouseShell{
  max-width:1600px!important;
  width:calc(100% - 36px)!important;
  padding-top:12px!important;
}

/* header feels like approved mockup */
.topUserBar{
  height:52px!important;
  border-color:#173b63!important;
  background:linear-gradient(180deg,rgba(11,28,49,.96),rgba(7,20,36,.96))!important;
  box-shadow:0 0 0 1px rgba(35,92,151,.05),0 14px 38px rgba(0,0,0,.22)!important;
  padding:0 20px!important;
}
.topUserLeft b{font-size:15px!important;font-weight:700!important}
.userRole{font-size:14px!important;color:#91a7c3!important}
.logoutLink{font-size:14px!important;font-weight:650!important}

.dashboardHead{
  min-height:102px!important;
  align-items:center!important;
}
.sectionEyebrow{
  margin-top:1px!important;
  font-size:13px!important;
  color:#3095ff!important;
  letter-spacing:.16em!important;
}
.dashboardHead h1{
  font-size:56px!important;
  font-weight:750!important;
  letter-spacing:-.045em!important;
}
.summaryCount{
  width:118px!important;
  height:82px!important;
  border-color:#1d5d9c!important;
  background:
    radial-gradient(circle at 70% 20%,rgba(27,124,255,.13),transparent 45%),
    linear-gradient(180deg,#0c2340,#091a31)!important;
  box-shadow:0 0 25px rgba(16,102,203,.08)!important;
}
.summaryCount strong{font-size:40px!important;font-weight:600!important}
.summaryCount span{font-size:12px!important;font-weight:500!important}

.syncBar,.printerPanel{
  min-height:45px!important;
  border-color:#173b63!important;
  background:linear-gradient(180deg,rgba(10,30,52,.95),rgba(7,21,38,.95))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.015)!important;
}
.syncBar{font-size:14px!important}
.printerPanel{font-size:14px!important;font-weight:650!important}
.printerPanel button{
  min-height:36px!important;
  border-color:#2264aa!important;
  background:#0a2850!important;
  box-shadow:inset 0 0 18px rgba(24,130,255,.07)!important;
  font-weight:650!important;
}

/* tabs */
.mainTabs{
  margin:11px 0 14px!important;
  gap:8px!important;
}
.mainTabs button{
  height:44px!important;
  padding:0 20px!important;
  border-color:#1b3d63!important;
  background:linear-gradient(180deg,#0c2037,#08182a)!important;
  font-size:14px!important;
  font-weight:600!important;
}
.mainTabs button.active{
  background:linear-gradient(180deg,#268bff,#1264df)!important;
  box-shadow:0 0 20px rgba(24,130,255,.23),inset 0 1px rgba(255,255,255,.16)!important;
}

/* actual table + filter composition */
.shippingWorkspace{
  grid-template-columns:minmax(0,1fr) 288px!important;
  gap:14px!important;
}
.shippingWorkspace.hidden{display:none!important}
.shipmentPanel{
  border-color:#16436e!important;
  background:
    radial-gradient(650px 200px at 50% 0%,rgba(19,86,157,.08),transparent 65%),
    linear-gradient(180deg,#0a1c31,#071525)!important;
  box-shadow:0 0 34px rgba(7,66,126,.07),0 20px 50px rgba(0,0,0,.22)!important;
  padding:14px!important;
}
.shipmentPanelTitle{
  font-size:19px!important;
  font-weight:650!important;
  padding:4px 10px 14px!important;
}
.shipmentColumnHead{
  grid-template-columns:270px minmax(0,1fr) 135px!important;
  height:34px!important;
  border-bottom:1px solid #3f7fb9!important;
  color:#a9c1df!important;
  font-size:12px!important;
  font-weight:600!important;
}
.shipmentRows{
  border-color:#163657!important;
  background:#071525!important;
}
.shipmentRow{
  grid-template-columns:270px minmax(0,1fr) 135px!important;
  min-height:64px!important;
  padding:9px 18px!important;
  background:linear-gradient(90deg,#0a2038,#081a2d)!important;
  border-bottom-color:#193957!important;
}
button.shipmentRow:hover{
  background:linear-gradient(90deg,#0d2a49,#0a2038)!important;
  box-shadow:inset 3px 0 0 #1882ff!important;
}
.shipmentInfo{
  gap:5px!important;
  font-size:12.5px!important;
  color:#8ca6c7!important;
}
.shipmentInfo b{font-weight:600!important;color:#d2dfef!important}
.shipmentProduct{padding-left:18px!important}
.shipmentProduct>b{
  font-size:14.5px!important;
  font-weight:600!important;
  color:#f4f8ff!important;
}
.shipmentProduct>span{
  margin-top:1px!important;
  color:#5aa3f2!important;
  font-size:12px!important;
}
.shipmentProduct>small{
  color:#7895b9!important;
  font-size:11px!important;
}
.shipmentRight>strong{
  font-size:19px!important;
  font-weight:650!important;
}
.blockedShipment{
  background:
    linear-gradient(90deg,rgba(111,27,47,.88),rgba(55,19,34,.93))!important;
  box-shadow:inset 3px 0 0 #d73451!important;
}
.workPill{
  background:#8f2037!important;
  border:1px solid #bd304b!important;
  box-shadow:0 0 18px rgba(213,44,75,.10)!important;
  font-weight:600!important;
  font-size:12px!important;
}

/* right filter panel */
.shippingSidebar{
  border-color:#1a4a78!important;
  background:
    radial-gradient(250px 220px at 50% 0%,rgba(25,97,172,.09),transparent 65%),
    linear-gradient(180deg,#0b2037,#071525)!important;
  box-shadow:0 0 30px rgba(8,74,142,.07),0 18px 44px rgba(0,0,0,.22)!important;
  padding:20px 13px!important;
}
.filterTitle{
  font-size:17px!important;
  font-weight:650!important;
}
.filterSub{
  font-size:12px!important;
  color:#7f98b7!important;
  padding-bottom:15px!important;
}
.filterRow{
  height:62px!important;
  background:linear-gradient(180deg,#0d2744,#0a2038)!important;
  border-color:#173f69!important;
  font-size:14px!important;
  font-weight:600!important;
}
.filterRow:hover,.filterRow.active{
  background:linear-gradient(180deg,#113054,#0c2644)!important;
}
.filterRow.active{
  box-shadow:inset 3px 0 #1882ff,0 0 18px rgba(24,130,255,.06)!important;
}
.filterRow>b{
  min-width:29px!important;
  height:25px!important;
  background:#ef3044!important;
  font-size:12px!important;
  font-weight:650!important;
}

/* block screen */
.workstationScreen .groupWorkCard,
.groupWorkCard{
  border-color:#16518a!important;
  background:
    radial-gradient(700px 260px at 35% 0%,rgba(21,104,199,.10),transparent 70%),
    linear-gradient(180deg,#081a2e,#061322)!important;
  box-shadow:0 0 35px rgba(18,113,221,.08),0 24px 60px rgba(0,0,0,.24)!important;
}
.groupWorkCard h2{
  font-size:40px!important;
  max-width:1100px!important;
  font-weight:650!important;
}
.groupOrderRow{
  border-color:#164979!important;
  background:linear-gradient(90deg,#09213a,#07182a)!important;
  min-height:92px!important;
  box-shadow:none!important;
}
.groupOrderRow:hover{
  box-shadow:inset 3px 0 #1882ff,0 0 20px rgba(24,130,255,.05)!important;
}

/* individual order workstation */
.orderWorkspace{
  border-color:#174d7e!important;
  background:
    radial-gradient(900px 300px at 50% 0%,rgba(19,96,185,.08),transparent 70%),
    linear-gradient(180deg,#081a2d,#051221)!important;
  box-shadow:0 0 40px rgba(11,89,173,.07),0 24px 60px rgba(0,0,0,.22)!important;
}
.pickTableHead{
  color:#a8bed8!important;
  font-weight:600!important;
}
.pickRow{
  border-color:#173c61!important;
  background:#081a2e!important;
}
.pickRow.pickDone{
  background:#09273a!important;
  border-color:#17624b!important;
}
.manualConfirmBtn,.finalAction{
  font-weight:600!important;
}

@media(max-width:1100px){
  .shippingWorkspace{grid-template-columns:1fr!important}
}


/* ==========================================================
   v8.7.2 COMPACT — approved compact workstation proportions
   ========================================================== */

/* global density */
.wrap,.warehouseShell{
  max-width:1600px!important;
  width:calc(100% - 28px)!important;
  padding-top:10px!important;
  padding-bottom:22px!important;
}
.topUserBar{
  height:48px!important;
  padding:0 16px!important;
  margin-bottom:14px!important;
}
.dashboardHead{min-height:88px!important}
.dashboardHead h1{font-size:48px!important}
.summaryCount{
  width:104px!important;
  height:72px!important;
}
.summaryCount strong{font-size:34px!important}

/* main dashboard compact */
.syncBar,.printerPanel{min-height:42px!important}
.mainTabs button{
  height:40px!important;
  padding:0 16px!important;
  font-size:13px!important;
}
.shipmentPanel{padding:12px!important}
.shipmentPanelTitle{
  font-size:17px!important;
  padding-bottom:10px!important;
}
.shipmentColumnHead{
  height:30px!important;
  font-size:11px!important;
}
.shipmentRow{
  min-height:56px!important;
  padding:7px 15px!important;
}
.shipmentProduct>b{font-size:13.5px!important}
.shipmentProduct>span{font-size:11.5px!important}
.shipmentInfo{font-size:11.5px!important}
.shipmentRight>strong{font-size:17px!important}
.shippingSidebar{padding:16px 11px!important}
.filterRow{height:55px!important}

/* BLOCK OF IDENTICAL ORDERS */
#groupWork{
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#groupWork .backBtn,
#groupWork button[onclick*="goList"],
#groupWork button[onclick*="back"]{
  min-height:42px!important;
  padding:0 16px!important;
  border-radius:9px!important;
  font-size:14px!important;
}
.groupWorkCard,
#groupWork .workcard{
  padding:28px 38px!important;
  border-radius:14px!important;
  min-height:auto!important;
}
.groupWorkCard .eyebrow,
#groupWork .eyebrow{
  font-size:12px!important;
  margin-bottom:10px!important;
}
.groupWorkCard h2,
#groupWork h2{
  font-size:34px!important;
  line-height:1.15!important;
  margin:0 0 12px!important;
}
.groupMeta,
#groupWork .meta{
  font-size:15px!important;
  margin-bottom:22px!important;
}
#groupOrders,
.groupOrders{
  gap:10px!important;
}
.groupOrderRow{
  min-height:76px!important;
  padding:11px 18px!important;
  border-radius:11px!important;
}
.groupOrderRow .orderIcon,
.groupOrderRow .iconBox{
  width:46px!important;
  height:46px!important;
  border-radius:9px!important;
}
.groupOrderRow strong,
.groupOrderRow .postingNumber{
  font-size:19px!important;
}
.groupOrderRow small,
.groupOrderRow .sub{
  font-size:13px!important;
}
.groupOrderRow .openLink,
.groupOrderRow button{
  font-size:14px!important;
  padding:8px 12px!important;
}

/* ORDER DETAIL */
#work{
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.orderTopActions{
  margin-bottom:10px!important;
  gap:10px!important;
}
.orderBack,.orderNotFound{
  min-height:42px!important;
  padding:0 16px!important;
  font-size:14px!important;
  border-radius:9px!important;
}
.orderWorkspace{
  padding:18px 20px!important;
  min-height:auto!important;
  border-radius:13px!important;
}
.orderHeading{
  gap:14px!important;
  padding-bottom:14px!important;
}
.orderHeading h2{
  font-size:26px!important;
  margin:3px 0 7px!important;
}
.orderMetaLine{
  font-size:13px!important;
  gap:12px!important;
}
.orderNumberBox{
  min-width:250px!important;
  padding:12px 14px!important;
  border-radius:10px!important;
}
.orderNumberBox>strong{
  font-size:21px!important;
  margin:3px 0!important;
}
.pickTableHead{
  grid-template-columns:minmax(280px,1.5fr) minmax(160px,.8fr) 100px minmax(160px,.8fr)!important;
  padding:12px 13px 7px!important;
  font-size:10.5px!important;
}
.pickRow{
  grid-template-columns:minmax(280px,1.5fr) minmax(160px,.8fr) 100px minmax(160px,.8fr)!important;
  padding:11px 13px!important;
  border-radius:9px!important;
  gap:10px!important;
}
.productThumb{
  width:42px!important;
  height:42px!important;
  border-radius:8px!important;
  font-size:18px!important;
}
.pickProduct b{font-size:14px!important}
.pickProduct span,.pickProduct small{font-size:11.5px!important}
.pickBarcode{font-size:12px!important}
.pickQty strong{font-size:19px!important}
.manualConfirmBtn{
  padding:9px 11px!important;
  font-size:12px!important;
  border-radius:8px!important;
}
.confirmedBadge{
  padding:7px 9px!important;
  font-size:11.5px!important;
  border-radius:8px!important;
}
.splitbox{
  max-width:560px!important;
  padding:14px 16px!important;
  margin-top:12px!important;
  border-radius:10px!important;
}
.splitTitle{font-size:16px!important}
.splitHint{font-size:12px!important;margin-top:4px!important}
.splitInput{
  min-height:44px!important;
  font-size:15px!important;
  padding:0 12px!important;
  border-radius:8px!important;
  margin-top:10px!important;
}
.onePlace{
  min-height:36px!important;
  padding:0 12px!important;
  font-size:12.5px!important;
  border-radius:8px!important;
  margin-top:8px!important;
}
.splitCheck{font-size:12.5px!important;margin-top:8px!important}
.multiSplitBox{
  margin:16px 18px 0;
  padding:18px;
  border:1px solid #31577a;
  border-radius:12px;
  background:#0b2237;
}
.multiSplitPresets{display:flex;flex-wrap:wrap;gap:9px;margin-top:13px}
.multiSplitPresets button,.addPlaceBtn{
  min-height:38px;
  padding:0 13px;
  border:1px solid #2f80ed;
  border-radius:8px;
  background:#102e49;
  color:#dcefff;
  font-weight:700;
  cursor:pointer;
}
.multiSplitPresets button:hover,.addPlaceBtn:hover{background:#164469}
.multiPlaceRows{display:grid;gap:10px;margin-top:14px}
.multiPlaceEmpty{padding:13px;border:1px dashed #3a5f7d;border-radius:9px;color:#89add0}
.multiPlaceCard{padding:12px;border:1px solid #2b5271;border-radius:10px;background:#081b2d}
.multiPlaceCardHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}
.multiPlaceCardHead button{border:0;background:transparent;color:#ff8c98;font-weight:700;cursor:pointer}
.multiPlaceItems{display:grid;gap:7px}
.multiPlaceItems label{display:grid;grid-template-columns:minmax(0,1fr) 84px 26px;align-items:center;gap:8px}
.multiPlaceItems label span{display:grid;min-width:0}
.multiPlaceItems label small{color:#86aaca;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.multiPlaceItems input{width:84px;min-height:36px;border:1px solid #315b7c;border-radius:7px;background:#071625;color:#fff;text-align:center;font-weight:800}
.multiPlaceItems em{color:#8baccc;font-style:normal;font-size:12px}
.addPlaceBtn{margin-top:10px}
.confirmMultiPlacesBtn{
  width:100%;min-height:46px;margin-top:12px;border:1px solid #27bb7d;border-radius:9px;
  background:#11784f;color:#fff;font-weight:900;cursor:pointer
}
.confirmMultiPlacesBtn:disabled{opacity:.45;cursor:not-allowed}
.message{
  font-size:12.5px!important;
  padding-top:10px!important;
}
.orderFinalActions{
  gap:9px!important;
  margin-top:14px!important;
  padding-top:13px!important;
}
.orderFinalActions .big{
  min-width:210px!important;
  padding:13px 17px!important;
  font-size:15px!important;
  border-radius:9px!important;
}

/* make table rows more like approved screenshot */
.orderWorkspace .pickRow{
  min-height:86px!important;
}
.orderWorkspace .pickDone{
  box-shadow:inset 3px 0 0 #2ab77a!important;
}

/* Compact order controls: keep actions visible without dominating the screen. */
.orderCommandRow{
  grid-template-columns:240px minmax(0,1fr) 260px!important;
}
.notFoundCommand,.manualCommand{
  height:48px!important;
  border-radius:9px!important;
  font-size:15px!important;
}
.orderBottomArea{
  grid-template-columns:minmax(280px,1fr) auto!important;
  padding:22px 28px 20px!important;
}
.orderFinalActions{
  display:flex!important;
  justify-content:flex-end!important;
  gap:10px!important;
  margin:0!important;
  padding:0!important;
}
.finalAction{
  width:auto!important;
  height:50px!important;
  min-width:230px!important;
  padding:0 22px!important;
  border-radius:9px!important;
  font-size:15px!important;
}
.printAction{min-width:270px!important}
.completeAction{min-width:230px!important}

@media(max-width:850px){
  .orderCommandRow{grid-template-columns:1fr!important}
  .orderBottomArea{grid-template-columns:1fr!important}
  .orderFinalActions{display:grid!important;grid-template-columns:1fr!important}
  .finalAction{width:100%!important;min-width:0!important}
}

/* avoid huge empty bottom */
#work .workcard,
#groupWork .workcard{
  margin-bottom:0!important;
}

@media(max-width:900px){
  .groupWorkCard,#groupWork .workcard{padding:22px 20px!important}
  .groupWorkCard h2,#groupWork h2{font-size:28px!important}
  .groupOrderRow{min-height:70px!important}
  .orderWorkspace{padding:15px!important}
}


/* v8.7.3 — composite / multi-position orders */
.compositeShipment{
  box-shadow:inset 3px 0 0 #7a5cff!important;
}
.compositeShipment:not(.blockedShipment){
  background:
    linear-gradient(90deg,rgba(24,35,73,.98),rgba(9,28,48,.98))!important;
}
.compositeShipment:not(.blockedShipment):hover{
  background:
    linear-gradient(90deg,rgba(35,48,94,.98),rgba(12,36,61,.98))!important;
  box-shadow:inset 3px 0 0 #9a7cff!important;
}
.compositeTitleLine{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}
.compositeTitleLine>b{
  color:#f6f2ff!important;
  font-size:13.5px!important;
  font-weight:700!important;
}
.compositeBadge{
  display:inline-flex;
  align-items:center;
  height:20px;
  padding:0 8px;
  border-radius:999px;
  border:1px solid #7258ce;
  background:#2a2350;
  color:#c5b8ff!important;
  font-size:10.5px!important;
  font-weight:800!important;
  white-space:nowrap;
}
.compositeShipment .shipmentProduct>span{
  color:#a99bff!important;
}

/* Raised queue rows with a compact marketplace column */
.shipmentColumnHead,
.shipmentRow{
  grid-template-columns:150px minmax(0,1fr) 110px!important;
}
.shipmentColumnHead span:nth-child(2){padding-left:18px}
.shipmentColumnHead span:last-child{justify-self:end;text-align:right;padding-right:8px}
.shipmentRows{
  display:grid!important;
  gap:7px!important;
  padding:7px!important;
  border:0!important;
  background:#061424!important;
}
.shipmentRow{
  border:1px solid #24527c!important;
  border-radius:9px!important;
  background:linear-gradient(180deg,#102b48,#0b2139)!important;
  box-shadow:
    inset 0 1px 0 rgba(132,190,255,.12),
    0 4px 11px rgba(0,0,0,.28)!important;
}
button.shipmentRow:hover{
  border-color:#3488d7!important;
  background:linear-gradient(180deg,#15375b,#0e2946)!important;
  box-shadow:
    inset 3px 0 0 #2495ff,
    inset 0 1px 0 rgba(158,207,255,.16),
    0 6px 15px rgba(0,0,0,.34)!important;
}
.shipmentInfo{
  align-self:center!important;
  color:#d7e7fa!important;
}
.shipmentInfo b{color:#fff!important}
.shipmentProduct>span{
  color:#82c4ff!important;
  font-weight:750!important;
  text-shadow:0 0 10px rgba(54,151,255,.18);
}
.compositeShipment .shipmentProduct>span{
  color:#c2b6ff!important;
  text-shadow:0 0 10px rgba(139,111,255,.20);
}
.blockedShipment{
  border-color:#9b3650!important;
  background:linear-gradient(90deg,#70243a,#4d1d31)!important;
  box-shadow:
    inset 4px 0 0 #ef3d5c,
    inset 0 1px 0 rgba(255,171,184,.12),
    0 5px 13px rgba(55,8,20,.38)!important;
}
.compositeShipment:not(.blockedShipment){
  border-color:#6751bb!important;
}
@media(max-width:1000px){
  .shipmentRow{grid-template-columns:105px minmax(0,1fr) 70px!important}
}

/* Admin-only dry run for automatic Ozon package splitting */
.autoPackPanel{
  min-height:56px;
  margin-top:9px;
  padding:10px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  border:1px solid #315f8e;
  border-radius:10px;
  background:linear-gradient(180deg,#102b48,#0b2037);
}
.autoPackPanel>div{display:flex;flex-direction:column;gap:3px}
.autoPackPanel b{color:#f5f9ff;font-size:14px}
.autoPackPanel span{color:#91a9c5;font-size:12px}
.autoPackPanel button{
  min-height:36px;
  padding:0 16px;
  border:1px solid #397fca;
  border-radius:8px;
  background:linear-gradient(180deg,#1b5795,#154373);
  color:#fff;
  font-weight:800;
  cursor:pointer;
}
.autoPackPanel button:disabled{opacity:.55;cursor:wait}
.autoPackPreview{
  margin-top:8px;
  padding:12px;
  display:grid;
  gap:8px;
  border:1px solid #315f8e;
  border-radius:10px;
  background:#07182b;
}
.autoPackSummary{display:flex;justify-content:space-between;gap:16px;color:#dfeafa;font-size:13px}
.autoPackSummary span{color:#8fa8c7}
.autoPackCard{border:1px solid #24527c;border-radius:9px;background:#0d233b;overflow:hidden}
.autoPackCardHead{display:flex;justify-content:space-between;gap:12px;padding:9px 12px;background:#123253;color:#fff}
.autoPackCardHead span{color:#9ec5ef;font-size:12px}
.autoPackLine{display:grid;grid-template-columns:130px minmax(0,1fr) minmax(250px,.9fr);gap:12px;padding:8px 12px;border-top:1px solid #193b5e;font-size:12px}
.autoPackLine>b{color:#82c4ff}.autoPackLine>span{color:#d7e2ef}.autoPackLine>strong{color:#f3ca72}
.autoPackLoading{padding:12px;color:#a9bdd6;text-align:center}
.autoPackError{padding:10px;color:#ff9aaa;background:#3b1723;border-radius:8px}
.autoPackPreview details{border-top:1px solid #20415f;padding-top:8px;color:#9eb4ce}
.autoPackPreview summary{cursor:pointer;font-weight:800}
.autoPackSkipped{display:flex;justify-content:space-between;gap:15px;padding:7px 4px;border-bottom:1px solid #15314d;font-size:12px}
.autoPackSkipped b{color:#dce8f7}.autoPackSkipped span{color:#ffadba;text-align:right}
@media(max-width:850px){
  .autoPackPanel,.autoPackSummary{align-items:flex-start;flex-direction:column}
  .autoPackLine{grid-template-columns:1fr}
}

/* Real WB picking flow */
.wbScanBar{margin:0 5px 14px!important}
.wbScanBar{grid-template-columns:auto auto 1fr auto!important}
.wbManualBtn{height:36px!important;padding:0 14px!important;font-size:12px!important}
.wbPickMessage{margin:8px 5px 0;padding:12px 4px;color:#c7d7e9}
.wbWorkScreen>.orderFinalActions{margin:12px 5px 0!important;padding:0!important;justify-content:flex-end!important}
.wbWorkScreen .wbPickCard{transition:border-color .2s,box-shadow .2s}
.wbShipment,.wbGroupScreen .orderOpenButton{cursor:pointer}
.wbGroupScreen .groupModernRow{grid-template-columns:52px minmax(0,1fr)!important}

/* Ready for shipment and daily audit */
.readyTodayView{padding:18px 4px}.readyHeader,.historyDayTools{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;border:1px solid #28527c;border-radius:12px;background:#0b2036}.readyHeader h2,.historyDayTools h2{margin:0 0 5px;color:#fff}.readyHeader p,.historyDayTools p{margin:0;color:#819bbb;font-size:12px}.readyControls,.historyDayTools>div:last-child{display:flex;align-items:center;gap:9px}.readyControls input,.historyDayTools input{height:38px;padding:0 10px;border:1px solid #315f8e;border-radius:8px;background:#07182b;color:#eaf2fc}.readyControls button,.historyDayTools button{height:38px;padding:0 14px;border:1px solid #2b8cff;border-radius:8px;background:#1164bd;color:#fff;font-weight:800;cursor:pointer}.readySummary{padding:14px 4px 8px;color:#91a8c4}.readyList{display:grid;gap:7px}.readyOrderRow{min-height:70px;display:grid;grid-template-columns:48px minmax(0,1fr) 90px 150px;align-items:center;gap:12px;padding:10px 16px;border:1px solid #28527c;border-radius:10px;background:linear-gradient(180deg,#102b48,#0b2139)}.readyOrderRow>div:nth-child(2){display:flex;flex-direction:column;gap:3px}.readyOrderRow>div:nth-child(2)>b{color:#fff}.readyOrderRow>div:nth-child(2)>span{color:#87c9ff}.readyOrderRow small{color:#809bbb}.readyOrderRow>strong{text-align:center;color:#fff}.readyWho{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.readyWho b{color:#d9e7f7}.readyWho span{color:#7f9cbb;font-size:12px}.historyDayTools{margin-bottom:10px}.dayHistoryCard{margin-bottom:18px}.historyEventWide{display:grid!important;grid-template-columns:90px 210px minmax(0,1fr) 150px!important;gap:12px!important}.historyEventWide>span{color:#a9bed5}.historyEventWide>strong{text-align:right;color:#70bfff}@media(max-width:800px){.readyHeader,.historyDayTools{align-items:flex-start;flex-direction:column}.readyOrderRow{grid-template-columns:42px 1fr 60px}.readyWho{grid-column:2/4;align-items:flex-start}.historyEventWide{grid-template-columns:80px 1fr!important}.historyEventWide>span,.historyEventWide>strong{grid-column:2;text-align:left}}
.adminAuditView{padding:18px 4px}.orderSearchHeader{margin-bottom:10px;padding:20px 22px;border:1px solid #28527c;border-radius:12px;background:#0b2036}.orderSearchHeader h2{margin:0 0 5px;color:#fff}.orderSearchHeader p{margin:0;color:#819bbb;font-size:12px}.adminAuditView .historySearch{margin-bottom:12px;padding:14px;border:1px solid #234765;border-radius:11px;background:#081a2d}

/* Safe remote administrator mode */
.remoteModeBanner{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:10px 0;padding:12px 16px;border:1px solid #2f80d0;border-radius:11px;background:linear-gradient(90deg,#123b63,#0d2947);color:#dcecff}
.remoteModeBanner b{color:#fff;white-space:nowrap}.remoteModeBanner span{color:#9fc4ea;font-size:13px;text-align:right}
.remoteReadOnly .printerPanel,.remoteReadOnly #tabBarcodes,.remoteReadOnly #tabUsers{display:none!important}
.remoteReadOnly .shipmentRows .shipmentRow{pointer-events:none;cursor:default}
.remoteReadOnly .tinyUnlock{display:none!important}

@media(max-width:760px){
  .remoteReadOnly .warehouseShell{padding:10px!important}
  .remoteReadOnly .remoteModeBanner{position:sticky;top:0;z-index:20;align-items:flex-start;flex-direction:column;gap:3px;margin:6px 0 10px;padding:10px 12px;box-shadow:0 6px 18px rgba(0,0,0,.28)}
  .remoteReadOnly .remoteModeBanner span{text-align:left;font-size:11px;line-height:1.35}
  .remoteReadOnly .dashboardHead h1{font-size:30px!important}
  .remoteReadOnly .mainTabs{display:flex;overflow-x:auto;flex-wrap:nowrap;padding-bottom:5px;scrollbar-width:none}
  .remoteReadOnly .mainTabs::-webkit-scrollbar{display:none}
  .remoteReadOnly .mainTabs button{flex:0 0 auto;white-space:nowrap}
  .remoteReadOnly .shippingWorkspace{display:flex!important;flex-direction:column;gap:10px}
  .remoteReadOnly .shippingSidebar{order:-1;width:auto!important}
  .remoteReadOnly .shippingSidebar .filterTitle,.remoteReadOnly .shippingSidebar .filterSub{display:none}
  .remoteReadOnly .shippingSidebar{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));padding:10px!important}
  .remoteReadOnly .filterRow{min-height:54px!important}
  .remoteReadOnly .shipmentPanel{min-width:0;padding:10px!important}
  .remoteReadOnly .shipmentPanelTitle{font-size:16px!important}
  .remoteReadOnly .shipmentColumnHead{display:none!important}
  .remoteReadOnly .shipmentRow{grid-template-columns:82px minmax(0,1fr) 42px!important;min-height:76px!important;padding:9px!important;gap:8px!important}
  .remoteReadOnly .shipmentProduct b{white-space:normal!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .remoteReadOnly .shipmentProduct span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .remoteReadOnly .shipmentRight strong{font-size:20px!important}
}

/* v8.7.4 — phone-first queue: compact controls, readable cards, filters first */
@media(max-width:760px){
  html,body{overflow-x:hidden!important}
  body{font-size:15px!important}
  button{touch-action:manipulation}
  .wrap,.warehouseShell{
    width:calc(100% - 14px)!important;
    padding:7px 0 18px!important;
  }

  .topUserBar{
    min-height:46px!important;
    height:auto!important;
    padding:7px 10px!important;
    margin-bottom:8px!important;
    gap:8px!important;
  }
  .topUserLeft{min-width:0;gap:7px!important}
  .headerBrand{padding-right:7px!important}
  .headerBrand img{width:25px!important;height:25px!important}
  .headerBrand span{font-size:13px!important}
  .avatarMini,.userRole{display:none!important}
  .topUserLeft>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px!important}
  .logoutLink{flex:0 0 auto;font-size:12px!important}

  .dashboardHead{min-height:68px!important;padding:2px 3px!important}
  .sectionEyebrow{font-size:10px!important;letter-spacing:.12em!important}
  .dashboardHead h1{font-size:34px!important;line-height:1!important;margin-top:5px!important}
  .summaryCount{width:76px!important;height:55px!important;border-radius:11px!important}
  .summaryCount strong{font-size:27px!important;line-height:1!important}
  .summaryCount span{font-size:9px!important}

  .syncBar{min-height:39px!important;padding:7px 10px!important;font-size:12px!important}
  .printerPanel{
    min-height:43px!important;
    padding:6px 7px 6px 10px!important;
    gap:7px!important;
    font-size:11px!important;
  }
  .printerPanel span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .printerPanel button{min-height:34px!important;padding:0 9px!important;font-size:11px!important;white-space:nowrap}

  .mainTabs{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:6px!important;
    overflow-x:auto!important;
    margin:8px 0 9px!important;
    padding:0 1px 5px!important;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
  }
  .mainTabs::-webkit-scrollbar{display:none}
  .mainTabs button{
    flex:0 0 auto!important;
    height:39px!important;
    padding:0 13px!important;
    font-size:12px!important;
    white-space:nowrap!important;
    scroll-snap-align:start;
  }

  .shippingWorkspace,
  .remoteReadOnly .shippingWorkspace{
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
  }
  .shippingSidebar,
  .remoteReadOnly .shippingSidebar{
    order:-1!important;
    position:sticky!important;
    top:0!important;
    z-index:15!important;
    min-height:0!important;
    width:100%!important;
    display:flex!important;
    grid-template-columns:none!important;
    gap:6px!important;
    overflow-x:auto!important;
    padding:7px!important;
    border-radius:10px!important;
    scrollbar-width:none;
    box-shadow:0 8px 22px rgba(0,0,0,.34)!important;
  }
  .shippingSidebar::-webkit-scrollbar{display:none}
  .shippingSidebar .filterTitle,.shippingSidebar .filterSub{display:none!important}
  .filterRow,
  .remoteReadOnly .filterRow{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:96px!important;
    height:46px!important;
    min-height:46px!important;
    grid-template-columns:24px auto auto!important;
    gap:7px!important;
    padding:0 9px!important;
    border:1px solid #1d4774!important;
    border-radius:8px!important;
    font-size:12px!important;
  }
  #filterLeman{min-width:119px!important}
  #filterLost{min-width:124px!important}
  .filterRow.active{border-color:#2588ef!important;box-shadow:inset 0 -3px #1882ff!important}
  .filterRow>b{min-width:24px!important;height:22px!important;padding:0 4px!important;font-size:10px!important}
  .marketLogo{width:23px!important;height:23px!important;flex-basis:23px!important;font-size:9px!important}

  .shipmentPanel,
  .remoteReadOnly .shipmentPanel{padding:8px!important;border-radius:10px!important}
  .shipmentPanelTitle,
  .remoteReadOnly .shipmentPanelTitle{padding:3px 5px 9px!important;font-size:15px!important}
  .shipmentColumnHead{display:none!important}
  .shipmentRows{gap:7px!important;padding:0!important;background:transparent!important;overflow:visible!important}
  .shipmentRow,
  .remoteReadOnly .shipmentRow{
    position:relative!important;
    grid-template-columns:minmax(0,1fr) 48px!important;
    min-height:88px!important;
    gap:3px 10px!important;
    padding:11px 10px 11px 12px!important;
    border-radius:10px!important;
  }
  .shipmentInfo,
  .remoteReadOnly .shipmentInfo{
    grid-column:1!important;
    grid-row:1!important;
    min-width:0!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:wrap!important;
    gap:3px 10px!important;
    color:#98b1d0!important;
    font-size:10.5px!important;
    line-height:1.25!important;
  }
  .shipmentInfo b{color:#bad1ea!important;font-weight:650!important}
  .shipmentProduct,
  .remoteReadOnly .shipmentProduct{
    grid-column:1!important;
    grid-row:2!important;
    min-width:0!important;
    padding:2px 0 0!important;
    gap:3px!important;
  }
  .shipmentProduct>b,
  .remoteReadOnly .shipmentProduct>b,
  .compositeTitleLine>b{
    display:-webkit-box!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    white-space:normal!important;
    text-overflow:ellipsis!important;
    font-size:15px!important;
    line-height:1.28!important;
  }
  .shipmentProduct>span{
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:12px!important;
  }
  .shipmentProduct>small{font-size:10.5px!important;line-height:1.25!important}
  .shipmentRight,
  .remoteReadOnly .shipmentRight{
    grid-column:2!important;
    grid-row:1/3!important;
    align-self:stretch!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
  }
  .shipmentRight>strong,
  .remoteReadOnly .shipmentRight>strong{
    display:grid!important;
    place-items:center!important;
    min-width:36px!important;
    min-height:36px!important;
    padding:0 3px!important;
    border:1px solid #2d6396!important;
    border-radius:9px!important;
    background:#0a1c30!important;
    font-size:17px!important;
  }
  .workPill{max-width:58px!important;padding:4px 5px!important;font-size:9px!important;line-height:1.15!important;text-align:center!important;white-space:normal!important}
  .tinyUnlock{width:34px!important;height:34px!important}
  .compositeTitleLine{align-items:flex-start!important;flex-wrap:wrap!important;gap:5px!important}
  .compositeBadge{height:18px!important;padding:0 6px!important;font-size:9px!important}
  .emptyShipment{padding:28px 12px!important;font-size:13px!important}

  .readyTodayView,.adminAuditView,.barcodeAdmin{padding:8px 0!important}
  .readyHeader,.historyDayTools,.orderSearchHeader{padding:14px!important}
  .readyControls,.historyDayTools>div:last-child{width:100%!important;align-items:stretch!important;flex-direction:column!important}
  .readyControls input,.readyControls button,.historyDayTools input,.historyDayTools button{width:100%!important;box-sizing:border-box!important}
}

/* LemanPRO pickup batches — same separation as the partner cabinet */
.lemanPickupOverview{
  min-height:48px;
  display:flex;
  align-items:flex-end;
  gap:26px;
  padding:0 14px;
  border-bottom:1px solid #315474;
  background:#08192b;
}
.lemanPickupOverview span{
  height:47px;
  display:flex;
  align-items:center;
  gap:7px;
  box-sizing:border-box;
  color:#8ea7c5;
  font-size:12px;
  font-weight:850;
}
.lemanPickupOverview span.active{color:#fff;border-bottom:4px solid #6c8eb5}
.lemanPickupOverview b{color:#fff;font-size:13px}
.lemanPickupGroup{
  margin:9px 7px 0;
  overflow:hidden;
  border:1px solid #295173;
  border-radius:10px;
  background:#08192b;
}
.lemanPickupHead{
  min-height:66px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:10px 16px;
  box-sizing:border-box;
  border-bottom:1px solid #244765;
  background:linear-gradient(90deg,#102840,#0b1e33);
}
.lemanPickupHead>div{display:flex;flex-direction:column;gap:4px}
.lemanPickupHead b{color:#fff;font-size:17px}
.lemanPickupHead span{color:#9eb1c6;font-size:12px;font-weight:650}
.lemanPickupHead>strong{color:#b5c8db;font-size:13px;white-space:nowrap}
.lemanPickupOrders{display:grid;gap:7px;padding:7px;background:#061424}
.lemanAppReady{border-color:#1e8c68;background:linear-gradient(135deg,#09251f,#0b1f31)}
.lemanBatchAppButton{
  min-height:40px;padding:9px 16px;border:1px solid #42c597;border-radius:9px;
  background:#126b50;color:#fff;font-weight:850;font-size:13px;cursor:pointer;white-space:nowrap
}
.lemanBatchAppButton:hover{background:#178462}
.lemanBatchAppButton:disabled{opacity:.55;cursor:wait}
.lemanAppActions{display:flex!important;flex-direction:row!important;gap:8px;align-items:center}
.lemanDownloadAppButton{
  min-height:40px;padding:9px 16px;border:1px solid #4481bc;border-radius:9px;
  background:#123b63;color:#eaf4ff;font-weight:850;font-size:13px;cursor:pointer;white-space:nowrap
}
.lemanDownloadAppButton:hover{background:#185183}

@media(max-width:760px){
  .lemanPickupOverview{min-height:43px;gap:20px;padding:0 10px}
  .lemanPickupOverview span{height:42px;font-size:11px}
  .lemanPickupGroup{margin:7px 0 0}
  .lemanPickupHead{min-height:58px;align-items:flex-start;flex-direction:column;gap:5px;padding:9px 11px}
  .lemanPickupHead b{font-size:14px}
  .lemanPickupHead>strong{font-size:11px}
  .lemanPickupOrders{padding:6px}
  .lemanAppActions{width:100%;display:grid!important;grid-template-columns:1fr 1fr}
  .lemanBatchAppButton,.lemanDownloadAppButton{width:100%;min-height:44px}
}


/* WB order table — same proportions as Ozon */
.wbPickHead,.wbPickRow{
  grid-template-columns:58px 125px minmax(300px,1.8fr) minmax(180px,.85fr) 170px;
  padding-left:18px;
  padding-right:18px;
}

.wbPickHead{
  min-height:58px;
  font-size:14px;
}

.wbPickRow{
  min-height:145px;
  padding-top:10px;
  padding-bottom:10px;
}

.wbDetailPhoto{
  width:94px;
  height:104px;
  padding:0;
  border-color:#2a4c73;
  background:linear-gradient(145deg,#f6f8fb,#dfe8f4);
  box-shadow:none;
}

.wbDetailPhoto img{
  width:100%;
  height:100%;
  object-fit:contain;
  mix-blend-mode:normal;
  filter:none;
}

.wbDetailQty{
  text-align:center;
}

@media(max-width:1180px){
  .wbPickHead,.wbPickRow{
    grid-template-columns:45px 100px minmax(260px,1.5fr) 160px 130px;
  }
  .wbDetailPhoto{
    width:78px;
    height:88px;
  }
}

/* Queue: show order count and total product units as separate compact cubes. */
.shipmentColumnHead,
.shipmentRow{
  grid-template-columns:150px minmax(0,1fr) 225px!important;
}
.shipmentCountHead{
  display:flex!important;
  width:100%!important;
  justify-self:stretch!important;
  align-items:center;
  justify-content:flex-end!important;
  gap:7px;
  padding-right:0!important;
  transform:none!important;
  box-sizing:border-box;
}
.shipmentCountHead span,
.shipmentCountHead i{
  color:inherit!important;
  font:inherit!important;
  font-style:normal!important;
  text-align:center;
}
.shipmentCountHead i{
  flex:0 0 58px;
  width:58px;
}
.shipmentMetrics{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
}
.shipmentMetric{
  display:grid;
  place-items:center;
  align-content:center;
  flex:0 0 58px;
  width:58px;
  min-width:58px;
  min-height:42px;
  padding:3px 6px;
  border:1px solid #3475ad;
  border-radius:8px;
  background:linear-gradient(180deg,#143a60,#0b2948);
  box-sizing:border-box;
  line-height:1;
}
.shipmentMetric small{
  color:#81a9d3!important;
  font-size:8px!important;
  font-weight:800!important;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.shipmentMetric strong{
  color:#fff!important;
  font-size:17px!important;
  font-weight:800!important;
  line-height:1.25;
}
.shipmentMetric.unitsMetric{
  border-color:#6254b8;
  background:linear-gradient(180deg,#2a295e,#181d43);
}
.blockedShipment .shipmentMetric{
  border-color:rgba(255,255,255,.25);
  background:rgba(8,24,43,.28);
}
@media(max-width:1000px){
  .shipmentColumnHead,
  .shipmentRow{grid-template-columns:105px minmax(0,1fr) 175px!important}
  .shipmentCountHead{padding-right:0!important;transform:none!important}
  .shipmentCountHead i{flex-basis:52px;width:52px}
  .shipmentMetric{flex-basis:52px;width:52px;min-width:52px}
}
@media(max-width:760px){
  .shipmentRow{grid-template-columns:1fr 118px!important}
  .shipmentMetric{flex-basis:48px;width:48px;min-width:48px;min-height:38px;padding:2px 4px}
  .shipmentMetric small{font-size:7px!important}
  .shipmentMetric strong{font-size:16px!important}
  .shipmentRight{gap:5px!important}
}

/* FINAL WB table alignment with Ozon */
.wbPickCard{
  border:1px solid #185496;
  border-radius:13px;
  background:linear-gradient(180deg,#07182d,#061426);
}

.wbPickHead,
.wbPickRow{
  display:grid;
  grid-template-columns:58px 125px minmax(300px,1.8fr) minmax(180px,.85fr) 170px;
  align-items:center;
  gap:0;
  padding-left:18px;
  padding-right:18px;
}

.wbPickHead{
  min-height:58px;
  border-bottom:1px solid #183959;
  color:#e8eff9;
  font-size:14px;
  font-weight:700;
}

.wbPickRow{
  min-height:145px;
  padding-top:10px;
  padding-bottom:10px;
  background:linear-gradient(90deg,rgba(5,31,52,.98),rgba(5,23,42,.98));
}

.wbPickRow>b{
  font-size:21px;
  text-align:center;
}

.wbDetailPhoto{
  width:94px;
  height:104px;
  padding:0;
  border-radius:8px;
  border:1px solid #2a4c73;
  background:linear-gradient(145deg,#f6f8fb,#dfe8f4);
}

.wbDetailPhoto img{
  width:100%;
  height:100%;
  border-radius:8px;
  object-fit:contain;
  mix-blend-mode:normal;
  filter:none;
}

#wbDetailProduct{
  padding:0 20px;
}

#wbDetailProduct>b{
  display:block;
  color:#38a8ff;
  font-size:17px;
  line-height:1.42;
  font-weight:600;
}

#wbDetailProduct>span{
  display:block;
  color:#7794b9;
  font-size:12px;
  margin-top:7px;
}

.wbDetailSku{
  color:#f0f4fa;
  font-size:16px;
}

.wbDetailQty{
  text-align:center;
}

.wbDetailQty>b{
  font-size:17px;
}



.wbGroupPrintAll{
  width:100%;
  min-height:58px;
  margin:0 0 18px;
  padding:0 22px;
  border:1px solid #7c3aed;
  border-radius:12px;
  background:rgba(124,58,237,.10);
  color:#d8c7ff;
  font-size:17px;
  font-weight:700;
  cursor:pointer;
  transition:.15s ease;
}
.wbGroupPrintAll:hover{
  background:rgba(124,58,237,.18);
  border-color:#9b6cff;
}
.wbGroupPrintAll:disabled{
  opacity:.55;
  cursor:default;
}



.wbGroupCompleteAll{
  width:100%;
  min-height:58px;
  margin:0 0 18px;
  padding:0 22px;
  border:1px solid #16a34a;
  border-radius:12px;
  background:rgba(22,163,74,.10);
  color:#bbf7d0;
  font-size:17px;
  font-weight:700;
  cursor:pointer;
  transition:.15s ease;
}
.wbGroupCompleteAll:hover{
  background:rgba(22,163,74,.18);
}
.wbGroupCompleteAll:disabled{
  opacity:.55;
  cursor:default;
}


/* ==========================================================
   WB PRODUCT CARD ? FINAL DESIGN
   ========================================================== */

.wbProductCard{
  display:grid;
  grid-template-columns:150px minmax(0,1fr);
  gap:24px;
  align-items:center;
  margin:0 5px;
  padding:22px 24px;
  overflow:visible;
  border:1px solid #4f3b78;
  border-radius:14px;
  background:
    linear-gradient(90deg,rgba(91,48,135,.12),transparent 35%),
    linear-gradient(180deg,#0a1b30,#071629);
  box-shadow:inset 4px 0 #9c5be3;
}

.wbProductPhoto{
  display:flex;
  align-items:center;
  justify-content:center;
}

.wbProductCard .wbDetailPhoto{
  width:126px;
  height:142px;
  padding:0;
  border:1px solid #354d69;
  border-radius:10px;
  background:#fff;
  box-shadow:none;
  overflow:hidden;
}

.wbProductCard .wbDetailPhoto img{
  width:100%;
  height:100%;
  border-radius:9px;
  object-fit:contain;
  mix-blend-mode:normal;
  filter:none;
}

.wbProductInfo{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.wbProductCard .productDescription{
  padding:0;
}

.wbProductCard .productDescription>b{
  display:block;
  margin:0;
  color:#f1f5fb;
  font-size:21px;
  line-height:1.35;
  font-weight:700;
}

.wbProductCard .productDescription>span{
  display:block;
  margin-top:8px;
  color:#a990c8;
  font-size:13px;
  font-weight:600;
}

.wbProductMeta{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  gap:14px 34px;
  margin-top:22px;
  padding-top:17px;
  border-top:1px solid #243a54;
}

.wbMetaItem{
  display:flex;
  flex-direction:column;
  gap:7px;
  min-width:120px;
}

.wbBarcodeMeta{
  min-width:220px;
  flex:1;
}

.wbMetaLabel{
  color:#718aa7;
  font-size:11px;
  line-height:1;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.wbProductCard .wbDetailQty{
  display:flex;
  align-items:baseline;
  gap:5px;
  text-align:left;
}

.wbProductCard .wbDetailQty>b{
  display:inline;
  color:#fff;
  font-size:21px;
  line-height:1;
}

.wbProductCard .wbDetailQty>span{
  display:inline;
  margin:0;
  color:#91a5bd;
  font-size:13px;
}

.wbProductCard .wbDetailSku{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px;
  color:#dce7f4;
  font-size:14px;
}

.wbProductCard .wbLocalBarcode{
  padding:7px 10px;
  border:1px solid #465f7a;
  border-radius:7px;
  background:#10263d;
  color:#eaf3fc;
  font-size:14px;
}

.wbProductCard .wbBarcodeMissing{
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#7f93aa;
  font:13px system-ui,sans-serif;
}

@media(max-width:850px){
  .wbProductCard{
    grid-template-columns:92px minmax(0,1fr);
    gap:16px;
    padding:17px;
  }

  .wbProductCard .wbDetailPhoto{
    width:82px;
    height:96px;
  }

  .wbProductCard .productDescription>b{
    font-size:17px;
  }

  .wbProductMeta{
    gap:14px 22px;
    margin-top:15px;
    padding-top:14px;
  }

  .wbBarcodeMeta{
    min-width:100%;
  }
}


/* ==========================================================
   WB ORDER ? OZON-LIKE PRODUCT TABLE
   ========================================================== */

.wbOrderTableCard{
  margin-top:18px;
}

.wbOzonLikeRow{
  display:grid;
  grid-template-columns:42px 105px minmax(280px,1.8fr) minmax(190px,.85fr) 130px 110px 115px;
  gap:18px;
  align-items:center;
  min-height:145px;
  padding:20px 18px;
  border-top:1px solid #1d4263;
}

.wbRowNumber{
  text-align:center;
  font-size:18px;
  color:#fff;
}

.wbOzonLikeRow .wbDetailPhoto{
  width:92px;
  height:104px;
  padding:0;
  border:1px solid #354d69;
  border-radius:8px;
  background:#fff;
  overflow:hidden;
}

.wbOzonLikeRow .wbDetailPhoto img{
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:7px;
  filter:none;
  mix-blend-mode:normal;
}

.wbOzonLikeRow .productDescription{
  min-width:0;
  padding:0;
}

.wbOzonLikeRow .productDescription>b{
  display:block;
  color:#169cff;
  font-size:17px;
  line-height:1.35;
}

.wbOzonLikeRow .productDescription>span{
  display:block;
  margin-top:7px;
  color:#6f9dcc;
  font-size:12px;
}

.wbOzonLikeRow .wbDetailSku{
  color:#fff;
  font-size:14px;
  word-break:break-word;
}

.wbOzonLikeRow .wbLocalBarcode{
  padding:0;
  border:0;
  background:transparent;
  color:#fff;
}

.wbOzonLikeRow .wbBarcodeMissing{
  padding:0;
  border:0;
  background:transparent;
  color:#718aa7;
  font-size:13px;
}

.wbOzonLikeRow .wbDetailQty{
  text-align:center;
}

.wbOzonLikeRow .wbDetailQty>b{
  display:inline;
  color:#fff;
  font-size:17px;
}

.wbOzonLikeRow .wbDetailQty>span{
  display:block;
  margin-top:3px;
  color:#8298af;
  font-size:11px;
}

.wbStockValue{
  text-align:center;
  color:#dce7f4;
}

.wbOzonLikeRow .wbManualBtn{
  justify-self:end;
  margin:0;
  white-space:nowrap;
}

@media(max-width:1100px){
  .wbOzonLikeRow{
    grid-template-columns:32px 80px minmax(220px,1fr) 160px 100px 80px 105px;
    gap:12px;
  }

  .wbOzonLikeRow .wbDetailPhoto{
    width:72px;
    height:84px;
  }
}


/* OZON COMPACT ORDER HEADER */
.ozonOrderHero{
  min-height:0;
  padding:18px 24px;
  margin-top:18px;
}

.ozonOrderHero h2{
  margin:6px 0 0;
  line-height:1.15;
}

.ozonOrderHero > div > span{
  line-height:1;
}


/* UNIFIED MARKETPLACE ROW ALIGNMENT */
.orderProductRow > *,
.wbOzonLikeRow > *{
  align-self:center;
}

.productBarcode,
.productQuantity,
.productStock,
.productRowAction,
.wbOzonLikeRow .wbDetailSku,
.wbOzonLikeRow .wbDetailQty,
.wbStockValue{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
}

.productQuantity,
.wbOzonLikeRow .wbDetailQty{
  flex-direction:column;
}

.productRowAction{
  justify-content:flex-end;
}

.wbOzonLikeRow .wbManualBtn{
  align-self:center;
}


/* MARKETPLACE EXACT ROW CENTER */
.orderProductRow,
.wbOzonLikeRow{
  align-items:center !important;
}

.orderProductRow > *,
.wbOzonLikeRow > *{
  align-self:center !important;
}

.orderProductRow .productDescription,
.wbOzonLikeRow .productDescription{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-self:stretch !important;
}

.orderProductRow .productBarcode,
.orderProductRow .productQuantity,
.orderProductRow .productStock,
.orderProductRow .productRowAction,
.wbOzonLikeRow .wbDetailSku,
.wbOzonLikeRow .wbDetailQty,
.wbOzonLikeRow .wbStockValue{
  height:100% !important;
  min-height:104px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
}

.orderProductRow .productQuantity,
.wbOzonLikeRow .wbDetailQty{
  flex-direction:column !important;
}

.orderProductRow .productRowAction{
  justify-content:flex-end !important;
}

.wbOzonLikeRow .wbManualBtn{
  align-self:center !important;
}


/* MARKETPLACE FINAL VERTICAL ALIGNMENT */
.orderProductRow,
.wbOzonLikeRow{
  position:relative;
  align-items:center !important;
}

/* Product text */
.orderProductRow .productDescription,
.wbOzonLikeRow .productDescription{
  align-self:center !important;
  height:auto !important;
  min-height:0 !important;
  display:block !important;
}

/* Barcode */
.orderProductRow .productBarcode,
.wbOzonLikeRow .wbDetailSku{
  align-self:center !important;
  height:auto !important;
  min-height:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

/* Quantity */
.orderProductRow .productQuantity,
.wbOzonLikeRow .wbDetailQty{
  align-self:center !important;
  height:auto !important;
  min-height:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
}

/* Stock */
.orderProductRow .productStock,
.wbOzonLikeRow .wbStockValue{
  align-self:center !important;
  height:auto !important;
  min-height:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

/* Action */
.orderProductRow .productRowAction{
  align-self:center !important;
  height:auto !important;
  min-height:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
}

.wbOzonLikeRow .wbManualBtn{
  align-self:center !important;
  margin:0 !important;
}


/* FINAL STRICT MARKETPLACE ROW ALIGNMENT */

/* Ozon + WB: ???? ????????? ?????? */
.orderProductRow,
.wbOzonLikeRow{
  align-items:center !important;
}

/* ??? ???????? ?????? ????? ?????????? ???????????? ????? */
.orderProductRow > *,
.wbOzonLikeRow > *{
  align-self:center !important;
}

/* ???? */
.orderProductRow .productPhotoStub,
.wbOzonLikeRow .wbDetailPhoto{
  align-self:center !important;
}

/* ???????? + ??????? */
.orderProductRow .productDescription,
.wbOzonLikeRow .productDescription{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-self:center !important;
  height:104px !important;
  min-height:104px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  box-sizing:border-box !important;
}

/* ???????? */
.orderProductRow .productBarcode,
.wbOzonLikeRow .wbDetailSku{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  align-self:center !important;
  height:104px !important;
  min-height:104px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  box-sizing:border-box !important;
}

/* ?????????? */
.orderProductRow .productQuantity,
.wbOzonLikeRow .wbDetailQty{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  align-self:center !important;
  height:104px !important;
  min-height:104px !important;
  margin:0 !important;
}

/* ??????? */
.orderProductRow .productStock,
.wbOzonLikeRow .wbStockValue{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  align-self:center !important;
  height:104px !important;
  min-height:104px !important;
  margin:0 !important;
}

/* ?????? */
.orderProductRow .productRowAction{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  align-self:center !important;
  height:104px !important;
  min-height:104px !important;
}

.wbOzonLikeRow .wbManualBtn{
  align-self:center !important;
  margin:0 !important;
}


/* MARKETPLACE TEXT BASELINE FIX */

/* ?????? ?????? */
.orderProductRow,
.wbOzonLikeRow{
  align-items:center !important;
}

/* ?????: ???????? ?????????? ??????? ??????????? ??????? */
.orderProductRow .productDescription,
.wbOzonLikeRow .productDescription{
  height:auto !important;
  min-height:44px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  margin:0 !important;
}

/* ??????? ?????? ???????? ? ???????? */
.orderProductRow .productDescription>b,
.wbOzonLikeRow .productDescription>b{
  margin:0 !important;
  line-height:20px !important;
}

/* ??????? ???? ???? ? ?? ??????? ?????????? ??? */
.orderProductRow .productDescription>span,
.wbOzonLikeRow .productDescription>span{
  margin-top:6px !important;
  line-height:14px !important;
}

/* ???????? */
.orderProductRow .productBarcode,
.wbOzonLikeRow .wbDetailSku{
  height:44px !important;
  min-height:44px !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:center !important;
  padding-top:2px !important;
  margin:0 !important;
  line-height:20px !important;
}

/* ??????????: 0/1 ?? ???????? ?????, ??. ???? */
.orderProductRow .productQuantity,
.wbOzonLikeRow .wbDetailQty{
  height:44px !important;
  min-height:44px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  padding-top:0 !important;
  margin:0 !important;
}

.orderProductRow .productQuantity>b,
.wbOzonLikeRow .wbDetailQty>b{
  line-height:20px !important;
  margin:0 !important;
}

.orderProductRow .productQuantity>span,
.wbOzonLikeRow .wbDetailQty>span{
  line-height:14px !important;
  margin-top:2px !important;
}

/* ??????? */
.orderProductRow .productStock,
.wbOzonLikeRow .wbStockValue{
  height:44px !important;
  min-height:44px !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:center !important;
  padding-top:2px !important;
  margin:0 !important;
  line-height:20px !important;
}

/* ?????? */
.orderProductRow .productRowAction{
  height:44px !important;
  min-height:44px !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:flex-end !important;
  padding:0 !important;
  margin:0 !important;
}

.orderProductRow .lineManualBtn,
.wbOzonLikeRow .wbManualBtn{
  margin:0 !important;
  align-self:flex-start !important;
}

/* WB: ???? ?????? ???????? grid-????????? */
.wbOzonLikeRow .wbManualBtn{
  transform:translateY(0) !important;
}


/* MARKETPLACE COLUMN ALIGNMENT FIX */

/* ????????? ???????:
   4 = ????????
   5 = ??????????
   6 = ?? ?????? */
.orderTableHead > :nth-child(4),
.orderTableHead > :nth-child(5),
.orderTableHead > :nth-child(6){
  width:100% !important;
  text-align:center !important;
  justify-self:stretch !important;
}

/* OZON */
.orderProductRow .productBarcode,
.orderProductRow .productQuantity,
.orderProductRow .productStock{
  width:100% !important;
  box-sizing:border-box !important;
  justify-self:stretch !important;
  align-items:center !important;
  text-align:center !important;
}

.orderProductRow .productBarcode,
.orderProductRow .productStock{
  justify-content:center !important;
}

.orderProductRow .productQuantity{
  justify-content:flex-start !important;
}

/* WB */
.wbOzonLikeRow .wbDetailSku,
.wbOzonLikeRow .wbDetailQty,
.wbOzonLikeRow .wbStockValue{
  width:100% !important;
  box-sizing:border-box !important;
  justify-self:stretch !important;
  align-items:center !important;
  text-align:center !important;
}

.wbOzonLikeRow .wbDetailSku,
.wbOzonLikeRow .wbStockValue{
  justify-content:center !important;
}

.wbOzonLikeRow .wbDetailQty{
  justify-content:flex-start !important;
}


/* WB EXACT HEADER GRID ALIGNMENT */

/* WB ?????????? ????? ????? ?? ?????, ??? ????????? ??????? */
.wbOzonLikeRow{
  grid-template-columns:
    58px
    125px
    minmax(300px,1.8fr)
    minmax(180px,.85fr)
    170px
    120px
    105px !important;

  gap:0 !important;
  padding-left:18px !important;
  padding-right:18px !important;
}

/* ?????????? ???????? ?????? ?????? ??? ?? ??????? */
.wbOzonLikeRow .wbDetailSku,
.wbOzonLikeRow .wbDetailQty,
.wbOzonLikeRow .wbStockValue{
  width:100% !important;
  justify-self:stretch !important;
  text-align:center !important;
  align-items:center !important;
  justify-content:center !important;
}

/* ?????? ???????? ????????? ??????? */
.wbOzonLikeRow .wbManualBtn{
  justify-self:center !important;
  align-self:center !important;
  margin:0 !important;
}

@media(max-width:1180px){
  .wbOzonLikeRow{
    grid-template-columns:
      45px
      100px
      minmax(260px,1.5fr)
      160px
      130px
      90px
      95px !important;
  }
}
.readyMarketplaceFilters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:14px 4px 4px}.readyMarketplaceFilters button{min-height:38px;display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border:1px solid #28527c;border-radius:9px;background:#0b2036;color:#b9cce0;font-weight:800;cursor:pointer}.readyMarketplaceFilters button:hover{border-color:#3889d8;color:#fff}.readyMarketplaceFilters button.active{border-color:#2586ff;background:#1164bd;color:#fff;box-shadow:0 0 16px rgba(37,134,255,.22)}.readyMarketplaceFilters button b{min-width:22px;padding:2px 6px;border-radius:999px;background:#07182b;color:#dcecff;text-align:center;font-size:12px}.readyMarketplaceFilters button.active b{background:#fff;color:#1164bd}.readyFilterDot{width:10px;height:10px;border-radius:50%;display:inline-block}.readyFilterDot.ozon{background:#1769ff}.readyFilterDot.wb{background:linear-gradient(135deg,#7b2cff,#d42c91)}.readyFilterDot.leman{background:#ffc928}.readyFilterDot.cdek{background:#00a550}.readyLemanLogo{border-radius:7px;background:#ffc928;color:#172033}.readyCdekLogo{border-radius:7px;background:#00a550;color:#fff;font-size:7px;font-style:italic;letter-spacing:-.3px}
@media(max-width:800px){.readyMarketplaceFilters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding-top:10px}.readyMarketplaceFilters button{justify-content:space-between;width:100%}.readyMarketplaceFilters button:first-child{grid-column:1/-1}}