/* ---- Look & feel ---- */
.glass { backdrop-filter: blur(10px); background: rgba(255,255,255,.55); border: 1px solid rgba(255,255,255,.4); }
[data-bs-theme="dark"] .glass { background: rgba(33,37,41,.55); border-color: rgba(255,255,255,.1); }
.hero {
  background:
    radial-gradient(1200px 400px at 10% -10%, rgba(13,110,253,.18), transparent 60%),
    radial-gradient(1000px 400px at 110% 10%, rgba(25,135,84,.18), transparent 60%);
}
.table thead th { position: sticky; top: 0; z-index: 1; }
.shadow-soft { box-shadow: 0 10px 30px rgba(0,0,0,.08); }
.pointer { cursor: pointer; }

/* ---- Botón guardar con spinner ---- */
#btn-save .spinner-border { margin-left: .5rem; }

/* ---- Medidor de stock (barra con aguja) ---- */
.stock-meter {
  --h: 14px;            /* altura barra */
  --r: 999px;           /* radio pill */
  position: relative;
  height: var(--h);
  border-radius: var(--r);
  background: linear-gradient(90deg, #dc2626 0%, #f59e0b 45%, #a3e635 100%);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.06);
}
[data-bs-theme="dark"] .stock-meter { box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); }

.stock-needle {
  position: absolute;
  top: calc(var(--h) + 2px);
  width: 0; height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 10px solid currentColor;
  transform: translateX(-50%);
  color: #0d6efd; /* azul Bootstrap */
}

.stock-label {
  font-size: .75rem;
  line-height: 1;
  margin-top: .35rem;
  opacity: .8;
}

/* Tamaños de la celda para que respire */
td .meter-wrap { min-width: 140px; }