/* Nimbus Connect UI brand layer — super simple, dark, product-matched. */
:root {
  color-scheme: dark;
  --nimbus-bg: #0c0b0a;
  --nimbus-surface: #13110f;
  --nimbus-text: #f2ece3;
  --nimbus-muted: rgba(242, 236, 227, 0.58);
  --nimbus-border: rgba(242, 236, 227, 0.1);
  --nimbus-accent: #f0a500;
  --nimbus-accent-soft: rgba(240, 165, 0, 0.22);
}

html,
body {
  background: var(--nimbus-bg) !important;
  color: var(--nimbus-text) !important;
  font-family: Inter, system-ui, -apple-system, Segoe UI, sans-serif !important;
  min-height: 100%;
}

/* Top brand chip — not a full chrome redesign, just clear ownership */
#nimbus-brand-bar {
  position: fixed;
  top: 18px;
  left: 20px;
  z-index: 9999;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  pointer-events: none;
  user-select: none;
}

#nimbus-brand-bar .nimbus-mark {
  width: 22px;
  height: 22px;
  border-radius: 7px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 800;
  color: #15110c;
  background: linear-gradient(180deg, #f6b724, #e09000);
  box-shadow: 0 4px 14px rgba(224, 144, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.35);
}

#nimbus-brand-bar .nimbus-word {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--nimbus-text);
}

/* Push main content slightly so it doesn't collide with brand chip on small screens */
#root {
  min-height: 100vh;
}

/* Soften common Nango surfaces toward Nimbus palette without fighting every class */
#root,
#root > * {
  --tw-ring-color: var(--nimbus-accent-soft);
}

/* Prefer dark panels */
#root [class*="bg-white"],
#root [class*="bg-gray"],
#root [class*="bg-slate"] {
  /* leave stock classes; accent overrides below */
}

/* Accent buttons / focus toward gold */
#root button[class*="bg-"],
#root a[class*="bg-"] {
  /* no blanket override — only ring/focus */
}

#root :focus-visible {
  outline-color: var(--nimbus-accent) !important;
}

/* Hide common "Powered by Nango" / watermark treatments when present */
#root a[href*="nango.dev"],
#root [class*="watermark"],
#root [data-testid*="watermark"] {
  opacity: 0 !important;
  pointer-events: none !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* Footer legal links stay usable but quieter */
#root footer,
#root [class*="footer"] {
  color: var(--nimbus-muted) !important;
}