/* ════════════════════════════════════════════════════════════════
   $100B LIGHT THEME — Market Intelligence (#marketintel)
   Section HTML is intact; this reskins the dark inline styles.
   ════════════════════════════════════════════════════════════════ */

#marketintel { background: #f0f2f7 !important; color: #111827 !important; padding: 28px 30px 60px !important; }
#marketintel, #marketintel * { color: #111827 !important; -webkit-text-fill-color: #111827 !important; }

/* Hero — dark green gradient → light blue glass */
#marketintel > div:first-child {
  background: linear-gradient(135deg, rgba(0,101,241,0.06), rgba(0,200,255,0.03), rgba(124,58,237,0.04)) !important;
  border: 0.5px solid rgba(0,101,241,0.15) !important;
  border-radius: 22px !important;
  box-shadow: 0 1px 3px rgba(0,101,241,0.06), 0 10px 40px rgba(0,101,241,0.08) !important;
}
#marketintel > div:first-child [style*="rgba(0,200,100"] {
  background: rgba(0,101,241,0.06) !important;
  border-color: rgba(0,101,241,0.20) !important;
}

/* Title span (was green) → blue */
#marketintel [style*="color:#00C864"], #marketintel [style*="color: #00C864"],
#marketintel [style*="color:#00c864"], #marketintel [style*="color: #00c864"] {
  color: #0065f1 !important;
  -webkit-text-fill-color: #0065f1 !important;
}
#marketintel [style*="color:rgba(0,200,100"] {
  color: #0065f1 !important;
  -webkit-text-fill-color: #0065f1 !important;
}

/* Dark panel containers → glass white */
#marketintel [style*="background:#0d0f14"], #marketintel [style*="background: #0d0f14"],
#marketintel [style*="background:#080a0e"], #marketintel [style*="background: #080a0e"],
#marketintel [style*="background:#040e08"], #marketintel [style*="background: #040e08"],
#marketintel [style*="background:#061410"], #marketintel [style*="background: #061410"],
#marketintel [style*="background:rgba(17,22,39"],
#marketintel [style*="background:rgba(0,0,0"] {
  background: rgba(255,255,255,0.92) !important;
  border: 0.5px solid rgba(0,101,241,0.10) !important;
  border-radius: 16px !important;
  box-shadow: 0 1px 3px rgba(0,101,241,0.05), 0 6px 24px rgba(0,101,241,0.06) !important;
}

/* Hero-only: revert glass bg to the light gradient (since it was matched above) */
#marketintel > div:first-child[style*="background:linear-gradient(135deg,#040e08"],
#marketintel > div:first-child[style*="background: linear-gradient(135deg,#040e08"] {
  background: linear-gradient(135deg, rgba(0,101,241,0.06), rgba(0,200,255,0.03), rgba(124,58,237,0.04)) !important;
}

/* Inputs / selects / textareas — white glass, blue border */
#marketintel input, #marketintel select, #marketintel textarea {
  background: #fff !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  border: 0.5px solid rgba(0,101,241,0.15) !important;
  border-radius: 12px !important;
  padding: 10px 14px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.88rem !important;
}
#marketintel input:focus, #marketintel select:focus, #marketintel textarea:focus {
  border-color: #0065f1 !important;
  box-shadow: 0 0 0 3px rgba(0,101,241,0.10) !important;
  outline: none !important;
}
#marketintel input::placeholder, #marketintel textarea::placeholder { color: #9ca3af !important; }
#marketintel select option { background: #fff !important; color: #111827 !important; }
#marketintel label {
  color: #374151 !important;
  -webkit-text-fill-color: #374151 !important;
  font-size: 0.7rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  margin-bottom: 6px !important;
  display: block !important;
}

/* Primary green buttons (Analyze / Generate / Pull Data) → blue gradient */
#marketintel button[style*="background:linear-gradient(135deg,#00C864"],
#marketintel button[style*="background: linear-gradient(135deg,#00C864"],
#marketintel button[style*="background:linear-gradient(135deg, #00C864"],
#marketintel button[style*="background:#00C864"],
#marketintel button[style*="background: #00C864"] {
  background: linear-gradient(135deg, #0055d4, #0065f1, #2d7af8) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border: none !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 16px rgba(0,101,241,0.30) !important;
  font-weight: 700 !important;
  transition: transform 0.15s, box-shadow 0.15s !important;
}
#marketintel button[style*="background:linear-gradient(135deg,#00C864"]:hover,
#marketintel button[style*="background:#00C864"]:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(0,101,241,0.40) !important;
}

/* Secondary outline green button → glass blue */
#marketintel button[style*="border:1px solid rgba(0,200,100"],
#marketintel button[style*="color:#00C864"] {
  background: rgba(0,101,241,0.06) !important;
  color: #0065f1 !important;
  -webkit-text-fill-color: #0065f1 !important;
  border: 0.5px solid rgba(0,101,241,0.18) !important;
  border-radius: 12px !important;
  font-weight: 600 !important;
}

/* Inner tabs — glass inactive, blue gradient active */
#marketintel .inner-tabs { background: rgba(255,255,255,0.60) !important; border: 0.5px solid rgba(0,101,241,0.08) !important; border-radius: 14px !important; padding: 6px !important; gap: 4px !important; }
#marketintel .inner-tab {
  background: transparent !important;
  color: #6b7280 !important;
  -webkit-text-fill-color: #6b7280 !important;
  border: none !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
  padding: 8px 14px !important;
  font-size: 0.78rem !important;
}
#marketintel .inner-tab:hover { color: #0065f1 !important; -webkit-text-fill-color: #0065f1 !important; background: rgba(0,101,241,0.04) !important; }
#marketintel .inner-tab.active {
  background: linear-gradient(135deg, #0065f1, #2d7af8) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: 0 4px 14px rgba(0,101,241,0.25) !important;
}

/* Muted text → gray */
#marketintel [style*="color:#aaa"], #marketintel [style*="color: #aaa"],
#marketintel [style*="color:#555"], #marketintel [style*="color: #555"],
#marketintel [style*="color:#8A96B8"], #marketintel [style*="color: #8A96B8"],
#marketintel [style*="color:#546080"], #marketintel [style*="color: #546080"],
#marketintel [style*="color:#E8EDFB"], #marketintel [style*="color: #E8EDFB"] {
  color: #6b7280 !important;
  -webkit-text-fill-color: #6b7280 !important;
}

/* White/bright text → dark */
#marketintel [style*="color:#fff"], #marketintel [style*="color: #fff"],
#marketintel [style*="color:#eee"], #marketintel [style*="color: #eee"] {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

/* ai-panel (Property / some other tabs) → glass */
#marketintel .ai-panel,
#marketintel .ai-panel-header,
#marketintel .ai-panel-body {
  background: rgba(255,255,255,0.92) !important;
  border: 0.5px solid rgba(0,101,241,0.10) !important;
  border-radius: 16px !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

/* Output / result containers */
#marketintel #mi-output,
#marketintel #dg-report-output,
#marketintel [id$="-output"],
#marketintel [id$="-result"] {
  background: rgba(255,255,255,0.92) !important;
  border: 0.5px solid rgba(0,101,241,0.10) !important;
  border-radius: 18px !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  box-shadow: 0 1px 3px rgba(0,101,241,0.05), 0 6px 24px rgba(0,101,241,0.06) !important;
}
#marketintel #mi-output *, #marketintel #dg-report-output * {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

/* Mobile — stack 2-column grid */
@media (max-width: 900px) {
  #marketintel [style*="grid-template-columns:300px 1fr"],
  #marketintel [style*="grid-template-columns:320px 1fr"],
  #marketintel [style*="grid-template-columns: 300px 1fr"],
  #marketintel [style*="grid-template-columns: 320px 1fr"] {
    grid-template-columns: 1fr !important;
  }
  #marketintel [style*="position:sticky"] { position: static !important; }
}

/* Gold/amber remnants anywhere in this section → blue */
#marketintel [style*="color:var(--gold)"], #marketintel [style*="color: var(--gold)"],
#marketintel [style*="color:#c9a84c"], #marketintel [style*="color: #c9a84c"] {
  color: #0065f1 !important;
  -webkit-text-fill-color: #0065f1 !important;
}