/* Offers-only invite strips match the approved bank/courier referral mockup. */
.auin-offers-page .auin-offer-referral {
  --auin-referral-accent: #0e9b70;
  margin-top: 12px;
  padding: 12px 12px 10px;
  min-width: 0;
  border: 1px solid #d5ece1;
  border-radius: 11px;
  background: linear-gradient(120deg, #f7fffa, #ffffff);
}
.auin-offers-page .auin-offer-card[data-auin-provider="ING"] .auin-offer-referral {
  --auin-referral-accent: #dd6419;
  border-color: #ffe1ce;
  background: linear-gradient(110deg, #fff6f0, #fff);
}
.auin-offers-page .auin-offer-card[data-auin-provider="ubank"] .auin-offer-referral {
  --auin-referral-accent: #6b32d5;
  border-color: #e8dcff;
  background: linear-gradient(110deg, #fbf8ff, #fff);
}
.auin-offers-page .auin-offer-referral__heading {
  color: var(--auin-referral-accent);
  font-size: .84rem;
  font-weight: 900;
  letter-spacing: .01em;
}
.auin-offers-page .auin-offer-referral__row {
  display: flex;
  align-items: stretch;
  gap: 7px;
  margin-top: 9px;
  min-width: 0;
}
.auin-offers-page .auin-offer-referral__code {
  display: grid;
  place-items: center;
  flex: 1 1 auto;
  min-width: 0;
  padding: 10px 6px;
  border: 1px dashed color-mix(in srgb, var(--auin-referral-accent) 60%, white);
  border-radius: 8px;
  background: #fff;
  color: var(--auin-referral-accent);
  font-family: inherit;
  font-size: clamp(1.32rem, 1.65vw, 1.7rem);
  font-weight: 900;
  letter-spacing: .035em;
  overflow-wrap: anywhere;
  line-height: 1.2;
}
.auin-offers-page .auin-offer-referral__copy {
  flex: 0 0 auto;
  min-width: 64px;
  padding: 9px 12px;
  border: 0;
  border-radius: 8px;
  color: #fff;
  background: var(--auin-referral-accent);
  font-size: .8rem;
  font-weight: 850;
  cursor: pointer;
  transition: filter .15s ease;
}
.auin-offers-page .auin-offer-referral__copy:hover { filter: brightness(.91); }
.auin-offers-page .auin-offer-referral__copy:focus-visible {
  outline: 3px solid #1456ae;
  outline-offset: 3px;
}
.auin-offers-page .auin-offer-referral__copy:disabled { cursor: wait; opacity: .7; }
.auin-offers-page .auin-offer-referral p {
  margin: 8px 0 0;
  color: #697e92;
  font-size: .68rem;
  line-height: 1.55;
}
.auin-offers-page .auin-offer-referral__feedback {
  margin-top: 5px;
  color: #126c54;
  font-size: .7rem;
  font-weight: 750;
}
.auin-offers-page .auin-offer-referral__feedback:empty { display: none; }
.auin-offers-page .auin-offer-referral__feedback.is-error { color: #b33e33; }
.auin-offers-page .auin-offer-actions a[target="_blank"]::after {
  content: " ↗";
  font-size: .8em;
  opacity: .75;
}
@media (max-width: 620px) {
  .auin-offers-page .auin-offer-referral { padding: 11px 10px; }
  .auin-offers-page .auin-offer-referral__code { font-size: 1.35rem; }
  .auin-offers-page .auin-offer-referral__copy { min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  .auin-offers-page .auin-offer-referral__copy { transition: none; }
}

/* Three cards across leave sufficient width for code and copy controls. */
@media (min-width: 1341px) {
  .auin-offers-page .auin-offer-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 621px) and (max-width: 1340px) {
  .auin-offers-page .auin-offer-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  .auin-offers-page .auin-offer-list { grid-template-columns: minmax(0, 1fr); }
}