/* capitalgainstradebot — dark blue glass site-wide */

:root {
  --background: #070b14;
  --foreground: #e2e8f0;
  --card: rgba(15, 30, 60, 0.55);
  --primary: #38bdf8;
  --muted-foreground: #94a3b8;
  --border: rgba(56, 189, 248, 0.22);
  --destructive: #f87171;
}

html,
body,
#root {
  background: linear-gradient(145deg, #070b14 0%, #0c1224 40%, #0a1628 100%) !important;
  background-color: #070b14 !important;
  color: #e2e8f0 !important;
  font-size: 16px !important;
}

/* Dashboard glass — beat global white rules */
html:has(body.cgtb-dashboard),
html:has(body.cgtb-dashboard) body,
body.cgtb-dashboard,
body.cgtb-dashboard #root,
body.cgtb-dashboard main,
body.cgtb-dashboard .min-h-screen.bg-background {
  background: linear-gradient(145deg, #070b14 0%, #0c1224 38%, #12102a 72%, #0a1628 100%) !important;
  background-color: #070b14 !important;
  color: #e2e8f0 !important;
}

body.cgtb-dashboard .bg-background,
body.cgtb-dashboard .bg-white,
body.cgtb-dashboard .bg-card {
  background-color: rgba(255, 255, 255, 0.04) !important;
}

body.cgtb-dashboard .text-foreground,
body.cgtb-dashboard .text-white,
body.cgtb-dashboard .text-white\/50,
body.cgtb-dashboard .text-white\/60,
body.cgtb-dashboard .text-muted-foreground {
  color: #e2e8f0 !important;
}

body.cgtb-dashboard .text-emerald-400,
body.cgtb-dashboard .text-emerald-600,
body.cgtb-dashboard .text-primary {
  color: #67e8f9 !important;
}

body.cgtb-dashboard .text-cyan-300,
body.cgtb-dashboard .text-cyan-400 {
  color: #67e8f9 !important;
}

html {
  -webkit-font-smoothing: antialiased;
}

.bg-background,
.bg-\[\#06080d\],
.bg-\[\#0d0d0d\],
.bg-\[\#111\],
.bg-black\/30,
.bg-black\/40,
.bg-white,
.min-h-screen.bg-white {
  background-color: transparent !important;
}

.bg-card,
.bg-card\/50,
.bg-white\/5,
.bg-white\/\[0\.03\],
.bg-white\/\[0\.04\] {
  background-color: rgba(15, 30, 60, 0.45) !important;
  backdrop-filter: blur(12px);
}

.text-foreground,
.text-white,
.text-white\/50,
.text-white\/60,
.text-white\/70 {
  color: #e2e8f0 !important;
}

.text-muted-foreground,
.text-white\/40 {
  color: #94a3b8 !important;
}

.text-primary,
.text-cyan-300,
.text-cyan-400,
.text-emerald-300,
.text-emerald-400,
.text-amber-200,
.text-amber-400 {
  color: #67e8f9 !important;
}

.text-gradient-gold {
  background: linear-gradient(135deg, #67e8f9 0%, #38bdf8 50%, #2563eb 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

.border-border,
.border-border\/50,
.border-white\/5,
.border-white\/10,
.border-white\/15 {
  border-color: rgba(56, 189, 248, 0.22) !important;
}

.bg-primary,
.bg-gradient-gold {
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
  color: #ffffff !important;
}

.bg-primary\/10,
.bg-primary\/15,
.bg-primary\/5 {
  background-color: rgba(34, 211, 238, 0.1) !important;
}

.border-primary,
.border-primary\/30,
.border-primary\/40,
.border-primary\/50 {
  border-color: #60a5fa !important;
}

.text-background {
  color: #ffffff !important;
}

/* Average-up smaller UI text */
.text-\[9px\],
.text-\[10px\] {
  font-size: 0.8125rem !important;
  line-height: 1.125rem !important;
}

.text-\[11px\] {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

.text-xs {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

.text-sm {
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}

.text-base {
  font-size: 1.0625rem !important;
}

.text-lg {
  font-size: 1.1875rem !important;
}

.text-xl {
  font-size: 1.3125rem !important;
}

.text-2xl {
  font-size: 1.625rem !important;
}

.text-3xl {
  font-size: 2rem !important;
}

h1, h2, h3, h4 {
  color: #e2e8f0 !important;
}

input,
select,
textarea,
button {
  font-size: 1rem !important;
}

input,
select,
textarea {
  background-color: rgba(15, 30, 60, 0.5) !important;
  color: #e2e8f0 !important;
  border-color: rgba(56, 189, 248, 0.22) !important;
}

input::placeholder {
  color: rgba(148, 163, 184, 0.6) !important;
}

#cgtb-boot {
  background: #070b14 !important;
}

#cgtb-boot .nx-logo {
  color: #67e8f9 !important;
}

#cgtb-boot .nx-sub {
  color: #38bdf8 !important;
}

#cgtb-boot .nx-spin {
  border-color: rgba(56, 189, 248, 0.16) !important;
  border-top-color: #38bdf8 !important;
}

/* Toast — bottom-right on all screens (override Tailwind top-0 on ol) */
[role="region"][aria-label*="Notifications"] {
  position: fixed !important;
  inset: auto 0 0 auto !important;
  top: auto !important;
  left: auto !important;
  bottom: 0 !important;
  right: 0 !important;
  width: auto !important;
  max-width: none !important;
  pointer-events: none !important;
  z-index: 200 !important;
}

[role="region"][aria-label*="Notifications"] > ol,
#root ol[class*="fixed"][class*="top-0"],
body > div > ol[class*="fixed"] {
  position: fixed !important;
  top: auto !important;
  left: auto !important;
  bottom: 0 !important;
  right: 0 !important;
  width: auto !important;
  max-width: min(288px, calc(100vw - 16px)) !important;
  max-height: 40vh !important;
  margin: 0 !important;
  padding: 8px !important;
  flex-direction: column-reverse !important;
  align-items: stretch !important;
  gap: 6px !important;
  z-index: 200 !important;
}

body.cgtb-dashboard [role="region"][aria-label*="Notifications"] > ol,
body.cgtb-dashboard #root ol[class*="fixed"][class*="top-0"] {
  bottom: calc(64px + env(safe-area-inset-bottom, 0px)) !important;
  padding-bottom: 8px !important;
}

[role="region"][aria-label*="Notifications"] li {
  pointer-events: auto !important;
  width: 100% !important;
  background: rgba(15, 23, 42, 0.95) !important;
  border: 1px solid rgba(56, 189, 248, 0.2) !important;
  color: #e2e8f0 !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35) !important;
  padding: 10px 12px !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  border-radius: 10px !important;
}

[role="region"][aria-label*="Notifications"] li [class*="text-sm"],
[role="region"][aria-label*="Notifications"] li .text-sm {
  font-size: 13px !important;
}

[role="region"][aria-label*="Notifications"] li .font-semibold,
[role="region"][aria-label*="Notifications"] li .font-bold {
  font-size: 14px !important;
}

/* Dashboard glass theme — toast on dark bg */
body.cgtb-glass-dark [role="region"][aria-label*="Notifications"] li {
  background: rgba(15, 23, 42, 0.95) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #e2e8f0 !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;
}

/* ── Sidebar nav: cyan hue glow, never white pill ── */
body.cgtb-dashboard aside .space-y-1 a[class*="bg-primary"],
body.cgtb-dashboard aside a.glow-gold,
body.cgtb-dashboard aside a[class*="glow-gold"] {
  background: linear-gradient(135deg, rgba(34, 211, 238, 0.22) 0%, rgba(37, 99, 235, 0.18) 100%) !important;
  background-color: rgba(34, 211, 238, 0.12) !important;
  color: #67e8f9 !important;
  border: 1px solid rgba(34, 211, 238, 0.45) !important;
  box-shadow:
    inset 0 0 18px rgba(34, 211, 238, 0.12),
    0 0 24px rgba(56, 189, 248, 0.22) !important;
}

body.cgtb-dashboard aside a[class*="bg-primary"] svg,
body.cgtb-dashboard aside a.glow-gold svg {
  color: #67e8f9 !important;
  filter: drop-shadow(0 0 6px rgba(34, 211, 238, 0.55)) !important;
}

/* ── Deposit coin / network selected: solid light card, readable text ── */
body.cgtb-dashboard main button[class*="border-primary"][class*="bg-primary"],
body.cgtb-dashboard main [class*="border-primary"][class*="bg-primary/10"]:not(aside *):not(aside) {
  background: rgba(255, 255, 255, 0.94) !important;
  border-color: #38bdf8 !important;
  color: #0f172a !important;
}

body.cgtb-dashboard main button[class*="border-primary"][class*="bg-primary"] *,
body.cgtb-dashboard main [class*="border-primary"][class*="bg-primary/10"]:not(aside *) * {
  color: #1e293b !important;
}

body.cgtb-dashboard main button[class*="border-primary"][class*="bg-primary"] .text-primary,
body.cgtb-dashboard main [class*="border-primary"][class*="bg-primary/10"]:not(aside *) .text-primary {
  color: #1d4ed8 !important;
}

/* ── KYC step dots — visible on dark bg ── */
body.cgtb-dashboard .bg-muted,
body.cgtb-dashboard .rounded-full.bg-muted {
  background-color: rgba(148, 163, 184, 0.22) !important;
  border: 1px solid rgba(148, 163, 184, 0.35) !important;
}

body.cgtb-dashboard .rounded-full[class*="bg-primary"] {
  background-color: rgba(34, 211, 238, 0.25) !important;
  border: 1px solid rgba(34, 211, 238, 0.45) !important;
}

/* ── Landing page — text visible on dark sections ── */
.min-h-screen.bg-background h2,
.min-h-screen.bg-background section h2,
.min-h-screen.bg-background section h3 {
  color: #f1f5f9 !important;
}

.min-h-screen.bg-background section .text-muted-foreground {
  color: #94a3b8 !important;
}

.min-h-screen.bg-background .text-white\/50,
.min-h-screen.bg-background section .text-white\/50 {
  color: rgba(226, 232, 240, 0.72) !important;
}

/* Soften bright blur orbs that wash out text */
.min-h-screen.bg-background section .blur-\[140px\],
.min-h-screen.bg-background section [class*="blur-[140px]"] {
  opacity: 0.45 !important;
  background-color: rgba(37, 99, 235, 0.15) !important;
}

/* Pricing / engine cards — dark glass not white */
.min-h-screen.bg-background section .bg-white\/\[0\.03\],
.min-h-screen.bg-background section .bg-white\/5 {
  background-color: rgba(15, 30, 60, 0.5) !important;
  backdrop-filter: blur(12px);
}

.min-h-screen.bg-background section .from-primary\/15 {
  background: linear-gradient(to bottom, rgba(34, 211, 238, 0.12), rgba(37, 99, 235, 0.06)) !important;
}