/* Module: Stock (المخزون) — compact store screens. Logical properties only. */
.stk-kpis { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-block: 12px; }
.stk-kpis .stat .value { font-size: 18px; }
.stk-kpis .stat .meta { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
.stk-kpis .stat.stk-warn .label .ico { background: var(--warning-soft); color: var(--warning); }

.stk-cycle { display: flex; align-items: stretch; gap: 4px; padding: 8px; margin-block-end: 12px; overflow-x: auto; }
.stk-cycle a { flex: 1 1 0; min-width: 104px; display: flex; flex-direction: column; gap: 1px; padding: 6px 10px; border-radius: 8px; color: var(--ink); text-decoration: none; }
.stk-cycle a:hover { background: var(--surface-2); }
.stk-cycle small { font-size: 10.5px; font-weight: 700; color: var(--primary-strong); text-transform: uppercase; letter-spacing: .04em; }
.stk-cycle b { font-size: 13px; }
.stk-cycle span { font-size: 11.5px; color: var(--ink-3); }
.stk-cycle .stk-arrow { display: grid; place-items: center; color: var(--ink-3); flex: none; }
.stk-cycle .stk-arrow svg { width: 14px; height: 14px; }

.stk-sec { margin-block-end: 12px; }
.stk-sec .table-wrap, .xw-stack .card .table-wrap { border: 0; border-radius: 0 0 var(--radius-lg) var(--radius-lg); margin-block-start: 8px; }
.stk-tw { margin-block-start: 10px; }
.stk-foot { font-size: 12px; margin: 0; padding: 8px 14px 12px; }
.stk-grid { margin-block-end: 12px; }
.stk-list { margin-block-start: 6px; }
.stk-list .li-title { white-space: normal; }
.stk-list .li-sub { white-space: normal; }
.stk-list .li-end { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; }
.stk-list .li-end small { font-size: 11px; }

.stk-walk { list-style: none; margin: 8px 0 0; padding: 0 14px; display: grid; gap: 2px; }
.stk-walk li { display: grid; grid-template-columns: 22px minmax(0, 1fr) auto; gap: 10px; align-items: start; padding: 8px 0; border-block-start: 1px solid var(--line); font-size: 12.5px; }
.stk-walk li:first-child { border-block-start: 0; }
.stk-walk .ck { width: 20px; height: 20px; border-radius: 50%; border: 2px solid var(--line-strong); display: grid; place-items: center; margin-block-start: 1px; }
.stk-walk li.done .ck { background: var(--primary); border-color: var(--primary); color: #fff; }
.stk-walk li.done .tx { color: var(--ink-3); text-decoration: line-through; text-decoration-color: var(--line-strong); }
.stk-walk .ck svg { width: 12px; height: 12px; }
.stk-walk .btn.sm { padding-inline: 10px; }
.stk-refuse { font-size: 12.5px; border-block-start: 1px solid var(--line); margin-block-start: 6px; }
.stk-refuse ul { margin: 6px 0 0; padding-inline-start: 18px; color: var(--ink-2); display: grid; gap: 2px; }

.stk-kv { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px 12px; font-size: 12.5px; }
.stk-kv span { color: var(--ink-3); }
.stk-kv b { text-align: end; }

/* Dialogs: item rows, preview */
.stk-fg { margin-block: 12px; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 10px; }
.stk-fg .stk-wide { grid-column: 1 / -1; }
.stk-fg [hidden] { display: none !important; }
.stk-rows { display: grid; gap: 6px; margin-block: 4px 12px; }
.stk-r, .stk-rh { display: grid; grid-template-columns: minmax(0, 1fr) 110px; gap: 8px; align-items: center; }
.stk-r3, .stk-rh3 { display: grid; grid-template-columns: minmax(0, 1fr) 90px 90px; gap: 8px; align-items: center; }
.stk-rh, .stk-rh3 { font-size: 11.5px; color: var(--ink-3); font-weight: 600; }
.stk-r > span, .stk-r3 > span { min-width: 0; overflow-wrap: anywhere; font-size: 12.5px; }
.stk-r3 > span.num { text-align: end; }
.stk-r .select, .stk-r .input, .stk-r3 .input { min-width: 0; width: 100%; }
.stk-prev { display: grid; gap: 8px; }
.stk-sum { display: grid; grid-template-columns: repeat(6, auto); gap: 4px 10px; align-items: baseline; justify-content: start; font-size: 12.5px; }
.stk-sum span { color: var(--ink-3); }

@media (max-width: 1000px) {
  .stk-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .stk-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .stk-kpis .stat { padding: 10px; }
  .stk-kpis .stat .label .ico { display: none; }
  .stk-kpis .stat .value { font-size: 15px; }
  .stk-r, .stk-rh { grid-template-columns: minmax(0, 1fr) 76px; }
  .stk-r3, .stk-rh3 { grid-template-columns: minmax(0, 1fr) 60px 60px; }
  .stk-sum { grid-template-columns: repeat(2, auto); }
  .stk-walk li { grid-template-columns: 22px minmax(0, 1fr); }
  .stk-walk li .btn { grid-column: 2; justify-self: start; }
}