
/* ═══ $100B PREMIUM — Commission Disbursement (scoped to #cda) ═══
   Glass cards + animated blue glow lines + premium tabs + hover lifts.
   Uses globally-defined @keyframes z100bCardGlow from z100b-social.
   Kills: dark panels (#0d0f14/#080a0e/#0a0c10/#13161e/#0c0e14/#0d1117/#0b1210),
   gold (#c9a84c / var(--gold) / #e8c84c), cyan (#00BFFF), purple (#8b5cf6/#a855f7),
   yellow (#FBBF24/#f59e0b), orange (#FF6B46), alt-blue (#1A7FE8/#4d94ff/#4FA8FF),
   and all ghost-text tokens. Green kept as semantic SUCCESS → premium #059669
   for commission / money-earned signal. Red kept only as #dc2626 for alerts. */

/* ── Base: force light page + dark text ── */
#cda { background: #f0f2f7 !important; color: #111827 !important; }
#cda, #cda * { color: #111827 !important; -webkit-text-fill-color: #111827 !important; }
#cda label { color: #374151 !important; -webkit-text-fill-color: #374151 !important; }

/* ── Ghost-gray tokens → readable dark ── */
#cda [style*="color:#888"], #cda [style*="color: #888"],
#cda [style*="color:#999"], #cda [style*="color: #999"],
#cda [style*="color:#aaa"], #cda [style*="color: #aaa"],
#cda [style*="color:#ccc"], #cda [style*="color: #ccc"],
#cda [style*="color:#ddd"], #cda [style*="color: #ddd"],
#cda [style*="color:#eee"], #cda [style*="color: #eee"],
#cda [style*="color:#555"], #cda [style*="color: #555"],
#cda [style*="color:#546080"], #cda [style*="color: #546080"],
#cda [style*="color:#c8cad0"], #cda [style*="color: #c8cad0"],
#cda [style*="color:#c8c8d0"], #cda [style*="color: #c8c8d0"],
#cda [style*="color:#e8eaf0"], #cda [style*="color: #e8eaf0"] {
  color: #4b5563 !important; -webkit-text-fill-color: #4b5563 !important;
}

/* ── Pure white text → dark ── */
#cda [style*="color:#fff"], #cda [style*="color: #fff"],
#cda [style*="color:#ffffff"], #cda [style*="color: #ffffff"],
#cda [style*="color:#FFFFFF"], #cda [style*="color: #FFFFFF"],
#cda [style*="color:white"], #cda [style*="color: white"] {
  color: #111827 !important; -webkit-text-fill-color: #111827 !important;
}

/* ── Translucent white text family → muted dark ── */
#cda [style*="color:rgba(255,255,255,0.2)"],
#cda [style*="color:rgba(255,255,255,0.3)"],
#cda [style*="color:rgba(255,255,255,0.4)"],
#cda [style*="color:rgba(255,255,255,0.5)"],
#cda [style*="color:rgba(255,255,255,0.6)"],
#cda [style*="color:rgba(255,255,255,0.7)"] {
  color: #6b7280 !important; -webkit-text-fill-color: #6b7280 !important;
}

/* ── Gold → ZOOM blue ── */
#cda [style*="color:var(--gold)"], #cda [style*="color: var(--gold)"],
#cda [style*="color:var(--z-gold)"], #cda [style*="color: var(--z-gold)"],
#cda [style*="color:#c9a84c"], #cda [style*="color: #c9a84c"],
#cda [style*="color:#e8c84c"], #cda [style*="color: #e8c84c"],
#cda [style*="color:#FFD700"], #cda [style*="color: #FFD700"] {
  color: #0065f1 !important; -webkit-text-fill-color: #0065f1 !important;
}

/* ── Cyan / purple / yellow / orange / alt-blue → ZOOM blue ── */
#cda [style*="color:#00BFFF"], #cda [style*="color: #00BFFF"],
#cda [style*="color:#4FA8FF"], #cda [style*="color: #4FA8FF"],
#cda [style*="color:#4d94ff"], #cda [style*="color: #4d94ff"],
#cda [style*="color:#1A7FE8"], #cda [style*="color: #1A7FE8"],
#cda [style*="color:#8b5cf6"], #cda [style*="color: #8b5cf6"],
#cda [style*="color:#a855f7"], #cda [style*="color: #a855f7"],
#cda [style*="color:#A855F7"], #cda [style*="color: #A855F7"],
#cda [style*="color:#a8a0c0"], #cda [style*="color: #a8a0c0"],
#cda [style*="color:#FBBF24"], #cda [style*="color: #FBBF24"],
#cda [style*="color:#f59e0b"], #cda [style*="color: #f59e0b"],
#cda [style*="color:#FF6B46"], #cda [style*="color: #FF6B46"] {
  color: #0065f1 !important; -webkit-text-fill-color: #0065f1 !important;
}

/* ── Green success tokens → premium deep ── */
#cda [style*="color:#22C55E"], #cda [style*="color: #22C55E"],
#cda [style*="color:#10b981"], #cda [style*="color: #10b981"],
#cda [style*="color:#34D399"], #cda [style*="color: #34D399"],
#cda [style*="color:#5DBB7A"], #cda [style*="color: #5DBB7A"],
#cda [style*="color:#3da85e"], #cda [style*="color: #3da85e"] {
  color: #059669 !important; -webkit-text-fill-color: #059669 !important;
}

/* ── Red stays red (alerts) ── */
#cda [style*="color:#ef4444"], #cda [style*="color: #ef4444"],
#cda [style*="color:#EF4444"], #cda [style*="color: #EF4444"],
#cda [style*="color:#f87171"], #cda [style*="color: #f87171"],
#cda [style*="color:#ff6b6b"], #cda [style*="color: #ff6b6b"] {
  color: #dc2626 !important; -webkit-text-fill-color: #dc2626 !important;
}

/* ── CSS-var muted tokens ── */
#cda [style*="var(--white-dim)"],
#cda [style*="var(--text-muted)"],
#cda [style*="var(--z-text-dim)"] {
  color: #6b7280 !important; -webkit-text-fill-color: #6b7280 !important;
}

/* ── Dark panel backgrounds → glass white ── */
#cda [style*="background:#0d0f14"], #cda [style*="background: #0d0f14"],
#cda [style*="background:#080a0e"], #cda [style*="background: #080a0e"],
#cda [style*="background:#0a0c10"], #cda [style*="background: #0a0c10"],
#cda [style*="background:#13161e"], #cda [style*="background: #13161e"],
#cda [style*="background:#0c0e14"], #cda [style*="background: #0c0e14"],
#cda [style*="background:#06070a"], #cda [style*="background: #06070a"],
#cda [style*="background:#1e2028"], #cda [style*="background: #1e2028"] {
  background: rgba(255,255,255,0.96) !important;
  color: #111827 !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

/* ── Dark CSS-var backgrounds ── */
#cda [style*="background:var(--z-bg)"], #cda [style*="background: var(--z-bg)"],
#cda [style*="background:var(--z-glass)"], #cda [style*="background: var(--z-glass)"] {
  background: rgba(255,255,255,0.94) !important;
  border-color: rgba(0,101,241,0.15) !important;
}

/* ── Hero banner: dark gradient → white glass + animated blue glow line ── */
#cda div[style*="linear-gradient(135deg,#0d1117"],
#cda div[style*="linear-gradient(135deg, #0d1117"] {
  background: linear-gradient(145deg, rgba(255,255,255,0.96), rgba(0,101,241,0.04)) !important;
  border: 0.5px solid rgba(0,101,241,0.18) !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 1px 3px rgba(0,101,241,0.05), 0 14px 40px rgba(0,101,241,0.08) !important;
  backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
}
#cda div[style*="linear-gradient(135deg,#0d1117"]::before,
#cda div[style*="linear-gradient(135deg, #0d1117"]::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: linear-gradient(90deg,#0055d4,#0065f1,#2d7af8,#0065f1,#0055d4);
  background-size: 200% 100%;
  animation: z100bCardGlow 4s linear infinite;
  z-index: 2;
}

/* ── Dark hairline borders → soft blue ── */
#cda [style*="border:1px solid #1e2028"],
#cda [style*="border: 1px solid #1e2028"],
#cda [style*="border:1px solid #2a2d38"],
#cda [style*="border: 1px solid #2a2d38"],
#cda [style*="border-top:1px solid #1e2028"],
#cda [style*="border-top: 1px solid #1e2028"],
#cda [style*="border-bottom:1px solid #1e2028"] {
  border-color: rgba(0,101,241,0.15) !important;
}
#cda [style*="border:1px solid #333"],
#cda [style*="border: 1px solid #333"] {
  border-color: rgba(0,101,241,0.18) !important;
}

/* ── Gold borders → blue ── */
#cda [style*="rgba(201,168,76,0.08)"],
#cda [style*="rgba(201,168,76,0.12)"],
#cda [style*="rgba(201,168,76,0.15)"],
#cda [style*="rgba(201,168,76,0.2)"],
#cda [style*="rgba(201,168,76,0.25)"],
#cda [style*="rgba(201,168,76,0.3)"] {
  border-color: rgba(0,101,241,0.20) !important;
}

/* ── Green tints: deepen to premium emerald ── */
#cda [style*="rgba(34,197,94,0.15)"] { border-color: rgba(5,150,105,0.20) !important; }
#cda [style*="rgba(34,197,94,0.2)"]  { border-color: rgba(5,150,105,0.25) !important; }
#cda [style*="rgba(34,197,94,0.25)"] { border-color: rgba(5,150,105,0.28) !important; }
#cda [style*="rgba(34,197,94,0.3)"]  { border-color: rgba(5,150,105,0.32) !important; }

/* ── Inputs/selects/textareas: white bg, blue border, dark text ── */
#cda input[type="text"], #cda input[type="email"], #cda input[type="tel"],
#cda input[type="number"], #cda input[type="date"], #cda input[type="password"],
#cda select, #cda textarea {
  background: rgba(255,255,255,0.94) !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  border: 0.5px solid rgba(0,101,241,0.18) !important;
  border-radius: 10px !important;
  transition: border-color .2s, box-shadow .2s;
}
#cda input:focus, #cda select:focus, #cda textarea:focus {
  outline: none !important;
  border-color: #0065f1 !important;
  box-shadow: 0 0 0 3px rgba(0,101,241,0.10) !important;
}
#cda input[type="checkbox"], #cda input[type="radio"] { accent-color: #0065f1 !important; }
#cda input::placeholder, #cda textarea::placeholder {
  color: #9ca3af !important; -webkit-text-fill-color: #9ca3af !important;
}

/* ── Readonly inputs (gross comm) soft gray ── */
#cda input[readonly], #cda input[style*="background:#080a0e"] {
  background: rgba(0,101,241,0.04) !important;
  color: #374151 !important;
  -webkit-text-fill-color: #374151 !important;
  opacity: 1 !important;
}

/* ── ai-panel: premium glass + animated glow ── */
#cda .ai-panel {
  background: rgba(255,255,255,0.96) !important;
  border: 0.5px solid rgba(0,101,241,0.15) !important;
  border-radius: 20px !important;
  box-shadow: 0 1px 3px rgba(0,101,241,0.04), 0 10px 30px rgba(0,101,241,0.06) !important;
  position: relative !important;
  overflow: hidden !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
#cda .ai-panel::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: linear-gradient(90deg,#0055d4,#0065f1,#2d7af8,#0065f1,#0055d4);
  background-size: 200% 100%;
  animation: z100bCardGlow 6s linear infinite;
  z-index: 2;
}
#cda .ai-panel-title { color: #111827 !important; }
#cda .ai-panel-subtitle { color: #6b7280 !important; }
#cda .ai-panel-icon {
  background: rgba(0,101,241,0.10) !important;
  color: #0065f1 !important;
}

/* ── Tabs: glass inactive / animated blue gradient active ── */
#cda .inner-tab {
  background: rgba(255,255,255,0.94) !important;
  border: 0.5px solid rgba(0,101,241,0.15) !important;
  color: #374151 !important;
  -webkit-text-fill-color: #374151 !important;
  transition: all .25s ease;
}
#cda .inner-tab:hover {
  background: rgba(0,101,241,0.06) !important;
  border-color: rgba(0,101,241,0.28) !important;
  transform: translateY(-1px);
}
#cda .inner-tab.active {
  background: linear-gradient(90deg,#0055d4,#0065f1,#2d7af8,#0065f1,#0055d4) !important;
  background-size: 200% 100% !important;
  animation: z100bCardGlow 4s linear infinite !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border-color: transparent !important;
  box-shadow: 0 4px 14px rgba(0,101,241,0.30) !important;
}

/* ── ALL buttons with gradient OR color:#000 → WHITE text ── */
#cda button[style*="linear-gradient"],
#cda button[style*="color:#000"],
#cda button[style*="color: #000"] {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* ── Gold/amber button gradients → ZOOM blue ── */
#cda button[style*="linear-gradient(135deg,var(--gold)"],
#cda button[style*="linear-gradient(135deg, var(--gold)"],
#cda button[style*="linear-gradient(145deg,#c9a84c"],
#cda button[style*="linear-gradient(145deg, #c9a84c"],
#cda button[style*="linear-gradient(135deg,var(--z-gold"],
#cda button[style*="linear-gradient(135deg, var(--z-gold"],
#cda button[style*="background:var(--gold)"],
#cda button[style*="background: var(--gold)"] {
  background: linear-gradient(135deg,#0055d4,#0065f1,#2d7af8) !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(0,101,241,0.30) !important;
}

/* ── Cyan button gradients → blue ── */
#cda button[style*="linear-gradient(135deg,#00BFFF"],
#cda button[style*="linear-gradient(135deg, #00BFFF"] {
  background: linear-gradient(135deg,#0055d4,#0065f1,#2d7af8) !important;
}

/* ── Green success buttons stay green but deepen ── */
#cda button[style*="linear-gradient(135deg,#22C55E"],
#cda button[style*="linear-gradient(135deg, #22C55E"],
#cda button[style*="linear-gradient(135deg,#10b981"],
#cda button[style*="linear-gradient(135deg, #10b981"] {
  background: linear-gradient(135deg,#059669,#10b981,#059669) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(5,150,105,0.28) !important;
}
#cda button[style*="linear-gradient(135deg,#22C55E"]:hover,
#cda button[style*="linear-gradient(135deg,#10b981"]:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(5,150,105,0.40) !important;
}

/* ── ZOOM blue button gradients already good — add glow + white text ── */
#cda button[style*="linear-gradient(135deg,#0065f1"],
#cda button[style*="linear-gradient(135deg, #0065f1"],
#cda button[style*="linear-gradient(145deg,#0065f1"],
#cda button[style*="linear-gradient(145deg, #0065f1"] {
  border: none !important;
  box-shadow: 0 4px 14px rgba(0,101,241,0.30) !important;
  transition: transform .2s, box-shadow .2s;
}
#cda button[style*="linear-gradient(135deg,#0065f1"]:hover,
#cda button[style*="linear-gradient(145deg,#0065f1"]:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(0,101,241,0.40) !important;
}

/* ── Red buttons keep red ── */
#cda button[style*="background:#1e2028"][style*="ff6b6b"],
#cda button[style*="#ff6b6b"] {
  color: #dc2626 !important;
  -webkit-text-fill-color: #dc2626 !important;
}

/* ── Stat cards inside admin panels (dark with colored numbers) → glass + hover lift ── */
#cda [style*="background:#080a0e"][style*="border-radius:12px"],
#cda [style*="background: #080a0e"][style*="border-radius:12px"] {
  background: rgba(255,255,255,0.96) !important;
  border-color: rgba(0,101,241,0.18) !important;
  color: #111827 !important;
  transition: all .25s ease;
  position: relative;
  overflow: hidden;
}
#cda [style*="background:#080a0e"][style*="border-radius:12px"]:hover,
#cda [style*="background: #080a0e"][style*="border-radius:12px"]:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(0,101,241,0.12) !important;
  border-color: rgba(0,101,241,0.35) !important;
}

/* ── Transparent/outlined cancel buttons ── */
#cda button[style*="background:transparent"] {
  color: #6b7280 !important;
  -webkit-text-fill-color: #6b7280 !important;
  border-color: rgba(0,101,241,0.20) !important;
}
#cda button[style*="background:transparent"]:hover {
  background: rgba(0,101,241,0.04) !important;
  color: #0065f1 !important;
  -webkit-text-fill-color: #0065f1 !important;
}

/* ── Modal scrim lighten ── */
#cda [style*="background:rgba(0,0,0,0.7)"] {
  background: rgba(10,25,47,0.45) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* ── Autocomplete suggestion dropdowns ── */
#cda #cda-agent-suggestions,
#cda #ar-sponsor-results {
  background: rgba(255,255,255,0.98) !important;
  border-color: rgba(0,101,241,0.22) !important;
  box-shadow: 0 10px 30px rgba(0,101,241,0.14) !important;
}

/* ── Broadcast recipient buttons ── */
#cda .bc-recipient-btn {
  background: rgba(0,101,241,0.08) !important;
  border-color: rgba(0,101,241,0.20) !important;
  color: #0065f1 !important;
  -webkit-text-fill-color: #0065f1 !important;
  font-weight: 700;
}
#cda .bc-recipient-btn:hover {
  background: rgba(0,101,241,0.15) !important;
  border-color: rgba(0,101,241,0.35) !important;
}

/* ── Admin-container blue-glass gradients: boost to white glass ── */
#cda [style*="linear-gradient(145deg,rgba(0,101,241,0.08)"],
#cda [style*="linear-gradient(145deg, rgba(0,101,241,0.08)"] {
  background: linear-gradient(145deg, rgba(255,255,255,0.96), rgba(0,101,241,0.04)) !important;
  border-color: rgba(0,101,241,0.15) !important;
  box-shadow: 0 10px 30px rgba(0,101,241,0.06) !important;
  position: relative;
  overflow: hidden;
}
#cda [style*="linear-gradient(145deg,rgba(0,101,241,0.08)"]::before,
#cda [style*="linear-gradient(145deg, rgba(0,101,241,0.08)"]::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: linear-gradient(90deg,#0055d4,#0065f1,#2d7af8,#0065f1,#0055d4);
  background-size: 200% 100%;
  animation: z100bCardGlow 5s linear infinite;
  z-index: 2;
}

/* ── Info banner (green-tinted): keep but refine text ── */
#cda div[style*="linear-gradient(135deg,rgba(34,197,94,0.07)"] strong {
  color: #059669 !important;
  -webkit-text-fill-color: #059669 !important;
}

/* ── Form grouping heading rules (green number badges) ── */
#cda .form-group input, #cda .form-group select, #cda .form-group textarea {
  font-family: inherit;
}

/* ── Upload zone: dashed green border glass ── */
#cda #cda-upload-zone {
  background: rgba(5,150,105,0.04) !important;
  border-color: rgba(5,150,105,0.32) !important;
}
#cda #cda-upload-zone:hover {
  background: rgba(5,150,105,0.08) !important;
  border-color: rgba(5,150,105,0.55) !important;
  box-shadow: 0 6px 20px rgba(5,150,105,0.14) !important;
}

/* ── Net commission display: glass emerald ── */
#cda #cda-net-display {
  background: linear-gradient(145deg, rgba(255,255,255,0.96), rgba(5,150,105,0.06)) !important;
  border: 0.5px solid rgba(5,150,105,0.28) !important;
  box-shadow: 0 10px 30px rgba(5,150,105,0.10) !important;
  position: relative;
  overflow: hidden;
}
#cda #cda-net-display::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: linear-gradient(90deg,#047857,#059669,#10b981,#059669,#047857);
  background-size: 200% 100%;
  animation: z100bCardGlow 4s linear infinite;
}
#cda #cda-net-amount { color: #059669 !important; -webkit-text-fill-color: #059669 !important; }

/* ── Full disbursement breakdown dark card → glass ── */
#cda #cda-full-breakdown {
  background: rgba(255,255,255,0.96) !important;
  border-color: rgba(0,101,241,0.18) !important;
}

/* ── EmailJS config dark → glass ── */
#cda #cda-emailjs-config {
  background: rgba(255,255,255,0.96) !important;
  border-color: rgba(0,101,241,0.18) !important;
  position: relative;
  overflow: hidden;
}
#cda #cda-emailjs-config::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: linear-gradient(90deg,#0055d4,#0065f1,#2d7af8,#0065f1,#0055d4);
  background-size: 200% 100%;
  animation: z100bCardGlow 5s linear infinite;
}

/* ── Links inside config & buttons ── */
#cda a[style*="color:var(--gold)"],
#cda a[style*="color: var(--gold)"] {
  color: #0065f1 !important;
  -webkit-text-fill-color: #0065f1 !important;
}

/* ── Headings ── */
#cda h1, #cda h2, #cda h3, #cda h4 { color: #111827 !important; }

/* ── Team color picker white ring override (keep colored swatches) ── */
#cda #ar-ct-color-picks > div { border-color: rgba(0,101,241,0.28) !important; }
#cda #ar-ct-color-picks > div[style*="border:2px solid #fff"] { border-color: #0065f1 !important; }

/* ── Close-X cursor text ── */
#cda [onclick*="modal"][style*="color:#555"] { color: #9ca3af !important; }
