/* ==========================================================
   Necveal - CSS halaman Inventory (hanya dimuat di inventory/index.php)
   Semua selector di-scope di .inv supaya aman dari CSS global/home.
   ========================================================== */
.inv{--inv-line:#1d3047;--inv-text:#edf5ff;--inv-muted:#91a4ba;--inv-accent:#57d6ff;padding:48px 0 70px}
.inv .top{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:30px}
.inv .eyebrow{color:var(--inv-accent);font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase}
.inv h1{font-size:clamp(34px,5vw,58px);line-height:1.02;margin:8px 0 12px;letter-spacing:-.04em}
.inv .lead{color:var(--inv-muted);max-width:680px;margin:0;line-height:1.7}
.inv .back{color:var(--inv-text);text-decoration:none;border:1px solid var(--inv-line);padding:11px 16px;border-radius:12px;background:#0b1727}
.inv .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0}
.inv .stat{background:rgba(16,31,51,.78);border:1px solid var(--inv-line);border-radius:16px;padding:20px}
.inv .stat strong{display:block;font-size:28px}.inv .stat span{color:var(--inv-muted);font-size:13px}
.inv .card{background:rgba(12,24,41,.88);border:1px solid var(--inv-line);border-radius:20px;overflow:hidden;box-shadow:0 20px 70px rgba(0,0,0,.18)}
.inv .controls{padding:18px;display:grid;grid-template-columns:1fr 180px 180px;gap:10px;border-bottom:1px solid var(--inv-line)}
.inv input,.inv select{width:100%;background:#071321;color:var(--inv-text);border:1px solid var(--inv-line);border-radius:11px;padding:13px 14px;outline:none}
.inv input:focus,.inv select:focus{border-color:var(--inv-accent)}
.inv .table-wrap{overflow:auto}
.inv table{width:100%;border-collapse:collapse;min-width:720px}
.inv th,.inv td{padding:15px 18px;text-align:left;border-bottom:1px solid rgba(29,48,71,.65);font-size:14px}
.inv th{color:#8fa6be;font-size:12px;text-transform:uppercase;letter-spacing:.08em;background:#0b1727}
.inv td:first-child,.inv th:first-child{width:60px;color:#71859b}
.inv td a{color:var(--inv-text);font-weight:650;text-decoration:none}
.inv td a:hover{color:var(--inv-accent)}
.inv .status{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(50,211,153,.09);border:1px solid rgba(50,211,153,.2);color:#70e3b4;font-size:12px;font-weight:700}
.inv .empty{padding:40px;text-align:center;color:var(--inv-muted);display:none}
.inv .note{margin-top:18px;color:#70859d;font-size:13px;line-height:1.6}
@media(max-width:760px){.inv{padding:32px 0 50px}.inv .top{display:block}.inv .back{display:inline-block;margin-top:18px}.inv .stats{grid-template-columns:1fr 1fr}.inv .controls{grid-template-columns:1fr}.inv .stat:last-child{grid-column:1/-1}}