/* «Оптовику» (спека 041): склад - список и ход списка; Марина (фаза 3) - запрос, покупатель, цены, черновик (блок .wm-*), один в один с mockup/screens-wholesale.css.
   Цвета, радиусы, тени - токены. Янтарь - только на главной кнопке. Размеры и фото вещи - из receiving.css. */


.ws-cab { display: flex; align-items: flex-start; gap: var(--sp-2); font-size: var(--fs-text); color: var(--ink-dim); line-height: 1.3; }
.ws-cab .ico { margin-top: .2em; flex: none; }
.ws-top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--sp-3) var(--sp-4); }
.ws-top .sumline { flex: 1 1 360px; min-width: 0; }

.ws-sizes { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--sp-3) var(--gap); }
.ws-model { cursor: default; }
.ws-found { display: flex; flex-direction: column; gap: var(--sp-2); }

.ws-list { list-style: none; display: flex; flex-direction: column; gap: var(--sp-2); }
.ws-list li { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--sp-2) var(--sp-4);
  padding: var(--sp-2) var(--sp-4); background: var(--surface); border-radius: var(--radius-card); box-shadow: var(--shadow-soft); }
.ws-list li.is-edit { box-shadow: var(--shadow-soft), inset 0 0 0 2px var(--ink-dim); }
.ws-what { display: flex; flex-direction: column; gap: 2px; min-width: 0; font-size: var(--fs-text); line-height: 1.25; }
.ws-what b { font-family: var(--display); overflow-wrap: anywhere; }
.ws-what span { color: var(--ink-dim); }
.ws-tools { display: flex; gap: var(--sp-2); align-items: center; }
.ws-qty { width: 110px; text-align: center; font-family: var(--display); font-weight: 700; }

/* Ход списка: этапы по порядку, у каждого значок состояния (один в один с mockup/screens-wholesale.css) */
.ws-stages { list-style: none; display: flex; flex-direction: column; gap: var(--sp-1); }
.ws-stages li { display: flex; align-items: flex-start; gap: var(--sp-3); padding: var(--sp-2) var(--sp-4); background: var(--surface);
  border-radius: var(--radius-card); box-shadow: var(--shadow-soft); font-size: var(--fs-text); line-height: 1.3; }
.ws-stages li .ico, .ws-stages li .spinner { margin-top: .2em; flex: none; }
.ws-stages li.is-now { box-shadow: var(--shadow-soft), inset 0 0 0 2px var(--ink-dim); }
.ws-stages li.is-todo { color: var(--ink-dim); }
.ws-stages li.is-bad { background: var(--err-bg); }
.ws-stages b { font-family: var(--display); }
.ws-stages .ws-hint { display: block; color: var(--ink-dim); }
.ws-mask { font-family: var(--mono); overflow-wrap: anywhere; }

/* Марина: поле ИНН, цены, сверки, черновик УПД */
.wm-inn { display: flex; flex-wrap: wrap; gap: var(--sp-2); align-items: flex-start; }
.wm-inn input { flex: 1 1 260px; min-width: 0; }
.wm-kv { display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: 2px var(--sp-4); font-size: var(--fs-text); line-height: 1.4; }
.wm-kv dt { color: var(--ink-dim); }
.wm-kv dd { overflow-wrap: anywhere; }
.wm-table input[type="text"] { width: 104px; min-height: var(--target); text-align: right; font-family: var(--display); font-weight: 700; }
.wm-demo { display: inline-block; padding: 1px 10px; border-radius: var(--radius-check); background: var(--surface-2); font-family: var(--display); font-weight: 700; }
.wm-meter { height: 12px; border-radius: 6px; background: var(--surface-2); overflow: hidden; }
.wm-meter span { display: block; height: 100%; background: var(--ink-dim); }
.wm-fields { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: var(--sp-3) var(--sp-4); align-items: start; }
.wm-fields input { width: 100%; }
.wm-err { display: flex; align-items: flex-start; gap: var(--sp-2); margin-top: var(--sp-2); font-size: var(--fs-text); font-weight: 700; color: var(--danger-ink); line-height: 1.3; }
.wm-err .ico { margin-top: .15em; }
.wm-ship input { width: 180px; font-family: var(--display); font-weight: 700; }
.wm-ship.is-err input { border-color: var(--danger-ink); background: var(--err-bg); }
.wm-pick { display: flex; flex-wrap: wrap; gap: var(--sp-2); }
.wm-table th.num, .wm-table td.num { text-align: right; }
.wm-table td { font-size: var(--fs-text); }
.wm-slot td { border-top: 0; padding-top: 0; }
.wm-hint { font-size: var(--fs-caption); color: var(--ink-dim); line-height: 1.4; }