.aff-tracking-view.active {
  margin-top: 16px;
}

.aff-integration {
  display: grid;
  gap: 16px;
  border-color: #ead7c2;
  background: linear-gradient(145deg, #fff, var(--aff-soft));
}

.aff-integration h2 {
  margin: 0 0 6px;
  font-size: 20px;
}

.aff-integration p:not(.aff-eyebrow) {
  margin: 0;
  color: var(--aff-muted);
  line-height: 1.55;
}

.aff-integration label {
  display: grid;
  gap: 8px;
  color: #435149;
  font-size: 14px;
  font-weight: 700;
}

.aff-code-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 9px;
  align-items: start;
}

.aff-code-row textarea {
  width: 100%;
  padding: 11px;
  border: 1px solid #31453a;
  border-radius: 10px;
  background: #15221c;
  color: #e8f4ec;
  font: 600 12px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace;
  resize: vertical;
}

.aff-code-row .aff-button {
  min-height: 40px;
}

@media (max-width: 600px) {
  .aff-code-row { grid-template-columns: 1fr; }
  .aff-code-row .aff-button { justify-self: end; }
}