/* One currency component for the entire panel. Page styles may size the
   wrapper, but must never replace the crystal glyph or its colours. */
.pal-price {
  display: inline-flex;
  align-items: center;
  gap: .45em;
  vertical-align: baseline;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.pal-crystal {
  display: inline-block;
  width: .82em;
  height: 1.04em;
  flex: 0 0 auto;
  vertical-align: -.08em;
  transform: rotate(45deg) skew(-5deg, -5deg);
  border: 1px solid rgba(255,255,255,.48);
  border-radius: .22em .44em .22em .44em;
  background: linear-gradient(135deg, #a7f3d0 0%, #22d3ee 46%, #8b5cf6 100%);
  box-shadow: 0 0 13px rgba(34,211,238,.28);
}
.pal-currency-input {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.pal-currency-input > .input { min-width: 0; width: 100%; }
.pal-currency-input > .pal-crystal { font-size: 16px; margin: 0 4px; }