/* ═══════════════ INVENTORY v2.0 ═══════════════ */

.inventory-table-wrap table { min-width: 900px; }
.product-thumb-wrap { display: flex; align-items: center; justify-content: center; }
.product-thumb-emoji { font-size: 1.5rem; }

.stock-badge {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 3px 10px; border-radius: 20px; font-size: 0.75rem; font-weight: 600;
}
.stock-ok  { background: rgba(16,185,129,0.10); color: #059669; }
.stock-low { background: rgba(245,158,11,0.12); color: #b45309; }
.stock-out { background: rgba(239,68,68,0.10);  color: #dc2626; }
.stock-na  { background: var(--bg);             color: var(--text-muted); }

/* ── Caducidad badges ──────────────────────────────── */
.cad-badge {
  display: inline-flex; align-items: center; gap: 4px;
  padding: 3px 10px; border-radius: 20px; font-size: 0.75rem; font-weight: 600;
}
.cad-ok     { background: rgba(16,185,129,0.10); color: #059669; }
.cad-yellow { background: rgba(245,158,11,0.12); color: #b45309; }
.cad-orange { background: rgba(251,146,60,0.15); color: #c2410c; }
.cad-red    { background: rgba(239,68,68,0.14);  color: #dc2626; }
.cad-exp    { background: rgba(107,114,128,0.15);color: #374151; text-decoration: line-through; }
.cad-prep   { background: rgba(139,92,246,0.12); color: #7c3aed; }

/* ── Promo cards ──────────────────────────────────── */
.promo-card {
  background: var(--card-bg, #fff); border: 1px solid var(--border); border-radius: 12px;
  padding: 16px; transition: box-shadow 0.2s;
}
.promo-card:hover    { box-shadow: 0 4px 20px rgba(0,0,0,.08); }
.promo-inactiva      { opacity: 0.55; }
.promo-card-header   { display: flex; justify-content: space-between; align-items: flex-start; }
.btn-toggle          { background: none; border: none; cursor: pointer; font-size: 18px; padding: 2px; }

/* ── Merma table ──────────────────────────────────── */
.inv-table { width: 100%; border-collapse: collapse; font-size: 0.88rem; }
.inv-table th { background: var(--bg-alt, #f8f9fa); padding: 8px 12px; text-align: left; font-weight: 600; font-size: 0.8rem; }
.inv-table td { padding: 9px 12px; border-bottom: 1px solid var(--border); }
.inv-table tr:hover td { background: rgba(0,0,0,.02); }