/* ═══ $100B PREMIUM — Content Command Center (scoped to #contentcc) ═══
   No existing light-theme coverage. Full conversion from purple/violet +
   red/yellow mixed palette to unified ZOOM blue. Uses globally-defined
   @keyframes z100bCardGlow. */

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

/* ── Hero: dark purple gradient → premium white glass + animated blue glow ── */
#contentcc > div[style*="linear-gradient(135deg,#0e0520"],
#contentcc > div[style*="linear-gradient(135deg, #0e0520"] {
  background: linear-gradient(145deg, rgba(255,255,255,0.94), 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) !important;
  -webkit-backdrop-filter: blur(16px) !important;
}
#contentcc > div[style*="linear-gradient(135deg,#0e0520"]::before,
#contentcc > div[style*="linear-gradient(135deg, #0e0520"]::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, #0055d4, #0065f1, #2d7af8, #0065f1, #0055d4) !important;
  background-size: 200% 100% !important;
  animation: z100bCardGlow 4s ease-in-out infinite !important;
  z-index: 2 !important;
}
/* Purple radial halos → ZOOM blue */
#contentcc [style*="radial-gradient(circle,rgba(138,43,226"],
#contentcc [style*="radial-gradient(circle, rgba(138,43,226"] {
  background: radial-gradient(circle, rgba(0,101,241,0.08) 0%, transparent 70%) !important;
}

/* ── Purple text (#8A2BE2 / #B464FF / #6B21A8) → ZOOM blue ── */
#contentcc [style*="color:#8A2BE2"], #contentcc [style*="color: #8A2BE2"],
#contentcc [style*="color:#B464FF"], #contentcc [style*="color: #B464FF"],
#contentcc [style*="color:#6B21A8"], #contentcc [style*="color: #6B21A8"] {
  color: #0065f1 !important;
  -webkit-text-fill-color: #0065f1 !important;
}
/* Purple tints → ZOOM blue tints */
#contentcc [style*="background:rgba(138,43,226"],
#contentcc [style*="background: rgba(138,43,226"],
#contentcc [style*="background:rgba(180,100,255"],
#contentcc [style*="background: rgba(180,100,255"] {
  background: rgba(0,101,241,0.08) !important;
}
#contentcc [style*="border:1px solid rgba(138,43,226"],
#contentcc [style*="border: 1px solid rgba(138,43,226"],
#contentcc [style*="border:1px solid rgba(180,100,255"],
#contentcc [style*="border: 1px solid rgba(180,100,255"] {
  border-color: rgba(0,101,241,0.30) !important;
}
/* Purple gradient buttons → ZOOM blue */
#contentcc button[style*="linear-gradient(135deg,#8A2BE2"],
#contentcc button[style*="linear-gradient(135deg, #8A2BE2"] {
  background: linear-gradient(135deg, #0055d4, #0065f1) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(0,101,241,0.28) !important;
}
#contentcc button[style*="linear-gradient(135deg,#8A2BE2"] *,
#contentcc button[style*="linear-gradient(135deg, #8A2BE2"] * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* ── YouTube RED (#FF4444 / rgba(255,68,68,…)) → ZOOM blue (NO red) ── */
#contentcc button[style*="linear-gradient(135deg,#FF4444"],
#contentcc button[style*="linear-gradient(135deg, #FF4444"] {
  background: linear-gradient(135deg, #0055d4, #0065f1) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(0,101,241,0.28) !important;
}
#contentcc button[style*="linear-gradient(135deg,#FF4444"] *,
#contentcc button[style*="linear-gradient(135deg, #FF4444"] * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
#contentcc [style*="background:rgba(255,68,68"],
#contentcc [style*="background: rgba(255,68,68"] {
  background: rgba(0,101,241,0.08) !important;
}
#contentcc [style*="border:1px solid rgba(255,68,68"],
#contentcc [style*="border: 1px solid rgba(255,68,68"] {
  border-color: rgba(0,101,241,0.28) !important;
}

/* ── Quick Content YELLOW (#FFB400 / rgba(255,180,0,…)) → ZOOM blue (NO yellow) ── */
#contentcc button[style*="linear-gradient(135deg,#FFB400"],
#contentcc button[style*="linear-gradient(135deg, #FFB400"] {
  background: linear-gradient(135deg, #0055d4, #0065f1) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(0,101,241,0.28) !important;
}
#contentcc button[style*="linear-gradient(135deg,#FFB400"] *,
#contentcc button[style*="linear-gradient(135deg, #FFB400"] * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
#contentcc [style*="background:rgba(255,180,0"],
#contentcc [style*="background: rgba(255,180,0"] {
  background: rgba(0,101,241,0.08) !important;
}
#contentcc [style*="border:1px solid rgba(255,180,0"],
#contentcc [style*="border: 1px solid rgba(255,180,0"] {
  border-color: rgba(0,101,241,0.28) !important;
}

/* ── Just Closed GREEN — keep success signal, but fix black text to white ── */
#contentcc button[style*="linear-gradient(135deg,#50C878"],
#contentcc button[style*="linear-gradient(135deg, #50C878"] {
  background: linear-gradient(135deg, #059669, #10b981) !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;
}
#contentcc button[style*="linear-gradient(135deg,#50C878"] *,
#contentcc button[style*="linear-gradient(135deg, #50C878"] * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
#contentcc [style*="color:#50C878"], #contentcc [style*="color: #50C878"] {
  color: #059669 !important;
  -webkit-text-fill-color: #059669 !important;
}

/* Market Intel green accent — keep green-info but soften */
#contentcc [style*="color:#00C864"], #contentcc [style*="color: #00C864"] {
  color: #059669 !important;
  -webkit-text-fill-color: #059669 !important;
}
#contentcc [style*="border:1px solid rgba(0,200,100"],
#contentcc [style*="border: 1px solid rgba(0,200,100"] {
  border-color: rgba(5,150,105,0.28) !important;
}

/* ── Dark solid backgrounds (#0d0f14 / #080a0e) → white glass ── */
#contentcc div[style*="background:#0d0f14"],
#contentcc div[style*="background: #0d0f14"],
#contentcc div[style*="background:#080a0e"],
#contentcc div[style*="background: #080a0e"] {
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(0,101,241,0.035)) !important;
  border-color: rgba(0,101,241,0.14) !important;
  color: #111827 !important;
}
/* Section cards with border-radius:18px get premium animated top glow */
#contentcc div[style*="background:#0d0f14"][style*="border-radius:18px"],
#contentcc div[style*="background: #0d0f14"][style*="border-radius:18px"] {
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 1px 3px rgba(0,101,241,0.05), 0 10px 28px rgba(0,101,241,0.07) !important;
}
#contentcc div[style*="background:#0d0f14"][style*="border-radius:18px"]::before,
#contentcc div[style*="background: #0d0f14"][style*="border-radius:18px"]::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, #0055d4, #0065f1, #2d7af8, #0065f1, #0055d4) !important;
  background-size: 200% 100% !important;
  animation: z100bCardGlow 4s ease-in-out infinite !important;
  z-index: 1 !important;
}

/* Dark button backgrounds (Deep Dive Tools pillar buttons) → soft blue glass */
#contentcc button[style*="background:#080a0e"],
#contentcc button[style*="background: #080a0e"],
#contentcc button[style*="background:#0d0f14"],
#contentcc button[style*="background: #0d0f14"] {
  background: rgba(0,101,241,0.05) !important;
  color: #0065f1 !important;
  -webkit-text-fill-color: #0065f1 !important;
  border: 0.5px solid rgba(0,101,241,0.22) !important;
  transition: all 0.15s ease !important;
}
#contentcc button[style*="background:#080a0e"]:hover,
#contentcc button[style*="background: #080a0e"]:hover,
#contentcc button[style*="background:#0d0f14"]:hover {
  background: rgba(0,101,241,0.10) !important;
  border-color: rgba(0,101,241,0.35) !important;
}

/* Dark input/select/textarea backgrounds */
#contentcc input[style*="background:#080a0e"],
#contentcc select[style*="background:#080a0e"],
#contentcc textarea[style*="background:#080a0e"] {
  background: rgba(255,255,255,0.96) !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  border-color: rgba(0,101,241,0.18) !important;
}

/* Dark hairline borders */
#contentcc [style*="border:1px solid #1e2028"],
#contentcc [style*="border: 1px solid #1e2028"],
#contentcc [style*="border:1px solid #2a2d38"],
#contentcc [style*="border: 1px solid #2a2d38"] {
  border-color: rgba(0,101,241,0.18) !important;
}

/* Muted text tokens → #6b7280 */
#contentcc [style*="color:#aaa"], #contentcc [style*="color: #aaa"],
#contentcc [style*="color:#888"], #contentcc [style*="color: #888"],
#contentcc [style*="color:#999"], #contentcc [style*="color: #999"],
#contentcc [style*="color:#ccc"], #contentcc [style*="color: #ccc"],
#contentcc [style*="color:#eee"], #contentcc [style*="color: #eee"],
#contentcc [style*="color:#666"], #contentcc [style*="color: #666"],
#contentcc [style*="color:#555"], #contentcc [style*="color: #555"] {
  color: #6b7280 !important;
  -webkit-text-fill-color: #6b7280 !important;
}

/* ── Tabs (.inner-tab) — premium active/inactive ── */
#contentcc .inner-tab {
  background: rgba(255,255,255,0.72) !important;
  color: #6b7280 !important;
  -webkit-text-fill-color: #6b7280 !important;
  border: 0.5px solid rgba(0,101,241,0.10) !important;
  border-radius: 10px !important;
  transition: all 0.2s ease !important;
}
#contentcc .inner-tab:hover {
  background: rgba(0,101,241,0.06) !important;
  color: #0065f1 !important;
  -webkit-text-fill-color: #0065f1 !important;
  border-color: rgba(0,101,241,0.22) !important;
}
#contentcc .inner-tab.active {
  background: linear-gradient(135deg, #0055d4, #0065f1, #2d7af8) !important;
  background-size: 200% 100% !important;
  animation: z100bCardGlow 6s ease-in-out infinite !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border: none !important;
  box-shadow: 0 4px 16px rgba(0,101,241,0.30) !important;
}
#contentcc .inner-tab.active * { color: #fff !important; -webkit-text-fill-color: #fff !important; }

/* ── Form labels + inputs/selects/textareas ── */
#contentcc .form-group label, #contentcc label {
  color: #0065f1 !important;
  -webkit-text-fill-color: #0065f1 !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}
#contentcc input, #contentcc select, #contentcc textarea {
  background: rgba(255,255,255,0.96) !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  border: 0.5px solid rgba(0,101,241,0.18) !important;
}
#contentcc input:focus, #contentcc select:focus, #contentcc textarea:focus {
  outline: none !important;
  border-color: #0065f1 !important;
  box-shadow: 0 0 0 3px rgba(0,101,241,0.10) !important;
}
#contentcc input[type="checkbox"] { accent-color: #0065f1 !important; }

/* ── .btn-gold / .btn-outline — unified blue ── */
#contentcc .btn-gold {
  background: linear-gradient(135deg, #0055d4, #0065f1) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(0,101,241,0.28) !important;
}
#contentcc .btn-gold * { color: #fff !important; -webkit-text-fill-color: #fff !important; }
#contentcc .btn-outline {
  background: rgba(0,101,241,0.05) !important;
  color: #0065f1 !important;
  -webkit-text-fill-color: #0065f1 !important;
  border: 0.5px solid rgba(0,101,241,0.22) !important;
}
#contentcc .btn-outline * { color: inherit !important; -webkit-text-fill-color: inherit !important; }

/* ── Repurpose mode buttons: active state (has rgba(138,43,226,0.15)) ── */
#contentcc button[onclick^="cccRepurposeMode"][style*="rgba(138,43,226,0.15)"] {
  background: linear-gradient(135deg, #0055d4, #0065f1) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border: none !important;
  box-shadow: 0 4px 16px rgba(0,101,241,0.30) !important;
}

/* ── Hero 2 stat chips — premium treatment ── */
#contentcc div[style*="rgba(138,43,226,0.08)"][style*="text-align:center"][style*="border-radius:12px"] {
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(0,101,241,0.035)) !important;
  border: 0.5px solid rgba(0,101,241,0.14) !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 1px 3px rgba(0,101,241,0.05), 0 6px 16px rgba(0,101,241,0.05) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}
#contentcc div[style*="rgba(138,43,226,0.08)"][style*="text-align:center"][style*="border-radius:12px"]::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg, #0055d4, #0065f1, #2d7af8, #0065f1, #0055d4) !important;
  background-size: 200% 100% !important;
  animation: z100bCardGlow 4s ease-in-out infinite !important;
  z-index: 1 !important;
}
#contentcc div[style*="rgba(138,43,226,0.08)"][style*="text-align:center"][style*="border-radius:12px"]:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(0,101,241,0.10), 0 12px 32px rgba(0,101,241,0.08) !important;
}

/* Hero H1 title — default inherits white, force dark */
#contentcc > div[style*="linear-gradient(135deg,#0e0520"] > div[style*="font-family:var(--font-display"] {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}