/* AgAu.ai RC20.2 — interactive contextual charts, expanded plot area and remembered controls. */
.ag21-chart-shell{--ag21-a:#e0b54c;--ag21-b:#78a8dc;position:relative;min-width:0;color:#dfe4e8;font-family:Montserrat,system-ui,sans-serif}
.ag21-toolbar{display:flex;align-items:center;gap:6px;min-width:0;margin-bottom:5px}
.ag21-range,.ag21-forecast-range{display:inline-flex;align-items:center;gap:2px;padding:2px;border:1px solid rgba(255,255,255,.075);border-radius:7px;background:rgba(3,6,8,.34)}
.ag21-range button,.ag21-forecast-range button,.ag21-context{appearance:none;border:0;border-radius:5px;background:transparent;color:#6f7b87;min-width:25px;height:20px;padding:0 5px;font:750 7.5px/1 Montserrat,system-ui,sans-serif;letter-spacing:.025em;text-transform:uppercase;cursor:pointer}
.ag21-range button.is-active,.ag21-forecast-range button.is-active{background:rgba(232,188,91,.13);color:#ebca77}
.ag21-context{min-width:auto;margin-left:1px;padding:0 6px;border:1px solid rgba(255,255,255,.07);color:#7e8994}
.ag21-context.is-active{border-color:rgba(120,168,220,.28);background:rgba(120,168,220,.09);color:#a9cff6}
.ag21-period-change{margin-left:auto;overflow:hidden;color:#7f8994;font:750 8px/1 Montserrat,system-ui,sans-serif;white-space:nowrap;text-overflow:ellipsis}
.ag21-period-change[data-tone="positive"]{color:#66d79d}.ag21-period-change[data-tone="negative"]{color:#f18c89}
.ag21-plot{position:relative;min-width:0;height:100%}.ag21-compact .ag21-plot{height:43px}.ag21-large .ag21-plot{height:210px}
.ag21-plot svg{display:block!important;width:100%!important;height:100%!important;margin:0!important;overflow:visible!important;color:inherit!important;opacity:1!important}
.ag21-grid{stroke:rgba(255,255,255,.055);stroke-width:1;vector-effect:non-scaling-stroke}
.ag21-line-a{fill:none;stroke:var(--ag21-a);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px rgba(224,181,76,.12))}
.ag21-line-b{fill:none;stroke:var(--ag21-b);stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:.92}
.ag21-spot-line{stroke:#dce3e9}.ag21-consensus-line{stroke:var(--ag21-a);stroke-dasharray:6 4}
.ag21-cross{stroke:rgba(255,255,255,.28);stroke-width:1;stroke-dasharray:2.5 3;vector-effect:non-scaling-stroke}.ag21-dot-a{fill:var(--ag21-a)}.ag21-dot-b{fill:#8bb7e4}.ag21-overlay{fill:transparent;cursor:crosshair;touch-action:pan-y}
.ag21-tooltip{position:absolute;z-index:4;left:5px;top:3px;min-width:120px;max-width:calc(100% - 10px);padding:6px 7px;border:1px solid rgba(255,255,255,.12);border-radius:7px;background:rgba(4,7,10,.95);box-shadow:0 10px 24px rgba(0,0,0,.28);pointer-events:none;opacity:0;transform:translateY(2px);transition:opacity .08s,transform .08s;color:#c9d1d7;font:600 8px/1.45 "Open Sans",system-ui,sans-serif}
.ag21-tooltip.is-visible{opacity:1;transform:none}.ag21-tooltip strong{display:block;margin-bottom:2px;color:#f4f1e9;font:750 8px/1.25 Montserrat,system-ui,sans-serif}.ag21-tooltip span{display:block}.ag21-tooltip b{color:#f0d07d;font-weight:750}
.ag21-empty{display:grid;place-items:center;height:100%;min-height:42px;color:#68737f;font:650 8px Montserrat,system-ui,sans-serif}
.ag21-chart-foot{display:flex;justify-content:space-between;gap:12px;margin-top:5px;color:#6f7a85;font:650 9px/1.35 Montserrat,system-ui,sans-serif}.ag21-context-note{text-align:right;color:#7f8c99}

/* Homepage: keep controls clear of the metric copy and devote roughly half each tile to the chart. */
.portal-market-card:has(.ag21-chart-shell){min-height:198px!important}
.portal-spark.ag21-enhanced{left:13px!important;right:13px!important;bottom:8px!important;height:90px!important;opacity:1!important;overflow:visible!important}
.portal-spark .ag21-chart-shell{height:90px}.portal-spark .ag21-compact .ag21-plot{height:58px}
.portal-market-card .ag21-toolbar{margin:4px 0 2px;gap:5px}.portal-market-card .ag21-range,.portal-market-card .ag21-forecast-range{gap:1px;padding:1px;border-radius:6px}
.portal-market-card .ag21-range button,.portal-market-card .ag21-forecast-range button,.portal-market-card .ag21-context{min-width:22px;height:18px;padding:0 4px;font-size:6.6px;letter-spacing:.02em}
.portal-market-card .ag21-context{padding:0 5px}.portal-market-card .ag21-period-change{font-size:6.8px}
.portal-market-card .ag21-tooltip{font-size:7.5px}

/* Dashboard / Miners market cards. */
.market-card .ag21-market-host{position:relative;margin-top:10px;min-height:72px}
.market-card .ag21-chart-shell{min-height:72px}.market-card .ag21-compact .ag21-plot{height:46px}
.market-card .ag21-toolbar{margin-bottom:4px}.market-card .ag21-range button{height:21px;min-width:27px}.market-card .ag21-context{height:21px}
.market-card .ag21-tooltip{top:4px;left:4px}

/* Gold / Silver signal pages: reuse the existing chart box, now as a real interactive contextual chart. */
.live-page-main .sparkline-wrap.ag21-enhanced{display:block!important;position:relative!important;height:auto!important;min-height:270px!important;margin-top:22px!important;padding:12px 13px 9px!important;overflow:visible!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:15px!important;background:rgba(5,8,11,.62)!important}
.live-page-main .sparkline-wrap .ag21-toolbar{margin-bottom:8px}.live-page-main .sparkline-wrap .ag21-range button{height:27px;min-width:37px;font-size:9px}.live-page-main .sparkline-wrap .ag21-context{height:27px;font-size:8.5px;padding:0 9px}.live-page-main .sparkline-wrap .ag21-period-change{font-size:9.5px}.live-page-main .sparkline-wrap .ag21-tooltip{min-width:160px;padding:8px 9px;font-size:10px}.live-page-main .sparkline-wrap .ag21-tooltip strong{font-size:10px}.live-page-main .sparkline-wrap .ag21-line-a{stroke-width:2.2}.live-page-main .sparkline-wrap .ag21-line-b{stroke-width:1.9}

/* Institutional forecast: make the existing consensus chart interactive without changing the page hierarchy. */
.fc-chart.ag21-enhanced{height:290px!important;margin-top:10px!important}.fc-chart .ag21-large .ag21-plot{height:228px}.fc-chart .ag21-toolbar{margin-bottom:7px}.fc-chart .ag21-forecast-range button{height:26px;min-width:38px;font-size:8.5px}.fc-chart .ag21-period-change{font-size:9px}.fc-chart .ag21-tooltip{min-width:150px;padding:8px 9px;font-size:9.5px}.fc-chart .ag21-tooltip strong{font-size:10px}

html[data-theme="light"] .ag21-range,html[data-theme="light"] .ag21-forecast-range,html:not([data-theme="dark"]) .ag21-range,html:not([data-theme="dark"]) .ag21-forecast-range{border-color:rgba(17,24,39,.10);background:rgba(17,24,39,.035)}
html[data-theme="light"] .ag21-range button,html[data-theme="light"] .ag21-forecast-range button,html[data-theme="light"] .ag21-context,html:not([data-theme="dark"]) .ag21-range button,html:not([data-theme="dark"]) .ag21-forecast-range button,html:not([data-theme="dark"]) .ag21-context{color:#687485}
html[data-theme="light"] .ag21-tooltip,html:not([data-theme="dark"]) .ag21-tooltip{background:rgba(255,255,255,.97);border-color:rgba(17,24,39,.13);color:#334155;box-shadow:0 10px 25px rgba(15,23,42,.12)}
html[data-theme="light"] .ag21-tooltip strong,html:not([data-theme="dark"]) .ag21-tooltip strong{color:#111827}
html[data-theme="light"] .ag21-grid,html:not([data-theme="dark"]) .ag21-grid{stroke:rgba(17,24,39,.09)}

@media(max-width:720px){
  .portal-market-card:has(.ag21-chart-shell){min-height:180px!important}.portal-spark.ag21-enhanced{left:10px!important;right:10px!important;height:79px!important}.portal-spark .ag21-chart-shell{height:79px}.portal-spark .ag21-compact .ag21-plot{height:48px}.portal-market-card .ag21-toolbar{margin-top:3px}.portal-market-card .ag21-range button{min-width:22px;padding:0 4px;font-size:6.4px}.portal-market-card .ag21-context{padding:0 5px;font-size:6.4px}.portal-market-card .ag21-period-change{font-size:6.5px}
  .market-card .ag21-market-host{min-height:70px}.market-card .ag21-period-change{font-size:7.5px}
  .live-page-main .sparkline-wrap.ag21-enhanced{min-height:245px!important;padding:10px!important}.ag21-large .ag21-plot{height:185px}.live-page-main .sparkline-wrap .ag21-context{max-width:78px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ag21-chart-foot{font-size:8px;gap:8px}
  .fc-chart.ag21-enhanced{height:245px!important}.fc-chart .ag21-large .ag21-plot{height:185px}.fc-chart .ag21-period-change{font-size:8px}
}
@media(max-width:390px){
  .portal-market-card:has(.ag21-chart-shell){min-height:174px!important}.portal-market-card .ag21-period-change{display:none}.portal-market-card .ag21-range button{min-width:21px;height:18px;font-size:6.2px}.portal-market-card .ag21-context{height:18px;font-size:6.2px;padding:0 4px}
  .market-card .ag21-toolbar{gap:4px}.market-card .ag21-range button{min-width:24px;padding:0 4px}.market-card .ag21-context{font-size:7px;padding:0 5px}.market-card .ag21-period-change{display:none}
  .ag21-chart-foot{display:block}.ag21-context-note{display:block;margin-top:3px;text-align:left}
}
@media(prefers-reduced-motion:reduce){.ag21-tooltip{transition:none}}
/* Homepage hero pulse: keep it below the fixed shell and let the plot consume the previously empty vertical space. */
@media(min-width:901px){.portal-pulse{margin-top:14px}}
.portal-pulse__chart.ag21-enhanced{height:auto!important;min-height:190px!important;overflow:visible!important;flex:1 1 190px!important}.portal-pulse__chart .ag21-chart-shell{height:100%!important;min-height:190px;display:flex;flex-direction:column}.portal-pulse__chart .ag21-compact .ag21-plot{height:auto!important;min-height:150px;flex:1 1 auto}.portal-pulse__chart .ag21-toolbar{margin:8px 0 7px}.portal-pulse__chart .ag21-range button{height:22px;min-width:29px}.portal-pulse__chart .ag21-context{height:22px}
@media(max-width:620px){.portal-pulse__chart.ag21-enhanced{height:auto!important;min-height:158px!important;flex-basis:158px!important}.portal-pulse__chart .ag21-chart-shell{height:100%!important;min-height:158px}.portal-pulse__chart .ag21-compact .ag21-plot{height:auto!important;min-height:124px;flex:1 1 auto}.portal-pulse__chart .ag21-toolbar{margin-top:6px}}
/* Beat legacy sparkline path selectors so the two contextual series remain visually distinct. */
.portal-spark .ag21-line-a,.portal-market-card[data-tone] .portal-spark .ag21-line-a{stroke:var(--ag21-a)!important;stroke-width:1.9!important}
.portal-spark .ag21-line-b,.portal-market-card[data-tone] .portal-spark .ag21-line-b{stroke:var(--ag21-b)!important;stroke-width:1.55!important}
.portal-pulse__chart .ag21-line-a{stroke:var(--ag21-a)!important}.portal-pulse__chart .ag21-line-b{stroke:var(--ag21-b)!important}
@media(max-width:720px){.ag21-range button,.ag21-forecast-range button,.ag21-context{height:24px;min-width:28px}.portal-market-card .ag21-range button{height:23px;min-width:25px}.portal-market-card .ag21-context{height:23px}}