/* =========================================================
   TRADING ARCHIVE — AMBIENT ENGINE V3
   Visual layer only.
   Geometry / spacing / hero heights belong to design-system.css.
   ========================================================= */

:root {
    --ta-hero-bg-left: #10151c;
    --ta-hero-bg-mid-a: #11161d;
    --ta-hero-bg-mid-b: #11151b;
    --ta-hero-bg-right: #111315;
    --ta-hero-gold: #d4a84f;
    --ta-hero-title: #ffffff;
    --ta-hero-copy: #85898f;
    --ta-hero-greeting: #c7c9cc;
}

/* MASTER AMBIENT SURFACE */
html body.ta-app-v2 .ta-ambient-hero,
html body.ta-app-v2 .wow-main-banner.ta-ambient-home,
html body.ta-app-v2 .ta-profile-hero.ta-ambient-profile {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
    box-sizing: border-box !important;
    background:
        linear-gradient(
            90deg,
            var(--ta-hero-bg-left) 0%,
            var(--ta-hero-bg-mid-a) 34%,
            var(--ta-hero-bg-mid-b) 62%,
            var(--ta-hero-bg-right) 100%
        ) !important;
}

/* MASTER IMAGE LAYER */
html body.ta-app-v2 .ta-ambient-hero::before,
html body.ta-app-v2 .wow-main-banner.ta-ambient-home::before,
html body.ta-app-v2 .ta-profile-hero.ta-ambient-profile::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    pointer-events: none !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;
    background-size: cover !important;
    opacity: 1 !important;
}

html body.ta-app-v2 .ta-ambient-hero > *,
html body.ta-app-v2 .wow-main-banner.ta-ambient-home > *,
html body.ta-app-v2 .ta-profile-hero.ta-ambient-profile > * {
    position: relative !important;
    z-index: 2 !important;
}

/* CURRENT HERO REGISTRY */
html body.ta-app-v2 .ta-ambient-dashboard::before {
    background-image: url("../assets/ambient/hero-dashboard.png") !important;
}
html body.ta-app-v2 .ta-ambient-projects::before {
    background-image: url("../assets/ambient/hero-projects.png") !important;
}
html body.ta-app-v2 .ta-ambient-statistics::before {
    background-image: url("../assets/ambient/hero-statistics.png") !important;
}
html body.ta-app-v2 .ta-ambient-review::before {
    background-image: url("../assets/ambient/hero-review.png") !important;
}
html body.ta-app-v2 .ta-ambient-forextester::before {
    background-image: url("../assets/ambient/hero-forex-tester.png") !important;
}
html body.ta-app-v2 .ta-ambient-home::before {
    background-image: url("../assets/ambient/hero-home.png") !important;
}
html body.ta-app-v2 .ta-ambient-profile::before {
    background-image: url("../assets/ambient/hero-profile.png") !important;
}

/* FOREX TESTER / RESEARCH WORKSPACE SLOTS */
html body.ta-app-v2 .ta-ambient-backtest::before {
    background-image: url("../assets/ambient/hero-backtest.png") !important;
}
html body.ta-app-v2 .ta-ambient-add-trade::before {
    background-image: url("../assets/ambient/hero-add-trade.png") !important;
}
html body.ta-app-v2 .ta-ambient-add-backtest::before {
    background-image: url("../assets/ambient/hero-add-backtest.png") !important;
}
html body.ta-app-v2 .ta-ambient-equity-candles::before {
    background-image: url("../assets/ambient/hero-equity-candles.png") !important;
}
html body.ta-app-v2 .ta-ambient-trade-explorer::before {
    background-image: url("../assets/ambient/hero-trade-explorer.png") !important;
}

/* APP MODULE SLOTS */
html body.ta-app-v2 .ta-ambient-calendar::before {
    background-image: url("../assets/ambient/hero-calendar.png") !important;
}
html body.ta-app-v2 .ta-ambient-reports::before {
    background-image: url("../assets/ambient/hero-reports.png") !important;
}
html body.ta-app-v2 .ta-ambient-settings::before {
    background-image: url("../assets/ambient/hero-settings.png") !important;
}
html body.ta-app-v2 .ta-ambient-account::before {
    background-image: url("../assets/ambient/hero-account.png") !important;
}

/* RESERVED FUTURE SLOTS */
html body.ta-app-v2 .ta-ambient-playbook::before {
    background-image: url("../assets/ambient/hero-playbook.png") !important;
}
html body.ta-app-v2 .ta-ambient-watchlist::before {
    background-image: url("../assets/ambient/hero-watchlist.png") !important;
}
html body.ta-app-v2 .ta-ambient-screener::before {
    background-image: url("../assets/ambient/hero-screener.png") !important;
}
html body.ta-app-v2 .ta-ambient-notes::before {
    background-image: url("../assets/ambient/hero-notes.png") !important;
}
html body.ta-app-v2 .ta-ambient-ai::before {
    background-image: url("../assets/ambient/hero-ai.png") !important;
}
html body.ta-app-v2 .ta-ambient-broker::before {
    background-image: url("../assets/ambient/hero-broker.png") !important;
}
html body.ta-app-v2 .ta-ambient-news::before {
    background-image: url("../assets/ambient/hero-news.png") !important;
}

/* CURRENT CONTENT ALIGNMENT — geometry stays in design-system.css */
html body.ta-app-v2 .ta-d3-hero.ta-ambient-dashboard .ta-d3-hero-inner,
html body.ta-app-v2 .ta-projects-banner.ta-ambient-projects .ta-projects-banner-content {
    position: relative !important;
    z-index: 2 !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
}
html body.ta-app-v2 .ta-projects-banner.ta-ambient-projects .ta-projects-hero-row {
    width: 100% !important;
    align-items: center !important;
}
html body.ta-app-v2 .ta-ft3-head.ta-ambient-forextester,
html body.ta-app-v2 .ta-profile-hero.ta-ambient-profile {
    z-index: 1 !important;
    align-items: center !important;
}

/* Typography intentionally lives only in typography-master.css. */

/* USAGE CONTRACT
   New internal page:
   <section class="ta-ambient-hero ta-ambient-module ta-hero-internal">

   Optional PNG:
   /assets/ambient/hero-module.png

   No new layout rules required.
*/