/* Wallet UI injects on <body>; Ivory theme vars live under [data-rk] only. */
:root {
  --rk-blurs-modalOverlay: blur(4px);
  --rk-fonts-body: var(--font-sans, Manrope, system-ui, sans-serif);
  --rk-radii-actionButton: 10px;
  --rk-radii-connectButton: 999px;
  --rk-radii-menuButton: 12px;
  --rk-radii-modal: var(--radius-card-lg, 16px);
  --rk-radii-modalMobile: var(--radius-card-lg, 16px);
  --rk-colors-accentColor: var(--color-lime, #c8ff00);
  --rk-colors-accentColorForeground: var(--color-ink, #0a0a0a);
  --rk-colors-actionButtonBorder: var(--color-line, #e5e5e5);
  --rk-colors-actionButtonBorderMobile: var(--color-line, #e5e5e5);
  --rk-colors-actionButtonSecondaryBackground: var(--color-raised, #f5f5f5);
  --rk-colors-closeButton: var(--color-muted, #666);
  --rk-colors-closeButtonBackground: var(--color-raised, #f5f5f5);
  --rk-colors-connectButtonBackground: var(--color-panel, #fff);
  --rk-colors-connectButtonBackgroundError: var(--color-danger, #ef4444);
  --rk-colors-connectButtonInnerBackground: var(--color-raised, #f5f5f5);
  --rk-colors-connectButtonText: var(--color-fg, #111);
  --rk-colors-connectButtonTextError: var(--color-ink, #0a0a0a);
  --rk-colors-connectionIndicator: var(--color-lime, #c8ff00);
  --rk-colors-error: var(--color-danger, #ef4444);
  --rk-colors-generalBorder: var(--color-line, #e5e5e5);
  --rk-colors-generalBorderDim: var(--color-line, #e5e5e5);
  --rk-colors-menuItemBackground: var(--color-raised, #f5f5f5);
  --rk-colors-modalBackdrop: rgba(0, 0, 0, 0.45);
  --rk-colors-modalBackground: var(--color-panel, #fff);
  --rk-colors-modalBorder: var(--color-line, #e5e5e5);
  --rk-colors-modalText: var(--color-fg, #111);
  --rk-colors-modalTextDim: var(--color-dim, #888);
  --rk-colors-modalTextSecondary: var(--color-muted, #666);
  --rk-colors-profileAction: var(--color-raised, #f5f5f5);
  --rk-colors-profileActionHover: var(--color-raised, #f5f5f5);
  --rk-colors-profileForeground: var(--color-panel, #fff);
  --rk-colors-selectedOptionBorder: var(--color-lime, #c8ff00);
  --rk-colors-standby: var(--color-warning, #f59e0b);
  --rk-shadows-connectButton: 0 4px 12px rgba(0, 0, 0, 0.1);
  --rk-shadows-dialog: 0 24px 64px rgba(0, 20, 12, 0.5);
}

#popup-overlay {
  background: rgba(0, 0, 0, 0.45) !important;
  backdrop-filter: blur(4px);
}

body:has(#popup-overlay),
body:has(#__pm_root__) {
  filter: none !important;
}

#popup-overlay .popup,
.popup {
  background: var(--color-panel, #fff) !important;
  color: var(--color-fg, #111) !important;
  border-color: var(--color-line, #e5e5e5) !important;
}

.connect,
.connectAndClaim {
  cursor: pointer;
}