.suppliers { display: flex; flex-direction: column; gap: var(--space-md); }
.suppliers__summary { margin: 0; color: var(--color-text-muted); font-size: var(--font-size-sm); }
.suppliers__recovery { display: flex; flex-wrap: wrap; gap: var(--space-xs); }
.supplier-cards { /* La fila de cuatro es el patron compartido: `.collection-cards`. */ }
.supplier-card { display: flex; flex-direction: column; gap: var(--space-sm); min-width: 0; padding: var(--space-md); background: var(--color-surface); border: var(--border-default); border-radius: var(--radius-lg); }
.supplier-card:hover, .supplier-card:focus-within { border-color: var(--color-primary-border); box-shadow: var(--shadow-md); }
.supplier-card__header { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-sm); }
.supplier-card__title, .supplier-card__nickname { margin: 0; overflow-wrap: anywhere; }
.supplier-card__title { font-size: var(--font-size-lg); font-weight: var(--font-weight-semibold); }
.supplier-card__nickname { color: var(--color-text-muted); font-size: var(--font-size-sm); }
.supplier-card__currency { padding: var(--space-3xs) var(--space-xs); background: var(--color-primary-soft); border: var(--border-width) solid var(--color-primary-border); border-radius: var(--radius-sm); color: var(--color-primary-strong); font-size: var(--font-size-sm); font-weight: var(--font-weight-semibold); }
.supplier-card__facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-xs) var(--space-md); margin: 0; }
.supplier-card__facts div { min-width: 0; }
.supplier-card__facts dt { color: var(--color-text-muted); font-size: var(--font-size-sm); }
.supplier-card__facts dd { margin: 0; overflow-wrap: anywhere; }
.supplier-card__wide { grid-column: 1 / -1; }
.supplier-card__code { font-family: var(--font-family-mono); }
.supplier-card__actions, .supplier-table__actions { display: flex; flex-wrap: nowrap; justify-content: flex-end; gap: var(--space-xs); }
.supplier-card__actions { margin-top: auto; padding-top: var(--space-sm); border-top: var(--border-default); }
.supplier-table__wrapper { overflow-x: auto; overscroll-behavior-x: contain; }
.supplier-table { width: 100%; border-collapse: collapse; font-size: var(--font-size-sm); }
.supplier-table__caption { padding-bottom: var(--space-xs); color: var(--color-text-muted); text-align: left; }
.supplier-table th, .supplier-table td { padding: var(--space-xs) var(--space-sm); border-bottom: var(--border-default); text-align: left; vertical-align: top; }
.supplier-table thead th { background: var(--color-surface-muted); color: var(--color-text-muted); font-weight: var(--font-weight-semibold); }
.supplier-table tbody tr:hover { background: var(--color-surface-muted); }
.supplier-table__note { color: var(--color-text-muted); font-size: var(--font-size-sm); }
.supplier-table__code { font-family: var(--font-family-mono); }
.supplier-editor__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-sm) var(--space-md); }
@media (max-width: 47.99rem) {
  .supplier-card__facts, .supplier-editor__grid { grid-template-columns: 1fr; }
  .supplier-card__wide { grid-column: auto; }
  .supplier-card__actions .button { flex: 1 1 auto; }
}