/* Accueil : décor original de marché mondial, conçu pour conserver une lecture nette du texte. */
.dashboard-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 318px;
  padding: 28px 32px 16px;
  border: 1px solid rgba(125, 157, 231, .2);
  border-radius: 18px;
  background:
    linear-gradient(90deg, rgba(5, 11, 28, .97) 0%, rgba(6, 13, 31, .9) 39%, rgba(7, 14, 33, .42) 70%, rgba(5, 11, 27, .2) 100%),
    url("./assets/dashboard-market-hero.png") 58% center / cover no-repeat,
    #071121;
  box-shadow: inset 0 1px 0 rgba(203, 222, 255, .09), 0 24px 65px rgba(0, 0, 0, .28);
}

.dashboard-hero::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: auto -10% -60% 25%;
  height: 85%;
  background: radial-gradient(ellipse, rgba(82, 101, 255, .22), transparent 67%);
  filter: blur(18px);
  pointer-events: none;
}

.dashboard-hero > * { position: relative; z-index: 1; }
.dashboard-hero .hero-copy { max-width: 540px; }
.dashboard-hero .hero-text { color: #c0cce8; text-shadow: 0 2px 18px rgba(2, 6, 18, .88); }
.dashboard-hero .hero-visual { filter: drop-shadow(0 18px 25px rgba(2, 5, 17, .42)); }
.dashboard-hero .float-card { background: rgba(8, 15, 33, .82); border-color: rgba(188, 210, 255, .22); }

/* Hors crise, le flux d'actualités reste volontairement neutre : le rouge est réservé aux alertes. */
.news-ticker .ticker-live { background: rgba(111, 128, 255, .13); color: #c5ceff; border-right-color: rgba(171, 187, 255, .2); }
.news-ticker .ticker-live i { background: #9aa8ff; box-shadow: 0 0 9px #9aa8ff; }

@media (max-width: 760px) {
  .dashboard-hero {
    min-height: 348px;
    padding: 31px 22px 24px;
    background:
      linear-gradient(90deg, rgba(5, 11, 28, .96) 0%, rgba(6, 13, 31, .88) 57%, rgba(7, 14, 33, .3) 100%),
      url("./assets/dashboard-market-hero.png") 63% center / cover no-repeat,
      #071121;
  }
  .dashboard-hero .hero-copy { max-width: min(100%, 420px); }
  .dashboard-hero .hero-actions { gap: 14px; flex-wrap: wrap; }
}
