{
  "version": 3,
  "sources": ["src/app/features/preorder/preorder-detail/preorder-detail-page.component.css"],
  "sourcesContent": [":host {\n  display: block;\n  font-family: var(--font-family-body);\n  color: var(--color-text-primary);\n  background: var(--color-surface-secondary);\n  min-height: calc(100vh - var(--header-height));\n}\n\n.detail {\n  padding: var(--space-section-min) 0;\n}\n\n.detail__container {\n  max-width: 720px;\n  margin: 0 auto;\n  padding: 0 var(--grid-margin);\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-6);\n}\n\n/* ── Not found ──────────────────────────────────────────────── */\n\n.detail__not-found {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: var(--space-4);\n}\n\n.detail__mascot {\n  max-width: 160px;\n  width: 100%;\n  height: auto;\n  object-fit: contain;\n}\n\n/* ── Header ─────────────────────────────────────────────────── */\n\n.detail__header {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-3);\n}\n\n.detail__header-top {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  gap: var(--space-4);\n  flex-wrap: wrap;\n}\n\n.detail__header-left {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-1);\n}\n\n.detail__pretitle {\n  margin: 0;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  font-size: var(--text-size-xs);\n  color: var(--color-text-secondary);\n}\n\n.detail__title {\n  margin: 0;\n  font-family: var(--font-family-heading);\n  font-size: var(--text-size-3xl);\n  font-weight: var(--font-weight-heading-bold);\n  color: var(--color-text-primary);\n  line-height: var(--leading-tight);\n}\n\n.detail__meta {\n  margin: 0;\n  font-size: var(--text-size-sm);\n  color: var(--color-text-secondary);\n}\n\n.detail__subtitle {\n  margin: 0;\n  font-size: var(--text-size-base);\n  color: var(--color-text-secondary);\n  line-height: var(--leading-normal);\n}\n\n.detail__subtitle strong {\n  color: var(--color-text-primary);\n  font-weight: var(--font-weight-body-medium);\n}\n\n/* ── Sections shared ───────────────────────────────────────── */\n\n.detail__lines,\n.detail__summary,\n.detail__client,\n.detail__comments {\n  background: var(--color-surface-primary);\n  border: 1px solid var(--color-border-primary);\n  border-radius: 0;\n  padding: var(--space-5);\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-4);\n}\n\n.detail__section-title {\n  margin: 0;\n  font-family: var(--font-family-heading);\n  font-size: var(--text-size-xl);\n  font-weight: var(--font-weight-heading);\n  color: var(--color-text-primary);\n}\n\n.detail__subsection-title {\n  margin: 0;\n  font-family: var(--font-family-heading);\n  font-size: var(--text-size-base);\n  font-weight: var(--font-weight-heading);\n  color: var(--color-text-primary);\n}\n\n/* ── Lines ──────────────────────────────────────────────────── */\n\n.detail__lines-list {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-4);\n}\n\n.detail__line {\n  display: grid;\n  grid-template-columns: 64px 1fr auto;\n  gap: var(--space-4);\n  align-items: flex-start;\n  padding-bottom: var(--space-4);\n  border-bottom: 1px solid var(--color-border-primary);\n}\n\n.detail__line:last-child {\n  padding-bottom: 0;\n  border-bottom: none;\n}\n\n.detail__line-thumb {\n  width: 64px;\n  height: 64px;\n  object-fit: cover;\n  border-radius: 0;\n  background: var(--color-surface-secondary);\n}\n\n.detail__line-icon {\n  width: 64px;\n  height: 64px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--color-surface-secondary);\n  color: var(--color-text-secondary);\n  border-radius: 0;\n}\n\n.detail__line-info {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-1);\n  min-width: 0;\n}\n\n.detail__line-name {\n  margin: 0;\n  font-size: var(--text-size-sm);\n  font-weight: var(--font-weight-body-medium);\n  color: var(--color-text-primary);\n  word-break: break-word;\n}\n\n.detail__line-ref {\n  margin: 0;\n  font-size: var(--text-size-xs);\n  color: var(--color-text-secondary);\n}\n\n.detail__line-qty {\n  margin: 0;\n  font-size: var(--text-size-xs);\n  color: var(--color-text-secondary);\n}\n\n.detail__line-qty span {\n  font-variant-numeric: var(--font-variant-numeric);\n  color: var(--color-text-primary);\n  font-weight: var(--font-weight-body-medium);\n}\n\n.detail__line-amounts {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: var(--space-1);\n  text-align: right;\n}\n\n.detail__line-unit {\n  margin: 0;\n  font-size: var(--text-size-xs);\n  color: var(--color-text-secondary);\n  font-variant-numeric: var(--font-variant-numeric);\n}\n\n.detail__line-total {\n  margin: 0;\n  font-size: var(--text-size-sm);\n  color: var(--color-text-primary);\n  font-weight: var(--font-weight-body-medium);\n  font-variant-numeric: var(--font-variant-numeric);\n}\n\n/* ── Summary ────────────────────────────────────────────────── */\n\n.detail__summary-rows {\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-3);\n}\n\n.detail__summary-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: baseline;\n  gap: var(--space-4);\n  font-size: var(--text-size-sm);\n}\n\n.detail__summary-row dt {\n  color: var(--color-text-secondary);\n  flex-shrink: 0;\n}\n\n.detail__summary-row dd {\n  margin: 0;\n  color: var(--color-text-primary);\n  text-align: right;\n  font-variant-numeric: var(--font-variant-numeric);\n}\n\n.detail__promo-tag {\n  margin-left: var(--space-1);\n  font-size: var(--text-size-xs);\n  color: var(--color-text-tertiary, var(--color-text-secondary));\n  font-variant-numeric: normal;\n}\n\n.detail__summary-row--total {\n  padding-top: var(--space-3);\n  border-top: 1px solid var(--color-border-primary);\n  font-size: var(--text-size-base);\n}\n\n.detail__summary-row--total dt {\n  color: var(--color-text-primary);\n  font-weight: var(--font-weight-body-medium);\n}\n\n.detail__summary-row--total dd {\n  font-weight: var(--font-weight-body-medium);\n}\n\n/* ── Payments ───────────────────────────────────────────────── */\n\n.detail__payments {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-2);\n  padding-top: var(--space-3);\n  border-top: 1px solid var(--color-border-primary);\n}\n\n.detail__payments-list {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-2);\n}\n\n.detail__payment-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: baseline;\n  gap: var(--space-4);\n  font-size: var(--text-size-sm);\n  font-variant-numeric: var(--font-variant-numeric);\n}\n\n.detail__payment-row span:first-child {\n  color: var(--color-text-secondary);\n}\n\n.detail__balance {\n  margin: 0;\n  padding: var(--space-3);\n  text-align: center;\n  font-size: var(--text-size-sm);\n  font-variant-numeric: var(--font-variant-numeric);\n  border-radius: 0;\n}\n\n.detail__balance--paid {\n  background: var(--color-surface-secondary);\n  color: var(--color-text-primary);\n  font-weight: var(--font-weight-body-medium);\n}\n\n.detail__balance--due {\n  background: var(--color-surface-secondary);\n  color: var(--color-accent-primary);\n  font-weight: var(--font-weight-body-medium);\n}\n\n.detail__balance--due strong {\n  font-weight: var(--font-weight-heading-bold);\n}\n\n/* ── Client / details ──────────────────────────────────────── */\n\n.detail__details {\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-3);\n}\n\n.detail__detail-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: baseline;\n  gap: var(--space-4);\n  font-size: var(--text-size-sm);\n}\n\n.detail__detail-row dt {\n  color: var(--color-text-secondary);\n  flex-shrink: 0;\n}\n\n.detail__detail-row dd {\n  margin: 0;\n  color: var(--color-text-primary);\n  text-align: right;\n  word-break: break-word;\n}\n\n/* ── Comments ──────────────────────────────────────────────── */\n\n.detail__comments-text {\n  margin: 0;\n  font-size: var(--text-size-sm);\n  color: var(--color-text-secondary);\n  line-height: var(--leading-relaxed);\n  white-space: pre-wrap;\n}\n\n/* ── Actions ───────────────────────────────────────────────── */\n\n.detail__actions {\n  display: flex;\n  justify-content: center;\n}\n\n/* ── Skeleton ──────────────────────────────────────────────── */\n\n.detail__skeleton {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-6);\n}\n\n.detail__skeleton-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: var(--space-4);\n}\n\n.detail__skeleton-block {\n  background: var(--color-surface-primary);\n  border: 1px solid var(--color-border-primary);\n  padding: var(--space-5);\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-4);\n}\n\n.detail__skeleton-row {\n  display: flex;\n  gap: var(--space-4);\n  align-items: center;\n}\n\n.detail__skel {\n  background: var(--color-surface-secondary);\n  position: relative;\n  overflow: hidden;\n}\n\n/* Shimmer sutil — el patrón de PRoductCardSkeleton, alineado a paleta. */\n.detail__skel::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(\n    90deg,\n    transparent 0%,\n    var(--color-surface-tertiary, var(--color-surface-primary)) 50%,\n    transparent 100%\n  );\n  animation: detail-shimmer 1.4s ease-in-out infinite;\n  transform: translateX(-100%);\n}\n\n.detail__skel--title {\n  height: 32px;\n  width: 160px;\n}\n\n.detail__skel--badge {\n  height: 24px;\n  width: 120px;\n}\n\n.detail__skel--thumb {\n  width: 64px;\n  height: 64px;\n  flex-shrink: 0;\n}\n\n.detail__skel--line {\n  height: 16px;\n  flex: 1;\n}\n\n@keyframes detail-shimmer {\n  to { transform: translateX(100%); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .detail__skel::after {\n    animation: none;\n  }\n}\n\n/* ── Responsive ─────────────────────────────────────────────── */\n\n@media (max-width: 480px) {\n  .detail__line {\n    grid-template-columns: 56px 1fr;\n    grid-template-rows: auto auto;\n  }\n\n  .detail__line-thumb,\n  .detail__line-icon {\n    width: 56px;\n    height: 56px;\n    grid-row: 1 / span 2;\n  }\n\n  .detail__line-amounts {\n    grid-column: 2 / 3;\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: baseline;\n    text-align: left;\n  }\n\n  .detail__detail-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: var(--space-1);\n  }\n\n  .detail__detail-row dd {\n    text-align: left;\n  }\n}\n"],
  "mappings": "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",
  "names": []
}