{
  "version": 3,
  "sources": ["src/app/shared/ui/stock-alert-modal/stock-alert-modal.component.css"],
  "sourcesContent": ["/* ── Backdrop ──────────────────────────────────────────────────────────── */\n.sa-modal__backdrop {\n  position: fixed;\n  inset: 0;\n  background: var(--color-backdrop);\n  /* Por encima del ProductZoomModal (z-index: 1000) — si el usuario abre el\n   * \"Avisarme\" desde el quickview, el modal de alerta debe quedar al frente.\n   * Otros modales del proyecto (prepurchase, auth) viven más abajo (~70-80)\n   * pero no compiten con el quickview porque se invocan desde superficies\n   * distintas. */\n  z-index: 1100;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity var(--transition-normal);\n}\n\n.sa-modal__backdrop--visible {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n/* ── Dialog ────────────────────────────────────────────────────────────── */\n.sa-modal {\n  position: fixed;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%) scale(0.98);\n  width: min(480px, calc(100vw - 2 * var(--space-4)));\n  max-height: min(86dvh, 720px);\n  z-index: 1101;\n  display: flex;\n  flex-direction: column;\n  background: var(--color-surface-primary);\n  box-shadow: var(--shadow-modal);\n  border: 1px solid var(--color-border-primary);\n  opacity: 0;\n  visibility: hidden;\n  transition:\n    transform var(--transition-normal),\n    opacity var(--transition-normal),\n    visibility var(--transition-normal);\n  overflow: hidden;\n  font-family: var(--font-family-body);\n  border-radius: 0;\n}\n\n.sa-modal--open {\n  transform: translate(-50%, -50%) scale(1);\n  opacity: 1;\n  visibility: visible;\n}\n\n@media (max-width: 640px) {\n  .sa-modal {\n    width: 100vw;\n    max-width: 100vw;\n    height: 100dvh;\n    max-height: 100dvh;\n    top: 0;\n    left: 0;\n    transform: translate(0, 0) scale(1);\n  }\n\n  .sa-modal--open {\n    transform: translate(0, 0);\n  }\n}\n\n/* ── Header ───────────────────────────────────────────────────────────── */\n.sa-modal__header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: var(--space-4) var(--space-5);\n  border-bottom: 1px solid var(--color-border-primary);\n  flex-shrink: 0;\n  gap: var(--space-3);\n}\n\n.sa-modal__header-info {\n  display: flex;\n  align-items: center;\n  gap: var(--space-3);\n  min-width: 0;\n}\n\n.sa-modal__title {\n  margin: 0;\n  font-family: var(--font-family-heading);\n  font-size: var(--text-size-lg);\n  font-weight: var(--font-weight-heading);\n  color: var(--color-text-primary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.sa-modal__close {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 2.25rem;\n  height: 2.25rem;\n  border: none;\n  background: transparent;\n  color: var(--color-text-secondary);\n  border-radius: var(--radius-button);\n  cursor: pointer;\n  transition: color var(--transition-fast), background var(--transition-fast);\n  flex-shrink: 0;\n}\n\n.sa-modal__close:hover {\n  color: var(--color-text-primary);\n  background: var(--color-surface-subtle);\n}\n\n/* ── Body ─────────────────────────────────────────────────────────────── */\n.sa-modal__body {\n  flex: 1;\n  overflow-y: auto;\n  padding: var(--space-5);\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-4);\n}\n\n/* ── Product summary ─────────────────────────────────────────────────── */\n.sa-modal__product {\n  display: flex;\n  gap: var(--space-3);\n  padding: var(--space-3);\n  background: var(--color-surface-subtle);\n  border: 1px solid var(--color-border-primary);\n}\n\n.sa-modal__product-img {\n  width: 64px;\n  height: 84px;\n  object-fit: contain;\n  flex-shrink: 0;\n  background: var(--color-surface-primary);\n}\n\n.sa-modal__product-info {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-1);\n  min-width: 0;\n}\n\n.sa-modal__product-name {\n  margin: 0;\n  font-weight: var(--font-weight-body-medium);\n  color: var(--color-text-primary);\n  font-size: var(--text-size-sm);\n  line-height: var(--leading-snug);\n}\n\n.sa-modal__product-meta {\n  margin: 0;\n  font-size: var(--text-size-xs);\n  color: var(--color-text-secondary);\n}\n\n/* ── Form ─────────────────────────────────────────────────────────────── */\n.sa-modal__form {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-3);\n}\n\n.sa-modal__label {\n  font-size: var(--text-size-sm);\n  color: var(--color-text-secondary);\n  line-height: var(--leading-normal);\n}\n\n.sa-modal__input-wrap {\n  display: block;\n}\n\n.sa-modal__error {\n  margin: 0;\n  font-size: var(--text-size-sm);\n  color: var(--color-brand-accent);\n}\n\n.sa-modal__success {\n  margin: 0;\n  padding: var(--space-3);\n  font-size: var(--text-size-sm);\n  color: var(--color-state-success, #059669);\n  background: color-mix(in srgb, var(--color-state-success, #059669) 8%, transparent);\n  border: 1px solid color-mix(in srgb, var(--color-state-success, #059669) 30%, transparent);\n}\n\n.sa-modal__actions {\n  display: flex;\n  justify-content: flex-end;\n  gap: var(--space-2);\n  margin-top: var(--space-1);\n}\n"],
  "mappings": ";AACA,CAAA;AACE,YAAA;AACA,SAAA;AACA,cAAA,IAAA;AAMA,WAAA;AACA,WAAA;AACA,kBAAA;AACA,cAAA,QAAA,IAAA;AACF;AAEA,CAAA;AACE,WAAA;AACA,kBAAA;AACF;AAGA,CAAA;AACE,YAAA;AACA,QAAA;AACA,OAAA;AACA,aAAA,UAAA,IAAA,EAAA,MAAA,MAAA;AACA,SAAA,IAAA,KAAA,EAAA,KAAA,MAAA,EAAA,EAAA,EAAA,IAAA;AACA,cAAA,IAAA,KAAA,EAAA;AACA,WAAA;AACA,WAAA;AACA,kBAAA;AACA,cAAA,IAAA;AACA,cAAA,IAAA;AACA,UAAA,IAAA,MAAA,IAAA;AACA,WAAA;AACA,cAAA;AACA;;;;AAIA,YAAA;AACA,eAAA,IAAA;AACA,iBAAA;AACF;AAEA,CAAA;AACE,aAAA,UAAA,IAAA,EAAA,MAAA,MAAA;AACA,WAAA;AACA,cAAA;AACF;AAEA,QAAA,WAAA;AACE,GA/BF;AAgCI,WAAA;AACA,eAAA;AACA,YAAA;AACA,gBAAA;AACA,SAAA;AACA,UAAA;AACA,eAAA,UAAA,CAAA,EAAA,GAAA,MAAA;AACF;AAEA,GAjBF;AAkBI,eAAA,UAAA,CAAA,EAAA;AACF;AACF;AAGA,CAAA;AACE,WAAA;AACA,eAAA;AACA,mBAAA;AACA,WAAA,IAAA,WAAA,IAAA;AACA,iBAAA,IAAA,MAAA,IAAA;AACA,eAAA;AACA,OAAA,IAAA;AACF;AAEA,CAAA;AACE,WAAA;AACA,eAAA;AACA,OAAA,IAAA;AACA,aAAA;AACF;AAEA,CAAA;AACE,UAAA;AACA,eAAA,IAAA;AACA,aAAA,IAAA;AACA,eAAA,IAAA;AACA,SAAA,IAAA;AACA,eAAA;AACA,YAAA;AACA,iBAAA;AACF;AAEA,CAAA;AACE,WAAA;AACA,eAAA;AACA,mBAAA;AACA,SAAA;AACA,UAAA;AACA,UAAA;AACA,cAAA;AACA,SAAA,IAAA;AACA,iBAAA,IAAA;AACA,UAAA;AACA,cAAA,MAAA,IAAA,kBAAA,EAAA,WAAA,IAAA;AACA,eAAA;AACF;AAEA,CAfA,eAeA;AACE,SAAA,IAAA;AACA,cAAA,IAAA;AACF;AAGA,CAAA;AACE,QAAA;AACA,cAAA;AACA,WAAA,IAAA;AACA,WAAA;AACA,kBAAA;AACA,OAAA,IAAA;AACF;AAGA,CAAA;AACE,WAAA;AACA,OAAA,IAAA;AACA,WAAA,IAAA;AACA,cAAA,IAAA;AACA,UAAA,IAAA,MAAA,IAAA;AACF;AAEA,CAAA;AACE,SAAA;AACA,UAAA;AACA,cAAA;AACA,eAAA;AACA,cAAA,IAAA;AACF;AAEA,CAAA;AACE,WAAA;AACA,kBAAA;AACA,OAAA,IAAA;AACA,aAAA;AACF;AAEA,CAAA;AACE,UAAA;AACA,eAAA,IAAA;AACA,SAAA,IAAA;AACA,aAAA,IAAA;AACA,eAAA,IAAA;AACF;AAEA,CAAA;AACE,UAAA;AACA,aAAA,IAAA;AACA,SAAA,IAAA;AACF;AAGA,CAAA;AACE,WAAA;AACA,kBAAA;AACA,OAAA,IAAA;AACF;AAEA,CAAA;AACE,aAAA,IAAA;AACA,SAAA,IAAA;AACA,eAAA,IAAA;AACF;AAEA,CAAA;AACE,WAAA;AACF;AAEA,CAAA;AACE,UAAA;AACA,aAAA,IAAA;AACA,SAAA,IAAA;AACF;AAEA,CAAA;AACE,UAAA;AACA,WAAA,IAAA;AACA,aAAA,IAAA;AACA,SAAA,IAAA,qBAAA,EAAA;AACA,cAAA,UAAA,GAAA,IAAA,EAAA,IAAA,qBAAA,EAAA,SAAA,EAAA,EAAA;AACA,UAAA,IAAA,MAAA,UAAA,GAAA,IAAA,EAAA,IAAA,qBAAA,EAAA,SAAA,GAAA,EAAA;AACF;AAEA,CAAA;AACE,WAAA;AACA,mBAAA;AACA,OAAA,IAAA;AACA,cAAA,IAAA;AACF;",
  "names": []
}