.low-stock-page { width: 100%; }
.low-stock-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:40px; margin-bottom:20px; }
.low-stock-copy { color:var(--muted); font-size:15px; line-height:1.4; }
.low-stock-toolbar .actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.low-stock-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.low-stock-card { overflow:hidden; }
.low-stock-head { margin-bottom:0; }
.low-stock-filters { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px; border-top:1px solid var(--border); border-bottom:1px solid var(--border); background:var(--surface); }
.low-search { position:relative; flex:1 1 320px; min-width:220px; }
.low-search > span { position:absolute; left:14px; top:50%; transform:translateY(-50%); color:var(--muted); pointer-events:none; }
.low-search .input { width:100%; padding-left:42px; }
.low-chips { display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
.low-chip { border:1px solid var(--border); background:var(--surface); color:var(--text); border-radius:999px; padding:9px 12px; font:600 13px inherit; cursor:pointer; white-space:nowrap; }
.low-chip span { color:var(--muted); margin-left:4px; }
.low-chip.active { background:var(--primary); color:#fff; border-color:var(--primary); }
.low-chip.active span { color:#fff; opacity:.85; }
.low-stock-table { max-height:calc(100vh - 420px); min-height:220px; overflow:auto; }
.low-stock-table thead th { position:sticky; top:0; z-index:2; background:var(--surface); }
.low-product { display:flex; align-items:center; gap:10px; min-width:220px; }
.low-product-icon { width:36px; height:36px; display:grid; place-items:center; border-radius:10px; background:var(--surface-2); font-size:20px; flex:none; }
.low-danger { color:var(--danger,#dc2626); }
.low-status { display:inline-flex; align-items:center; gap:7px; border-radius:999px; padding:6px 10px; font-size:12px; font-weight:700; white-space:nowrap; }
.low-status > span { width:6px; height:6px; border-radius:50%; background:currentColor; }
.low-status.out { color:#b42318; background:#fff0ef; }
.low-status.low { color:#9a6700; background:#fff7df; }

@media (max-width:1100px) {
  .low-stock-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .low-stock-filters { align-items:stretch; flex-direction:column; }
  .low-chips { justify-content:flex-start; }
}
@media (max-width:700px) {
  .low-stock-toolbar { align-items:flex-start; flex-direction:column; }
  .low-stock-toolbar .actions { width:100%; }
  .low-stock-toolbar .actions .btn { flex:1 1 auto; justify-content:center; }
  .low-stock-stats { grid-template-columns:1fr; }
  .low-stock-table { max-height:none; }
}