/* Roomly referrals (2026-10-06) — карточка «Пригласите друзей» и таблица в /launch-admin.
   Акцент: голубой на дашборде, фиолетовый на страницах ожидания (стиль roomly-prelaunch). */
.rt-ref {
  --rr-accent: #3d7ff2;
  --rr-accent-2: #2f6fe0;
  --rr-tint: rgba(61, 127, 242, .1);
  --rr-ink: #17181b;
  --rr-muted: #5b6170;
  --rr-tile: #f4f6f8;
  --rr-line: rgba(16, 24, 40, .08);
  font-family: 'Onest', Inter, system-ui, -apple-system, 'Segoe UI', sans-serif;
  color: var(--rr-ink);
}
.rt-ref--launch {
  --rr-accent: #7355d8;
  --rr-accent-2: #5f43c4;
  --rr-tint: #f0edf9;
  --rr-ink: #20243d;
  --rr-muted: #5d6179;
  --rr-tile: #f8f6fd;
  margin-top: 24px;
  padding: 20px;
  border-radius: 20px;
  background: var(--rr-tile);
}
body:not(.light-theme) .rt-ref--dash {
  --rr-ink: #f2f4f8;
  --rr-muted: #a3a9b8;
  --rr-tile: rgba(255, 255, 255, .05);
  --rr-line: rgba(255, 255, 255, .08);
  --rr-tint: rgba(61, 127, 242, .18);
}

.rt-ref__head h3 { margin: 0 0 4px; font-size: 18px; font-weight: 600; letter-spacing: -.015em; color: var(--rr-ink) !important; }
.rt-ref .rt-ref__head p,
.roomly-launch-card .rt-ref__head p { margin: 0; font-size: 14px; line-height: 1.5; color: var(--rr-muted); }

.rt-ref__link { display: flex; gap: 8px; margin-top: 14px; flex-wrap: wrap; }
.rt-ref__input {
  flex: 1 1 260px;
  min-width: 0;
  height: 42px;
  padding: 0 14px;
  border-radius: 12px;
  border: 1px solid var(--rr-line);
  background: #fff;
  color: #17181b;
  font: inherit;
  font-size: 14px;
}
body:not(.light-theme) .rt-ref--dash .rt-ref__input { background: rgba(255, 255, 255, .06); color: #f2f4f8; }
.rt-ref .rt-ref__btn,
.roomly-launch-card .rt-ref .rt-ref__btn {
  height: 42px;
  padding: 0 18px;
  border: 0;
  border-radius: 999px;
  background: var(--rr-accent);
  color: #fff;
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
.rt-ref .rt-ref__btn:hover { background: var(--rr-accent-2); }
.rt-ref .rt-ref__btn--ghost,
.roomly-launch-card .rt-ref .rt-ref__btn--ghost { background: var(--rr-tint); color: var(--rr-accent); }
.rt-ref .rt-ref__btn--ghost:hover { background: var(--rr-tint); filter: brightness(.97); }

.rt-ref__stats { display: flex; gap: 10px; margin-top: 14px; flex-wrap: wrap; }
.rt-ref__stats > div {
  flex: 1 1 140px;
  padding: 12px 14px;
  border-radius: 14px;
  background: var(--rr-tint);
}
.rt-ref--launch .rt-ref__stats > div { background: #fff; }
.rt-ref__stats b { display: block; font-size: 26px; font-weight: 600; letter-spacing: -.02em; color: var(--rr-ink); }
.rt-ref__stats span { font-size: 13px; color: var(--rr-muted); }

.rt-ref__recent { list-style: none; margin: 12px 0 0; padding: 0; }
.rt-ref__recent li {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 2px;
  font-size: 14px;
  border-top: 1px solid var(--rr-line);
}
.rt-ref .rt-ref__muted { color: var(--rr-muted); font-size: 13px; }
.rt-ref .rt-ref__empty { margin: 12px 0 0; }

/* ---------- /launch-admin ---------- */
.rt-ref--admin { --rr-accent: #7355d8; --rr-ink: #20243d; --rr-muted: #5d6179; margin: 8px 0 12px; }
.rt-ref--admin code { font-size: 13px; background: #f0edf9; color: #5c45a8; padding: 2px 6px; border-radius: 6px; }
.rt-ref__table { overflow-x: auto; margin-top: 8px; }
.rt-ref__table table { width: 100%; border-collapse: collapse; font-size: 14px; }
.rt-ref__table th { text-align: left; font-weight: 600; font-size: 12px; color: var(--rr-muted); padding: 8px 6px; border-bottom: 1px solid var(--rr-line); }
.rt-ref__table td { padding: 10px 6px; border-bottom: 1px solid var(--rr-line); vertical-align: top; }
.rt-ref .rt-ref__num { text-align: right; font-variant-numeric: tabular-nums; }
.rt-ref__table .rt-ref__muted { font-size: 12px; }