/* Б-35 Связка с Verter.ERP, «Расширения». Источник: новый макет (задача 6.3) */

.b-erp-link {
  padding-block: var(--space-section);
  background: var(--color-bg);
}

.b-erp-link__stations {
  display: grid;
  gap: 0;
  list-style: none;
}

.b-erp-link__station {
  display: grid;
  gap: var(--space-3);
  padding: var(--space-6) var(--space-5);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: inset 0 4px 0 var(--color-product-wms);
}

.b-erp-link__station--erp {
  box-shadow: inset 0 4px 0 var(--color-product-erp);
}

.b-erp-link__name {
  font-size: var(--fs-h3);
}

.b-erp-link__product {
  justify-self: start;
  padding: 0.25rem var(--space-3);
  border-radius: var(--radius-xs);
  background: var(--color-product-wms);
  color: var(--color-text-inverse);
  font-size: var(--fs-caption);
  font-weight: var(--font-weight-bold);
}

.b-erp-link__station--erp .b-erp-link__product {
  background: var(--color-product-erp);
}

.b-erp-link__flow {
  display: grid;
  justify-items: center;
  gap: var(--space-1);
  padding: var(--space-3) 0;
  color: var(--color-text-muted);
  font-size: var(--fs-caption);
  font-weight: var(--font-weight-semibold);
  text-align: center;
}

.b-erp-link__flow span {
  padding: 0.25rem var(--space-3);
  border-radius: var(--radius-pill);
  background: var(--color-surface);
}

.b-erp-link__caption {
  margin-top: var(--space-5);
  padding: var(--space-5);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  font-weight: var(--font-weight-semibold);
}

/* Вариант «Продукты Verter»: сетка продуктов, текущий выделен */
.b-erp-link__products {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
  gap: var(--space-gutter);
  list-style: none;
}

.b-erp-link__card {
  display: grid;
  gap: var(--space-2);
  padding: var(--space-5);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
}

.b-erp-link__card.is-current {
  background: var(--color-accent);
  color: var(--color-text-inverse);
}

.b-erp-link__card-name {
  font-weight: var(--font-weight-bold);
}

.b-erp-link__card-text {
  color: var(--color-text-muted);
  font-size: var(--fs-small);
}

.b-erp-link__card.is-current .b-erp-link__card-text {
  color: var(--color-text-inverse-muted);
}

.b-erp-link__card {
  align-content: start;
}

/* Метка продукта вне станции: Verter.ERP и продукты без своего цвета (Verter.TMS, Verter.3PL) */
.b-erp-link__product--erp {
  background: var(--color-product-erp);
}

.b-erp-link__product--other {
  background: var(--color-text-muted);
}

/* Белый фон для чередования с соседними блоками */
.b-erp-link--surface {
  background: var(--color-surface);
}

.b-erp-link--surface .b-erp-link__station,
.b-erp-link--surface .b-erp-link__caption,
.b-erp-link--surface .b-erp-link__flow span,
.b-erp-link--surface .b-erp-link__card,
.b-erp-link--surface .b-erp-link__panel {
  background: var(--color-surface-muted);
}

@media (min-width: 1024px) {
  .b-erp-link__stations {
    grid-template-columns: minmax(0, 1fr) 11rem minmax(0, 1fr) 11rem minmax(0, 1fr);
    align-items: center;
  }

  .b-erp-link__station {
    padding: var(--space-7) var(--space-6);
  }

  .b-erp-link__flow {
    padding: 0 var(--space-2);
  }
}