/* 재고 화면 모양 */
.stock { display: flex; flex-direction: column; }
.stock > .tabs { flex: 1 1 auto; min-height: 0; }
.stock .tabs-body { display: flex; flex-direction: column; overflow: hidden; }
.stock-pane { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; gap: 6px; }
.stock-bar { display: flex; gap: 6px; align-items: center; min-height: 26px; flex: 0 0 auto; flex-wrap: wrap; }
.stock-bar .inp { width: auto; }
.stock-bar label.row { gap: 3px; white-space: nowrap; }
.stock-rule { border: 1px solid var(--line-soft); background: #f6f7f9; padding: 2px 8px; }
.stock-split { flex: 1 1 auto; min-height: 0; display: flex; gap: 6px; }
.stock-split > .panel { flex: 1 1 0; }
.stock-side { flex: 0 0 384px; display: flex; flex-direction: column; gap: 6px; min-height: 0; min-width: 0; }
.stock-side.wide { flex-basis: 440px; }
.stock-side.wider { flex-basis: 540px; }
.stock-side.sale { flex-basis: 470px; }
.stock .panel.flush > .panel-body { display: flex; flex-direction: column; overflow: hidden; }
.stock .panel.flush > .panel-body > .grid-wrap { flex: 1 1 auto; border: 0; }
.stock-sum { flex: 0 0 172px; }
table.grid tbody tr.stock-low { background: #fdf1ef; }
table.grid tbody tr.stock-low:hover { background: #fbe6e2; }
table.grid tbody tr.stock-low.sel { background: var(--sel); }
table.grid tr.stock-low td.stock-qty { color: var(--red); font-weight: 700; }
table.grid tr.stock-off td { color: var(--muted); }
table.grid td .inp.num { min-height: 20px; padding: 0 4px; }
.stock-detail { flex: 1 1 auto; min-height: 0; overflow: auto; display: flex; flex-direction: column; }
.stock-detail .grid-wrap { border-width: 1px 0 0; overflow: visible; }
.stock-facts th { width: 92px; text-align: left; }
.stock-facts tr:first-child th, .stock-facts tr:first-child td { border-top: 0; }
.stock-facts th:first-child { border-left: 0; }
.stock-facts td:last-child { border-right: 0; }
.stock-note { padding: 3px 6px; font-size: 11px; }
.stock-sub { padding: 3px 6px; background: #f1f4f8; border-top: 1px solid var(--line-soft); border-bottom: 1px solid var(--line-soft); font-weight: 700; flex: 0 0 auto; }
.stock-side.sale .panel-body { display: flex; flex-direction: column; overflow: hidden; }
.stock-sell { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; gap: 6px; }
.stock-sell .stock-sub { border: 1px solid var(--line-soft); border-bottom: 0; margin-bottom: -6px; }
.stock-box { flex: 1 1 0; min-height: 90px; display: flex; flex-direction: column; }
.stock-box.small { flex: 0 0 136px; }
.stock-box > .grid-wrap { flex: 1 1 auto; }
.stock-pt { border: 1px solid var(--line-soft); background: #fafbfc; padding: 4px 6px; min-height: 26px; }
.stock-result:empty { display: none; }
.stock-result { border: 1px solid var(--line-soft); padding: 4px 6px; }
.stock-bar .btn { height: 24px; padding-top: 0; padding-bottom: 0; }