/**
 * /stock-ideas/[slug] detail pages — aligned with /stock-ideas listing theme.
 */

.stock-idea-detail-page {
  background: #030504 !important;
  color: #f5f7f4 !important;
}

.stock-idea-detail-card {
  background: #070b0a !important;
  color: #f5f7f4 !important;
  border: 1px solid rgba(163, 255, 18, 0.06);
}

.stock-idea-chart-panel {
  background: #0b1110 !important;
  border: 1px solid rgba(163, 255, 18, 0.06);
}

.stock-idea-detail-page > header {
  background: #030504 !important;
  color: #f5f7f4 !important;
}

.stock-idea-detail-chip {
  background: #0b1110 !important;
  color: #9ca3af !important;
  border: 1px solid rgba(163, 255, 18, 0.08);
}

.stock-idea-detail-chip:hover:not(.stock-idea-detail-chip-active) {
  background: rgba(163, 255, 18, 0.08) !important;
}

.stock-idea-detail-chip-active {
  background: #a3ff12 !important;
  color: #0a0e07 !important;
  border-color: transparent !important;
}

.stock-idea-detail-select {
  background: #0b1110 !important;
  color: #f5f7f4 !important;
  border: 1px solid rgba(163, 255, 18, 0.08) !important;
}

.stock-idea-detail-select:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px rgba(163, 255, 18, 0.35);
}

html.light .stock-idea-detail-page {
  background: #f5f7f4 !important;
  color: #0f172a !important;
}

html.light .stock-idea-detail-card {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid rgba(15, 23, 42, 0.1) !important;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}

html.light .stock-idea-chart-panel {
  background: #f8faf7 !important;
  border: 1px solid rgba(15, 23, 42, 0.1) !important;
}

html.light .stock-idea-detail-page > header {
  background: #f5f7f4 !important;
  color: #0f172a !important;
}

html.light .stock-idea-detail-chip {
  background: #f8faf7 !important;
  color: #475569 !important;
  border: 1px solid rgba(15, 23, 42, 0.1) !important;
}

html.light .stock-idea-detail-chip:hover:not(.stock-idea-detail-chip-active) {
  background: #f1f5f0 !important;
}

html.light .stock-idea-detail-chip-active {
  background: #059669 !important;
  color: #ffffff !important;
  border-color: transparent !important;
}

html.light .stock-idea-detail-select {
  background: #f8faf7 !important;
  color: #0f172a !important;
  border: 1px solid rgba(15, 23, 42, 0.1) !important;
}

html.light .stock-idea-detail-select:focus-visible {
  box-shadow: 0 0 0 2px rgba(15, 23, 42, 0.2);
}

/* Secondary actions + inset info blocks (replaces zs-dark-soft islands) */
.stock-idea-detail-surface-btn {
  background: #0b1110 !important;
  color: #f5f7f4 !important;
  border: 1px solid rgba(163, 255, 18, 0.08) !important;
}

.stock-idea-detail-surface-btn:hover {
  background: rgba(163, 255, 18, 0.1) !important;
}

html.light .stock-idea-detail-surface-btn {
  background: #f8faf7 !important;
  color: #0f172a !important;
  border: 1px solid rgba(15, 23, 42, 0.1) !important;
}

html.light .stock-idea-detail-surface-btn:hover {
  background: #f1f5f0 !important;
}

.stock-idea-detail-inset {
  background: #0b1110 !important;
  border: 1px solid rgba(163, 255, 18, 0.06) !important;
}

html.light .stock-idea-detail-inset {
  background: #f8faf7 !important;
  border: 1px solid rgba(15, 23, 42, 0.1) !important;
}

/* تركيز القطاع — bar track + fill (unified; no green in this section) */
.stock-idea-sector-bar-track {
  background: rgba(255, 255, 255, 0.08) !important;
}

html.light .stock-idea-sector-bar-track {
  background: rgba(15, 23, 42, 0.08) !important;
}

.stock-idea-sector-bar-fill {
  background: linear-gradient(90deg, #a855f7 0%, #6366f1 100%) !important;
}