/* ==========================================================================
   V2 Agent Brand Theme Override for Cabinet UI (https://my.v2agent.ai/)
   Light Theme — inspired by the light mode of https://v2agent.ai/
   (landing/release.html :root[data-theme="light"]):
   - Airy porcelain-lavender atmospheric background (#F6F7FB / #F2F4F9)
   - Crisp white glass cards (rgba(255, 255, 255, 0.94)) with subtle slate borders
   - Vibrant V2 Agent blue-violet gradient CTAs & BalanceCard header
     linear-gradient(110deg, #2F6BFF 0%, #6355E8 55%, #8E72F2 100%)
   - Royal blue interactive accents (#2563EB / #2F6BFF) & clean Inter typography
   ========================================================================== */

html[data-brand="v2agent"] {
  color-scheme: light;

  /* Shadcn / Tailwind HSL CSS Variables mapped to V2 Agent Light Palette */
  --background: 228 38% 97%;          /* #F6F7FB */
  --foreground: 227 37% 6%;           /* #0C0E15 */

  --card: 0 0% 100%;                  /* #FFFFFF */
  --card-foreground: 227 37% 6%;      /* #0C0E15 */

  --popover: 0 0% 100%;               /* #FFFFFF */
  --popover-foreground: 227 37% 6%;   /* #0C0E15 */

  --primary: 221 83% 53%;             /* #2563EB (V2 Agent Royal Blue) */
  --primary-foreground: 0 0% 100%;

  --secondary: 223 27% 95%;           /* #F0F2F7 */
  --secondary-foreground: 227 37% 6%; /* #0C0E15 */

  --muted: 223 27% 95%;               /* #F0F2F7 */
  --muted-foreground: 224 12% 33%;    /* #4A4F5E */

  --accent: 224 45% 95%;              /* #ECF0FB (soft blue hover tint) */
  --accent-foreground: 227 37% 6%;    /* #0C0E15 */

  --destructive: 358 75% 55%;         /* #E5484D */
  --destructive-foreground: 0 0% 100%;

  --border: 225 22% 89%;              /* rgba(16, 22, 40, 0.10) */
  --input: 225 22% 87%;               /* rgba(16, 22, 40, 0.13) */
  --ring: 221 83% 53%;                /* #2563EB */

  --radius: 0.875rem;

  /* Exact tokens from landing/release.html :root[data-theme="light"] */
  --v2-g1: #2F6BFF;
  --v2-g2: #A58BF5;
  --v2-g3: #F3B1A0;
  --v2-brand: linear-gradient(108deg, #2F6BFF 0%, #6355E8 55%, #8E72F2 100%);
  --v2-brand-hero: linear-gradient(115deg, #2563EB 0%, #5B5BD6 52%, #8B73E8 100%);
  --v2-brand-text: linear-gradient(100deg, #2F6BFF 0%, #7C65F6 55%, #E08368 100%);
  --v2-bg: #F6F7FB;
  --v2-surface: #FFFFFF;
  --v2-card: #F0F2F7;
  --v2-card2: #E5E8F0;
  --v2-line: rgba(16, 22, 40, 0.08);
  --v2-line2: rgba(16, 22, 40, 0.13);
  --v2-text: #0C0E15;
  --v2-text2: #454A58;
  --v2-text3: #747A88;
  --v2-accent: #2563EB;
}

/* Base Body & Atmospheric Glow (exact --wall from landing/release.html light theme) */
html[data-brand="v2agent"] body {
  background-color: var(--v2-bg) !important;
  background-image:
    radial-gradient(60% 55% at 12% 8%, rgba(47, 107, 255, 0.13), transparent 62%),
    radial-gradient(50% 50% at 92% 18%, rgba(165, 139, 245, 0.16), transparent 60%),
    radial-gradient(60% 55% at 70% 100%, rgba(243, 177, 160, 0.15), transparent 60%),
    linear-gradient(180deg, #F6F7FB 0%, #F2F4F9 100%) !important;
  background-attachment: fixed !important;
  color: var(--v2-text) !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', Roboto, sans-serif !important;
  -webkit-font-smoothing: antialiased;
}

/* Top Header Bar & Footer (matching landing .hdr.sc in light theme) */
html[data-brand="v2agent"] header {
  background: rgba(246, 247, 251, 0.86) !important;
  backdrop-filter: blur(16px) saturate(1.3) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.3) !important;
  border-bottom: 1px solid var(--v2-line) !important;
}

html[data-brand="v2agent"] footer {
  background: rgba(246, 247, 251, 0.86) !important;
  border-top: 1px solid var(--v2-line) !important;
  color: var(--v2-text3) !important;
}

/* Glass Cards & Surface Containers */
html[data-brand="v2agent"] .glass-card,
html[data-brand="v2agent"] [class*="rounded-2xl"][class*="bg-white"] {
  background: rgba(255, 255, 255, 0.94) !important;
  backdrop-filter: blur(20px) saturate(1.3) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.3) !important;
  border: 1px solid rgba(16, 22, 40, 0.08) !important;
  border-radius: 24px !important;
  color: var(--v2-text) !important;
  box-shadow: 0 16px 42px -16px rgba(20, 30, 60, 0.09), 0 2px 6px rgba(16, 22, 40, 0.03) !important;
}

html[data-brand="v2agent"] .glass-card:hover {
  border-color: rgba(47, 107, 255, 0.20) !important;
  box-shadow: 0 20px 48px -14px rgba(20, 30, 60, 0.13) !important;
}

/* Divider label inside white cards ("ИЛИ ВОЙТИ ЧЕРЕЗ") */
html[data-brand="v2agent"] [class*="rounded-2xl"] .bg-background {
  background-color: #FFFFFF !important;
}

/* BalanceCard Top Gradient Header (div.from-gold.to-cyan) */
html[data-brand="v2agent"] div.from-gold.to-cyan {
  background: var(--v2-brand-hero) !important;
  background-image: var(--v2-brand-hero) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Primary Buttons (.btn-gold, button.from-gold, button.from-amber-500, etc.) */
html[data-brand="v2agent"] .btn-gold,
html[data-brand="v2agent"] .btn-cyan,
html[data-brand="v2agent"] button.from-gold,
html[data-brand="v2agent"] a.from-gold,
html[data-brand="v2agent"] .bg-gold,
html[data-brand="v2agent"] button[class*="from-amber-500"],
html[data-brand="v2agent"] a[class*="from-amber-500"],
html[data-brand="v2agent"] [class*="from-[#D4A853]"]:not([class*="from-[#D4A853]/"]),
html[data-brand="v2agent"] [class*="to-[#F4D03F]"]:not([class*="to-[#F4D03F]/"]),
html[data-brand="v2agent"] [class*="to-[#e8c84a]"] {
  background: var(--v2-brand) !important;
  background-image: var(--v2-brand) !important;
  border: 0 !important;
  border-radius: 13px !important;
  color: #FFFFFF !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
  box-shadow: 0 8px 22px -6px rgba(47, 107, 255, 0.36) !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease !important;
}

html[data-brand="v2agent"] .from-cyan,
html[data-brand="v2agent"] .bg-cyan {
  background: linear-gradient(105deg, #2563EB 0%, #5B5BD6 100%) !important;
  background-image: linear-gradient(105deg, #2563EB 0%, #5B5BD6 100%) !important;
  color: #FFFFFF !important;
  border: 0 !important;
  border-radius: 13px !important;
  font-weight: 600 !important;
  box-shadow: 0 8px 22px -6px rgba(37, 99, 235, 0.32) !important;
}

html[data-brand="v2agent"] .btn-gold:hover,
html[data-brand="v2agent"] .btn-cyan:hover,
html[data-brand="v2agent"] button.from-gold:hover,
html[data-brand="v2agent"] a.from-gold:hover,
html[data-brand="v2agent"] button[class*="from-amber-500"]:hover,
html[data-brand="v2agent"] [class*="from-[#D4A853]"]:not([class*="from-[#D4A853]/"]):hover {
  filter: brightness(1.05);
  transform: translateY(-1px);
  box-shadow: 0 12px 28px -6px rgba(47, 107, 255, 0.45) !important;
}

/* Soft tinted gradient backgrounds inside PartnerProgramCard, Help Banner & Onboarding */
html[data-brand="v2agent"] [class*="from-gold/"],
html[data-brand="v2agent"] [class*="from-cyan/"],
html[data-brand="v2agent"] [class*="from-[#D4A853]/"],
html[data-brand="v2agent"] [class*="to-[#F4D03F]/"],
html[data-brand="v2agent"] [class*="to-[#00D4FF]/"] {
  background-color: #FFFFFF !important;
  background-image: linear-gradient(135deg, rgba(47, 107, 255, 0.06) 0%, rgba(165, 139, 245, 0.08) 55%, rgba(243, 177, 160, 0.06) 100%) !important;
  border-color: rgba(47, 107, 255, 0.16) !important;
}

/* Management Section & Amber Banner Cards -> Clean Light Surface */
html[data-brand="v2agent"] .bg-amber-500\/5 {
  background-color: rgba(255, 255, 255, 0.94) !important;
}
html[data-brand="v2agent"] .border-amber-500\/20,
html[data-brand="v2agent"] .border-amber-500\/30 {
  border-color: rgba(16, 22, 40, 0.09) !important;
}
html[data-brand="v2agent"] .bg-amber-500\/10 {
  background-color: rgba(47, 107, 255, 0.10) !important;
}
html[data-brand="v2agent"] .text-amber-500:not(.fill-amber-500) {
  color: var(--v2-accent) !important;
}

/* Secondary & Alternative Auth Buttons (Telegram, Phone, Outline) */
html[data-brand="v2agent"] .btn-secondary,
html[data-brand="v2agent"] button[class*="border-2"][class*="border-gold"],
html[data-brand="v2agent"] button[class*="border-2"][class*="border-border"] {
  background: var(--v2-bg) !important;
  border: 1px solid var(--v2-line2) !important;
  border-radius: 13px !important;
  color: var(--v2-text) !important;
  font-weight: 600 !important;
  transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease !important;
}

html[data-brand="v2agent"] .btn-secondary:hover,
html[data-brand="v2agent"] button[class*="border-2"][class*="border-gold"]:hover,
html[data-brand="v2agent"] button[class*="border-2"][class*="border-border"]:hover {
  background: #ECF1FE !important;
  border-color: rgba(47, 107, 255, 0.36) !important;
  color: var(--v2-accent) !important;
}

/* Balance Display & Gradient Headings */
html[data-brand="v2agent"] .balance-display {
  background: var(--v2-brand-text) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* Inputs, Selects, Textareas */
html[data-brand="v2agent"] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
html[data-brand="v2agent"] textarea,
html[data-brand="v2agent"] select {
  background-color: var(--v2-bg) !important;
  border: 1px solid var(--v2-line2) !important;
  border-radius: 13px !important;
  color: var(--v2-text) !important;
  transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease !important;
}

html[data-brand="v2agent"] input::placeholder,
html[data-brand="v2agent"] textarea::placeholder {
  color: var(--v2-text3) !important;
}

html[data-brand="v2agent"] input:focus,
html[data-brand="v2agent"] textarea:focus,
html[data-brand="v2agent"] select:focus {
  background-color: #FFFFFF !important;
  border-color: var(--v2-accent) !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.14) !important;
  outline: none !important;
}

/* Mobile Bottom Nav */
html[data-brand="v2agent"] .bottom-nav {
  background: rgba(255, 255, 255, 0.94) !important;
  backdrop-filter: blur(20px) saturate(1.3) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.3) !important;
  border-top: 1px solid var(--v2-line) !important;
}

html[data-brand="v2agent"] .bottom-nav-item.active {
  color: var(--v2-accent) !important;
}

html[data-brand="v2agent"] .bottom-nav-item:hover {
  color: var(--v2-g1) !important;
}

/* Remap V2Bot Gold, Orange & Cyan accents to V2 Agent Blue & Lavender */
html[data-brand="v2agent"] .text-gold,
html[data-brand="v2agent"] .text-gold\/80,
html[data-brand="v2agent"] .text-gold-dark,
html[data-brand="v2agent"] .text-orange,
html[data-brand="v2agent"] .text-primary,
html[data-brand="v2agent"] [class*="text-[#D4A853]"] {
  color: var(--v2-accent) !important;
}

html[data-brand="v2agent"] .text-cyan,
html[data-brand="v2agent"] .text-cyan-dark {
  color: #4F46E5 !important;
}

html[data-brand="v2agent"] .border-gold,
html[data-brand="v2agent"] .border-gold\/30,
html[data-brand="v2agent"] .border-gold\/20,
html[data-brand="v2agent"] [class*="border-[#D4A853]"],
html[data-brand="v2agent"] [class*="border-cyan/"] {
  border-color: rgba(47, 107, 255, 0.20) !important;
}

html[data-brand="v2agent"] .bg-gold\/25,
html[data-brand="v2agent"] .bg-gold\/20,
html[data-brand="v2agent"] .bg-gold\/15,
html[data-brand="v2agent"] .bg-gold\/10,
html[data-brand="v2agent"] .bg-gold\/5,
html[data-brand="v2agent"] [class*="bg-[#D4A853]/"] {
  background-color: rgba(47, 107, 255, 0.10) !important;
}

html[data-brand="v2agent"] .bg-cyan\/25,
html[data-brand="v2agent"] .bg-cyan\/20,
html[data-brand="v2agent"] .bg-cyan\/15,
html[data-brand="v2agent"] .bg-cyan\/10,
html[data-brand="v2agent"] .bg-cyan\/5 {
  background-color: rgba(165, 139, 245, 0.12) !important;
}

html[data-brand="v2agent"] .bg-cream {
  background-color: var(--v2-bg) !important;
}

/* Custom Scrollbar in V2 Agent Light Accent */
html[data-brand="v2agent"] ::-webkit-scrollbar-thumb {
  background: rgba(47, 107, 255, 0.25);
}
html[data-brand="v2agent"] ::-webkit-scrollbar-thumb:hover {
  background: rgba(47, 107, 255, 0.45);
}