/* Overrides layered after the shared marketpulse-theme stylesheet.
   Extracted from dashboard.html's inline <style> blocks (Epic P / P3): a strict
   style-src cannot keep 'unsafe-inline' while inline <style> elements exist.
   Load ORDER is the contract — see the <link> sequence in dashboard.html. */
  /* THEME ALIGNMENT — remap the Advisor (.mp) tokens onto the master theme tokens
     so the Advisor follows the active [data-theme] (mono/dark/light/bloomberg/neon)
     and the chosen font, instead of being a fixed dark surface. Scoped to .mp, loaded
     AFTER marketpulse-theme.css so these win for the Advisor subtree only. */
  .mp {
    --mp-bg: var(--bg); --mp-surface: var(--panel); --mp-card: var(--panel);
    --mp-card-2: var(--bg); --mp-inset: var(--bg);
    --mp-border: var(--line); --mp-border-2: var(--line); --mp-border-focus: var(--accent);
    --mp-primary: var(--accent); --mp-primary-700: var(--accent);
    --mp-success: var(--pos); --mp-maven: var(--accent); --mp-warn: var(--warn); --mp-danger: var(--neg);
    --mp-text: var(--fg); --mp-text-2: var(--fg); --mp-text-muted: var(--dim);
    --mp-text-dim: var(--dim); --mp-text-faint: var(--dim2);
    --mp-grad-logo: linear-gradient(150deg, var(--pos), var(--accent));
    --mp-grad-primary: var(--accent);
    --mp-grad-maven: linear-gradient(135deg, var(--accent), var(--hi));
    --mp-grad-feature: linear-gradient(160deg, var(--panel), var(--bg));
    --mp-glow-primary: 0 3px 12px rgba(0,0,0,.4); --mp-glow-success: 0 0 6px var(--pos);
    --mp-font-head: var(--font); --mp-font-body: var(--font); --mp-font-mono: var(--font);
  }
  /* Accent-tinted feature glow + readable primary-button text across themes. */
  .mp .mp-card--feature::before { background: radial-gradient(circle, color-mix(in srgb, var(--accent) 30%, transparent), transparent 70%); }
  .mp .mp-btn--primary { color: var(--bg); }       /* contrast on the accent fill in light/amber themes */
  html[data-theme="dark"] .mp .mp-btn--primary, html[data-theme="neon"] .mp .mp-btn--primary,
  html[data-theme="mono"] .mp .mp-btn--primary { color: #fff; }
  /* Badge/status/well backgrounds derive from tokens (theme CSS hardcodes their rgba). */
  .mp .mp-badge--maven { background: color-mix(in srgb, var(--mp-maven) 14%, transparent); border-color: color-mix(in srgb, var(--mp-maven) 32%, transparent); }
  .mp .mp-badge--peer, .mp .mp-badge--live { background: color-mix(in srgb, var(--mp-success) 14%, transparent); }
  .mp .mp-badge--new { color: var(--mp-bg); }
  .mp .mp-status { background: color-mix(in srgb, var(--mp-success) 9%, transparent); border-color: color-mix(in srgb, var(--mp-success) 22%, transparent); }
  .mp .mp-nav.is-active, .mp .mp-switch button.is-active { background: color-mix(in srgb, var(--mp-primary) 16%, transparent); }
  /* selected community card — accent-tinted card, theme-aware (was a fixed dark gradient) */
  .mp .mp-card--selected { background: color-mix(in srgb, var(--mp-primary) 12%, var(--mp-card)); border-color: var(--mp-primary); }
  .mp #advisor-root .verified { background: color-mix(in srgb, var(--mp-success) 13%, transparent); border-color: color-mix(in srgb, var(--mp-success) 30%, transparent); }