/*
 * Markup cell component — pairs with:
 *   app/views/shared/_markup_amount.html.erb
 *   app/views/shared/_markup_percentage.html.erb
 * Always rendered inside a .wines-table cell.
 */
.wines-table .markup {
  white-space: nowrap;
}

.wines-table .markup-percentage,
.wines-table .markup-amount {
  font-weight: 600;
}

.wines-table .markup-percentage.positive,
.wines-table .markup-amount.positive {
  color: var(--color-danger);
}

.wines-table .markup-percentage.negative,
.wines-table .markup-amount.negative {
  color: var(--color-success);
}

.wines-table .no-markup {
  color: var(--color-text-light);
  font-weight: 600;
}

.wines-table .markup-sources {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-top: var(--space-xs);
}

.wines-table .markup-source {
  font-size: var(--font-size-2xs);
  color: var(--color-text-muted);
  white-space: nowrap;
}