/* ============================================================
   Alpha Finance v2: macro indicators (Bitcoin Price & M2 Supply Growth)
   Loaded after sentiment.css, whose hero, panels, segs and tables it
   reuses. Only what is particular to the macro views lives here.
   ============================================================ */

body.macro .sntpanel-foot .key .k-m2 { background: var(--text); }
body.macro .sntpanel-foot .key .k-btc { background: var(--lime); }

/* the regime table: a swatch, the name, and the definition under it */
body.macro .snttable td .sw { vertical-align: 1px; }
body.macro .snttable td.k small { display: block; margin-left: 16px; margin-top: 2px; font-family: var(--mono); font-size: 9.5px; font-weight: 400; letter-spacing: 0.03em; color: var(--muted); }
body.macro .snttable td .sw.r0 { background: var(--neg); }
body.macro .snttable td .sw.r1 { background: #c9744f; }
body.macro .snttable td .sw.r3 { background: #6fa952; }
body.macro .snttable td .sw.r4 { background: var(--pos); }
body.macro #reg-table td { height: 48px; }

/* The z-gauge's zones are uneven, so its narrowest columns are too tight to
   carry the range inline the way the even gauges do: keep those on a second line. */
.gauge-z .gauge-scale span small { display: block; margin: 2px 0 0 0; }

/* ---------- MVRV Z-Score: the gauge runs cold to hot, so green sits left ---------- */

body.mvrv .gauge-track .z0 { flex: 1; background: var(--pos); }
body.mvrv .gauge-track .z1 { flex: 2; background: #6fa952; }
body.mvrv .gauge-track .z2 { flex: 2; background: var(--line-2); }
body.mvrv .gauge-track .z3 { flex: 3; background: #c9744f; }
body.mvrv .gauge-track .z4 { flex: 3; background: var(--neg); }
body.mvrv .gauge-scale span:nth-child(1) { flex: 1; }
body.mvrv .gauge-scale span:nth-child(2) { flex: 2; }
body.mvrv .gauge-scale span:nth-child(3) { flex: 2; }
body.mvrv .gauge-scale span:nth-child(4) { flex: 3; }
body.mvrv .gauge-scale span:nth-child(5) { flex: 3; text-align: right; }
body.mvrv #ext-table td { height: 44px; }
body.mvrv .sntpanel-body.is-chart { height: 440px; }

/* ---------- chart legend: what each line and band is, above the chart ---------- */

body.macro .chart-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 26px;
  padding: 11px 18px;
  border-bottom: 1px solid var(--line);
  background: var(--bg-2);
}
body.macro .cl { display: inline-flex; align-items: center; gap: 9px; font-size: 12.5px; font-weight: 500; color: var(--text); white-space: nowrap; }
body.macro .cl small { font-family: var(--mono); font-size: 9.5px; font-weight: 400; letter-spacing: 0.05em; text-transform: uppercase; color: var(--muted); margin-left: -2px; }
body.macro .cl-line { width: 18px; height: 3px; border-radius: 2px; background: var(--c); box-shadow: 0 0 6px color-mix(in srgb, var(--c) 50%, transparent); }
body.macro .cl-band { width: 12px; height: 12px; border-radius: 3px; background: color-mix(in srgb, var(--c) 28%, transparent); border: 1px solid color-mix(in srgb, var(--c) 70%, transparent); }

/* ---------- Mayer Multiple: the gauge spans 0.4 to 3.4 ---------- */

body.mayer .gauge-track .z0 { flex: 4; }
body.mayer .gauge-track .z1 { flex: 2; }
body.mayer .gauge-track .z2 { flex: 5; }
body.mayer .gauge-track .z3 { flex: 9; }
body.mayer .gauge-track .z4 { flex: 10; }
body.mayer .gauge-scale span:nth-child(1) { flex: 4; }
body.mayer .gauge-scale span:nth-child(2) { flex: 2; }
body.mayer .gauge-scale span:nth-child(3) { flex: 5; }
body.mayer .gauge-scale span:nth-child(4) { flex: 9; }
body.mayer .gauge-scale span:nth-child(5) { flex: 10; }
body.macro .cl-dots { height: 0; border-top: 2px dotted var(--c); background: none; box-shadow: none; }

/* ---------- Bitcoin & M2: the fit line, the regime ribbon's key, the regime table ---------- */

.m2-fit { margin: 0; padding: 9px 18px; border-bottom: 1px solid var(--line); font-size: 12px; line-height: 1.5; color: var(--muted); }
.m2-fit:empty { display: none; }
.m2-fit b { font-family: var(--mono); font-weight: 500; color: var(--text); }
body.macro .cl.m2-ribkey { gap: 7px; font-size: 12px; font-weight: 400; color: var(--text-2); }
body.macro .cl.m2-ribkey small { margin: 0 4px 0 0; }
body.macro .cl.m2-ribkey i { width: 10px; height: 6px; margin-left: 8px; border-radius: 1px; background: var(--c); }
body.macro .cl.m2-ribkey small + i { margin-left: 0; }
body.macro .sntpanel-head .m2-hor { margin-left: auto; }
body.macro #reg-table tr.is-now td { background: color-mix(in srgb, var(--lime) 6%, transparent); }
body.macro #reg-table tr.is-now td:first-child { box-shadow: inset 2px 0 0 var(--lime); }
.m2-now { margin-left: 8px; padding: 1px 6px; border-radius: 3px; background: var(--lime); color: #0a0b0d; font-family: var(--mono); font-size: 9px; font-style: normal; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; vertical-align: 1px; }
.m2-win { display: inline-flex; align-items: center; gap: 8px; }
.m2-win i { display: block; width: 46px; height: 5px; border-radius: 2px; background: color-mix(in srgb, var(--line) 70%, transparent); overflow: hidden; }
.m2-win u { display: block; height: 100%; border-radius: 2px; background: #3987e5; text-decoration: none; }
body.macro #mo-table td .sw { margin-right: 9px; }
body.macro .sntpanel-body.is-chart canvas { cursor: crosshair; }
@media (max-width: 760px) {