/* Склад, закупки, отгрузка, прайсы. Только токены ui.css; префиксы st- pu- sh- pr-. */

/* ---------- общие ---------- */
.st-bad{color:var(--bad3)}
.st-ok{color:var(--ok3)}
.st-off td{opacity:.55;text-decoration:line-through}
.st-line,.sh-row{padding:6px 0;border-bottom:1px solid var(--line-soft);font-size:13.5px}
.sh-row{cursor:pointer;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.sh-row:hover{background:var(--fill)}
.st-file{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;padding:3px 0}
.st-flt,.pu-flt,.sh-flt,.pr-flt{margin-bottom:12px}
.st-flt input[type=search],.pu-flt input[type=search],.pr-flt input[type=search]{flex:1 1 240px;width:auto;min-width:0}
.sh-flt input[type=search]{flex:0 1 280px;width:auto;min-width:0}
.st-flt select{width:auto;flex:0 1 200px;min-width:0}
.st-flt .st-vmin,.st-flt .st-vmax{width:110px;flex:0 0 110px}
.st-states{margin:-4px 0 12px}
.st-act{white-space:nowrap}
.st-act .btn+.btn{margin-left:4px}
.st-wh-chip{display:inline-block;font-size:12px;color:var(--mut);background:var(--fill);border-radius:999px;padding:1px 8px;margin:1px 0;white-space:nowrap}
.st-kpi-bad .v{color:var(--bad3)}
.st-moves{max-height:420px;overflow:auto}
.st-tbl td:first-child{min-width:180px}
.st-root table.t td.r,.pu-box table.t td.r,.sh-res table.t td.r,.pr-res table.t td.r{white-space:nowrap}

/* корзина */
.st-cart{position:sticky;bottom:10px;z-index:5;display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px;padding:10px 14px;border-radius:var(--radius);background:var(--card-solid);border:1px solid var(--acc-border);box-shadow:var(--shadow-md)}
.st-q,.pu-q{width:90px!important;text-align:right}

/* строки документа и заказа */
.st-dls,.pu-lns{display:flex;flex-direction:column;gap:6px;margin:8px 0}
.st-dl,.pu-ln{display:grid;gap:6px;align-items:center;grid-template-columns:minmax(0,1fr) 100px 120px auto}
.pu-ln{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 90px 110px auto}
.st-dl .st-cost.hidden{display:block!important;visibility:hidden}

/* ---------- закупки ---------- */
.pu-track,.sh-steps{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.pu-st,.sh-st{font-size:12.5px;padding:4px 10px;border-radius:999px;background:var(--fill);color:var(--mut)}
.pu-st.on,.sh-st.on{background:var(--acc-soft);color:var(--acc3)}
.pu-st.cur,.sh-st.cur{background:var(--acc);color:var(--acc-ink);font-weight:600}
.pu-st.bad{background:var(--bad-soft);color:var(--bad3)}
.sh-st small{display:block;font-size:10.5px;opacity:.8}
.pu-arr,.sh-arr{color:var(--mut2)}
.pu-late{color:var(--bad3);font-weight:600}
.pu-need{margin-bottom:10px}
.pu-need .row{margin-bottom:6px}
.pu-docs{align-content:start}

/* ---------- прайсы ---------- */
.pr-map{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
.pr-act{white-space:nowrap}
.pr-act .btn+.btn,.pr-act .tag+.btn{margin-left:4px}

/* ---------- узкий экран ---------- */
@media (max-width:760px){
  .st-hm,.pu-hm,.sh-hm,.pr-hm{display:none}
  .st-flt select,.st-flt input[type=search]{flex:1 1 100%}
  .st-dl{grid-template-columns:minmax(0,1fr) 80px auto}
  .st-dl .st-cost{grid-column:1/2}
  .pu-ln{grid-template-columns:minmax(0,1fr) 70px 80px auto}
  .pu-ln [name=n]{grid-column:1/-1;order:-1}
  .st-tbl td:first-child{min-width:120px}
  .st-act .btn,.pr-act .btn{padding:0 8px}
  .sh-flt input[type=search]{flex:1 1 100%}
}
.sh-wh{width:auto;flex:0 1 220px;min-width:0}