/* ==========================================================================
   Componente: panel
   Valores: 06-reference.css §8.5 / 07-visual-system.md §46
   La sombra solo existe en la variante overlay (elevación real).
   ========================================================================== */

.fx-panel {
  border: 1px solid var(--fx-color-line);
  background: var(--fx-color-surface-raised);
  padding: var(--fx-space-6);
}

.fx-panel--overlay {
  border-color: var(--fx-color-carbon);
  background: var(--fx-color-surface-high);
  box-shadow: 0 4px 16px rgba(17, 19, 21, 0.06);
}

.fx-panel > :last-child {
  margin-bottom: 0;
}