/* LF-SITE-001B — Market Intelligence system repair
   Shared hero + aligned chrome for Global Radar, Market Weather, My Dashboard,
   AI Market Explainer and Strategy Lab. Loaded last on those five routes only. */
:root{
  --mi-hero-h:164px;
  --mi-shell:1720px;
  --mi-gutter:clamp(18px,2.6vw,44px);
}

/* One hero geometry for all five Market Intelligence tools. */
.mi-universal-hero{
  position:relative;
  min-height:var(--mi-hero-h);
  overflow:hidden;
  border-bottom:1px solid rgba(211,181,112,.24);
  background:#07231f;
  color:#f8f1e4;
  isolation:isolate;
}
.mi-universal-hero::before{
  content:"";position:absolute;inset:0;z-index:-2;
  background:
    linear-gradient(90deg,rgba(3,31,27,.98) 0%,rgba(3,31,27,.91) 42%,rgba(3,31,27,.58) 68%,rgba(3,31,27,.28) 100%),
    url("../assets/photos/global-markets-hd.jpg") right 43% center/cover no-repeat;
}
.mi-universal-hero::after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(circle at 72% 28%,rgba(84,187,153,.14),transparent 30%),linear-gradient(125deg,transparent 45%,rgba(218,181,95,.06));
}
.mi-hero-inner{
  width:min(calc(100% - 2 * var(--mi-gutter)),var(--mi-shell));
  min-height:var(--mi-hero-h);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:32px;
  padding:16px 0;
}
.mi-hero-copy{min-width:0;max-width:1040px}
.mi-hero-kicker{display:block;color:#e2c57f;font:800 11px/1.25 Inter,Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;margin-bottom:7px}
.mi-universal-hero h1{margin:0;font:400 clamp(36px,3.15vw,55px)/.98 Georgia,"Times New Roman",serif;letter-spacing:-.045em;color:#fff8ec}
.mi-universal-hero h1 em,.mi-universal-hero h1 span{font-style:normal;color:#e5c47d}
.mi-universal-hero p{margin:8px 0 0;max-width:780px;color:#d3e2db;font:400 14px/1.45 Inter,Arial,sans-serif}
.mi-hero-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;max-width:430px}
.mi-hero-action,.mi-hero-actions .btn{
  min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  border:1px solid rgba(225,192,119,.55);border-radius:12px;padding:0 17px;
  background:rgba(5,35,29,.68);color:#f7e7bc;font:700 12px/1 Inter,Arial,sans-serif;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);backdrop-filter:blur(8px);
}
.mi-hero-action:hover,.mi-hero-action:focus-visible,.mi-hero-actions .btn:hover,.mi-hero-actions .btn:focus-visible{border-color:#e6c77d;color:#fff6df;outline:none}
.mi-hero-actions .gold,.mi-hero-action.gold{background:linear-gradient(180deg,#f1d27e,#cea64f);border-color:#f4d889;color:#0d2a23}
.mi-hero-status{min-width:320px;max-width:390px;padding:15px 17px;border:1px solid rgba(121,193,163,.36);border-radius:16px;background:rgba(5,39,32,.82);box-shadow:0 12px 28px rgba(0,0,0,.18);backdrop-filter:blur(10px)}
.mi-hero-status h2{margin:0 0 6px!important;font:400 23px/1.1 Georgia,serif!important;color:#fff7e9!important}
.mi-hero-status p{margin:0 0 8px!important;font-size:12px!important;color:#c8dad2!important}
.mi-hero-status .live-meta{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:.1em;color:#dbe8e2}
.mi-hero-status .live-meta i{width:8px;height:8px;border-radius:50%;background:#d6b255}
.mi-hero-status .live-meta i[data-tone="ok"]{background:#72d3a7;box-shadow:0 0 8px #72d3a7}
.mi-hero-status .live-meta i[data-tone="bad"]{background:#e07872}

/* Shared chrome remains anchored; all tools begin after it exactly once. */
body:is([data-page="radar"],[data-page="market-weather"],[data-page="personal-dashboard"],[data-page="market-explainer"],[data-page="strategy-lab"]) .top-stack{position:fixed!important;inset:0 0 auto 0!important;z-index:1000!important}
body:is([data-page="radar"],[data-page="market-weather"],[data-page="personal-dashboard"],[data-page="market-explainer"],[data-page="strategy-lab"]) .mi-page-root{
  padding-top:calc(var(--ep-news-height) + var(--ep-nav-height) + var(--ep-tool-subnav-height));
}

/* Global Radar: retain engine/layout, remove its duplicate hero/header. */
body[data-page="radar"] .radar-page{padding:16px var(--mi-gutter) 30px!important;max-width:var(--mi-shell)!important;margin:0 auto!important}
body[data-page="radar"] .radar-page-head{display:none!important}
body[data-page="radar"] .radar-frame{margin-top:0!important}
body[data-page="radar"] .radar-columns{min-height:560px!important}
body[data-page="radar"] .radar-news-list{max-height:455px!important}
body[data-page="radar"] .radar-globe-wrap{min-height:430px!important}

/* Market Weather: eliminate the previous large blank offset / duplicate intro. */
body[data-page="market-weather"] .top-stack{position:fixed!important;inset:0 0 auto 0!important}
body[data-page="market-weather"] .mw21-site{padding:16px var(--mi-gutter) 30px!important;max-width:var(--mi-shell)!important;margin:0 auto!important}
body[data-page="market-weather"] .mw21-intro{display:none!important}
body[data-page="market-weather"] .mw21-frame{margin-top:0!important;border-radius:16px!important}
body[data-page="market-weather"] #mw21-console{min-height:650px!important}

/* Dashboard: universal hero replaces the former oversized page-specific hero. */
body[data-page="personal-dashboard"] .app-shell{padding-top:0!important;background:linear-gradient(180deg,#061b18 0%,#08251f 54%,#071d19 100%)!important}
body[data-page="personal-dashboard"] .hero{display:none!important}
body[data-page="personal-dashboard"] .market-strip{margin-top:14px!important}
body[data-page="personal-dashboard"] .dashboard-shell{margin-top:10px!important;min-height:0!important;grid-template-columns:minmax(0,31fr) minmax(0,42fr) minmax(0,27fr)!important}
body[data-page="personal-dashboard"] .watchlist-panel{min-height:560px!important}
body[data-page="personal-dashboard"] .center-column{grid-template-rows:minmax(360px,1fr) 210px!important}
body[data-page="personal-dashboard"] .right-column{grid-template-rows:240px minmax(0,1fr)!important}

/* AI Explainer: one coherent workspace; no second app chrome. */
body[data-page="market-explainer"]{background:#071c1a!important;color:#f7efe0}
body[data-page="market-explainer"] .explain-page{padding:16px var(--mi-gutter) 34px!important;min-height:auto!important;background:linear-gradient(180deg,#071c1a,#092522)!important}
body[data-page="market-explainer"] .explain-page>*{max-width:var(--mi-shell)!important}
body[data-page="market-explainer"] .explain-hero-row{display:none!important}
body[data-page="market-explainer"] .explain-workspace{margin-top:0!important}
body[data-page="market-explainer"] .explain-layout{grid-template-columns:minmax(270px,23%) minmax(480px,52%) minmax(250px,25%)!important;min-height:610px!important}
body[data-page="market-explainer"] .explain-list{max-height:620px!important}
body[data-page="market-explainer"] .explain-feature-copy h3{font-size:clamp(26px,2.2vw,38px)!important}
body[data-page="market-explainer"] .explain-answer{min-height:150px!important}

/* Strategy Lab: keep locked engine, replace only outer hero geometry. */
body[data-page="strategy-lab"] .sl-app{padding-top:0!important}
body[data-page="strategy-lab"] .sl-app>.ambient{top:var(--mi-hero-h)!important}
body[data-page="strategy-lab"] .sl-app .app-shell{padding-top:12px!important}
body[data-page="strategy-lab"] .sl-app .app-shell>.hero{display:none!important}
body[data-page="strategy-lab"] .sl-app .workspace{margin-top:0!important}

@media(max-width:1180px){
  :root{--mi-hero-h:158px}
  .mi-hero-inner{gap:20px}.mi-universal-hero h1{font-size:clamp(35px,4.6vw,50px)}
  .mi-hero-status{min-width:280px}
  body[data-page="market-explainer"] .explain-layout{grid-template-columns:minmax(250px,35%) minmax(0,65%)!important}
  body[data-page="market-explainer"] .explain-sources{grid-column:1/-1!important}
}
@media(max-width:760px){
  :root{--mi-hero-h:auto}
  .mi-hero-inner{min-height:0;display:block;padding:22px 0 24px}
  .mi-universal-hero h1{font-size:39px;line-height:1.02}
  .mi-universal-hero p{font-size:14px}
  .mi-hero-actions{justify-content:flex-start;margin-top:18px;max-width:none}
  .mi-hero-status{min-width:0;max-width:none;width:100%;margin-top:18px}
  body[data-page="radar"] .radar-page,body[data-page="market-weather"] .mw21-site,body[data-page="market-explainer"] .explain-page{padding-left:12px!important;padding-right:12px!important}
  body[data-page="personal-dashboard"] .dashboard-shell{grid-template-columns:1fr!important}
  body[data-page="market-explainer"] .explain-layout{display:flex!important;flex-direction:column!important}
}

/* AI Market Explainer rich-layout restoration */
body[data-page="market-explainer"] .explain-page{display:none!important}
body[data-page="market-explainer"] .mi-explainer-rich{padding:0!important;min-height:auto!important;background:#071c1a!important}
body[data-page="market-explainer"] .mi-explainer-rich>.hero{display:none!important}
body[data-page="market-explainer"] .mi-explainer-rich .explainer-tools{position:relative!important;top:auto!important;min-height:52px!important;height:52px!important;padding:7px var(--mi-gutter)!important;border-bottom:1px solid rgba(214,183,120,.22)!important;background:#08231f!important}
body[data-page="market-explainer"] .mi-explainer-rich .explainer-tools .search{margin-left:auto!important;max-width:520px!important}
body[data-page="market-explainer"] .mi-explainer-rich .filters{margin-top:0!important}
body[data-page="market-explainer"] .mi-explainer-rich .workspace{margin-top:0!important}
body[data-page="market-explainer"] .mi-explainer-rich .workspace{max-width:var(--mi-shell)!important;margin-left:auto!important;margin-right:auto!important}

/* AI Market Explainer — equal-height three-column workspace */
@media (min-width:1101px){
  body[data-page="market-explainer"] .mi-explainer-rich .workspace{
    align-items:stretch!important;
  }
  body[data-page="market-explainer"] .mi-explainer-rich .feed,
  body[data-page="market-explainer"] .mi-explainer-rich .center,
  body[data-page="market-explainer"] .mi-explainer-rich .rail{
    height:100%!important;
    min-height:0!important;
  }
  body[data-page="market-explainer"] .mi-explainer-rich .feed{
    align-self:stretch!important;
  }
}


/* LF-SITE-001B — page-specific hero tone refinement for Radar + Market Weather. */
body[data-page="radar"] .mi-universal-hero::before{
  background:
    linear-gradient(90deg,rgba(7,19,25,.98) 0%,rgba(7,19,25,.93) 42%,rgba(12,24,37,.67) 70%,rgba(12,24,37,.32) 100%),
    url("../assets/photos/global-markets-hd.jpg") right 43% center/cover no-repeat;
}
body[data-page="radar"] .mi-universal-hero::after{
  background:
    radial-gradient(circle at 72% 28%,rgba(101,145,198,.14),transparent 30%),
    linear-gradient(125deg,transparent 45%,rgba(218,181,95,.08));
}
body[data-page="market-weather"] .mi-universal-hero::before{
  background:
    linear-gradient(90deg,rgba(7,20,24,.98) 0%,rgba(7,20,24,.93) 40%,rgba(14,24,35,.70) 68%,rgba(14,24,35,.34) 100%),
    url("../assets/photos/global-markets-hd.jpg") right 43% center/cover no-repeat;
}
body[data-page="market-weather"] .mi-universal-hero::after{
  background:
    radial-gradient(circle at 72% 26%,rgba(101,145,198,.16),transparent 30%),
    linear-gradient(125deg,transparent 45%,rgba(218,181,95,.08));
}


/* LF-SITE-001B — targeted Market Movers height fix.
   Keeps the existing dashboard design intact; only prevents the 5-row movers
   list from being clipped inside the right rail. */
@media (min-width:761px){
  body[data-page="personal-dashboard"] .right-column{
    grid-template-rows:276px minmax(0,1fr)!important;
  }
  body[data-page="personal-dashboard"] .movers-card{
    height:276px!important;
    min-height:276px!important;
    overflow:hidden!important;
  }
  body[data-page="personal-dashboard"] .movers-list{
    min-height:170px!important;
  }
}

/* LF-SITE-001B-MARKET-WEATHER-VIEWPORT-VISIBILITY-FIX
   Reserve the fixed chrome exactly once on Market Weather and keep the hero/content
   in normal document flow. This prevents top text from sitting behind the anchored
   ribbon/header/subnav and removes the need to rubber-band/pull the page to reveal it. */
body[data-page="market-weather"]{
  --mw-fixed-chrome-h:calc(var(--ep-news-height) + var(--ep-nav-height) + var(--ep-tool-subnav-height));
  scroll-padding-top:var(--mw-fixed-chrome-h);
}
body[data-page="market-weather"] .mi-page-root{
  padding-top:var(--mw-fixed-chrome-h)!important;
  margin-top:0!important;
  transform:none!important;
}
body[data-page="market-weather"] .mi-universal-hero{
  margin-top:0!important;
  transform:none!important;
}
body[data-page="market-weather"] .mw21-site{
  padding-top:12px!important;
  margin-top:0!important;
  transform:none!important;
}
body[data-page="market-weather"] .mw21-frame{
  margin-top:0!important;
}
@media(max-width:760px){
  body[data-page="market-weather"]{
    --mw-fixed-chrome-h:calc(var(--ep-news-height) + var(--ep-nav-height) + var(--ep-tool-subnav-height));
  }
}