/* Gaya khusus dashboard stok — atas asas style.css (tema sama koffiedash) */

.cari-bungkus{margin:2px 0 12px}
#cari{width:100%;background:var(--panel);border:1px solid var(--line);color:var(--ink);
  font:inherit;font-size:14px;padding:11px 14px;border-radius:12px;outline:none}
#cari::placeholder{color:var(--muted)}
#cari:focus{border-color:var(--neon);box-shadow:0 0 16px rgba(34,225,255,.18)}

.senarai-stok{margin-top:6px}
.kumpulan{margin:14px 0 6px;font-size:11.5px;letter-spacing:.10em;text-transform:uppercase;
  color:var(--muted);font-weight:600}

.baris-stok{display:grid;grid-template-columns:10px 1fr auto;gap:10px;align-items:center;
  padding:10px 12px;background:var(--panel2);border:1px solid var(--line);border-radius:12px;margin-bottom:6px}
.baris-stok .dot{width:9px;height:9px;border-radius:50%;background:var(--muted)}
.baris-stok[data-s="bawah"] .dot{background:#ff4d6d;box-shadow:0 0 10px rgba(255,77,109,.7)}
.baris-stok[data-s="hampir"] .dot{background:#ffb020;box-shadow:0 0 10px rgba(255,176,32,.6)}
.baris-stok[data-s="ok"] .dot{background:var(--neon2);box-shadow:0 0 10px rgba(182,255,60,.5)}
.baris-stok[data-s="lebih"] .dot{background:var(--neon4)}
.baris-stok[data-s="hilang"] .dot{background:#44445e}
.baris-stok[data-s="log"] .dot{background:#33334a}

.baris-stok .nama{font-size:14px;font-weight:550;line-height:1.25}
.baris-stok .meta{font-size:11.5px;color:var(--muted);margin-top:2px}
.baris-stok .kanan{text-align:right;white-space:nowrap}
.baris-stok .qty{font-size:16px;font-weight:700;letter-spacing:.01em}
.baris-stok .unit{font-size:11px;color:var(--muted);margin-left:3px;font-weight:400}
.baris-stok .beza{font-size:11px;margin-top:2px}
.beza.turun{color:#ff8fa3}
.beza.naik{color:var(--neon2)}
.baris-stok[data-s="bawah"]{border-color:rgba(255,77,109,.45);background:linear-gradient(180deg,rgba(255,77,109,.10),rgba(255,77,109,.03))}
.baris-stok[data-s="hampir"]{border-color:rgba(255,176,32,.35)}

.sejarah{display:flex;flex-direction:column;gap:6px;margin-top:6px}
.sejarah .s-baris{display:grid;grid-template-columns:1fr auto auto auto;gap:10px;align-items:center;
  padding:9px 12px;background:var(--panel2);border:1px solid var(--line);border-radius:11px;font-size:12.5px}
.sejarah .s-baris b{font-weight:600}
.sejarah .s-baris .b{color:#ff8fa3}
.sejarah .s-baris .h{color:#ffb020}
.sejarah .s-baris .o{color:var(--neon2)}
.vacio{padding:22px;text-align:center;color:var(--muted);font-size:13px}
.kaki{margin-top:18px;text-align:center;opacity:.7}