/* wgf-rep-depth.css - reputation + currency depth blocks (rep_depth_render, audit 2026-10-08).
   Site palette tokens only; no new colours. */
.eg-list { margin: 0.5rem 0 0; padding-left: 1.25rem; }
.eg-list li { margin: 0.25rem 0; }

.rdp-icon {
  width: 24px; height: 24px; vertical-align: middle; margin-right: 6px;
  border: 1px solid var(--wgf-metal-soft, #6b5a3a); border-radius: 3px;
  background: var(--wgf-well, #11100d);
}

.rdp-chip {
  display: inline-flex; align-items: center; gap: 2px;
  margin: 2px 8px 2px 0; white-space: nowrap;
}
.rdp-chip small { color: var(--wgf-muted, #a49b86); margin-left: 4px; font-size: var(--text-xs, 0.75rem); }

.rdp-vendors {
  display: grid; gap: var(--space-3, 12px);
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  margin-top: var(--space-2, 8px);
}
.rdp-vendor {
  border: 1px solid var(--wgf-border-neutral-soft, #3a352b); border-radius: 6px;
  padding: var(--space-3, 12px); background: var(--wgf-well, #11100d);
  min-width: 0;
}
.rdp-vendor__name { margin: 0 0 6px; font-family: var(--font-game, inherit); font-size: 1.05rem; }
.rdp-vendor__body p { margin: 4px 0; font-size: var(--text-sm, 0.875rem); }
.rdp-vendor__map { margin: 8px 0 0; }
.rdp-way {
  font-family: var(--font-mono, monospace); font-size: var(--text-xs, 0.75rem);
  overflow-wrap: anywhere;
}
.rdp-earn-map { margin: var(--space-3, 12px) 0 4px; max-width: 720px; }
.rdp-friend { display: flex; gap: var(--space-3, 12px); align-items: flex-start; flex-wrap: wrap; }
.rdp-portrait {
  width: 96px; height: 96px; border-radius: 6px; object-fit: cover;
  border: 1px solid var(--wgf-metal-soft, #6b5a3a); background: var(--wgf-well, #11100d);
}
.rdp-quote { margin: 0; flex: 1 1 240px; font-style: italic; color: var(--wgf-muted, #a49b86); }