/* Treasury, in the field-guide system: four headline figures, where the liquidity works, what moved the value
   beside what the treasury did, then the deeper records. Tokens come from styles.css. */

#app.treasury-hub { max-width: none; margin: 0; padding: 0 0 var(--sp-6); color: var(--cream); }
.treasury-hub :focus-visible { outline: 2px solid var(--glow-2); outline-offset: 3px; }

/* Head: the same plate head as every page, with actions on the right. */
.treasury-hub__header { position: relative; padding: var(--sp-6) 0 var(--sp-4); margin: 0; }
.treasury-hub__header > .eyebrow { margin-bottom: var(--sp-4); }
.treasury-hub__header h1 { font: 380 var(--t-h1)/1.02 var(--serif); letter-spacing: -.014em; margin: 0 0 var(--sp-3); max-width: 18ch; }
.treasury-hub__intro { max-width: 58ch; color: var(--cream-2); font-size: 1.02rem; line-height: 1.6; margin: 0; }
.treasury-hub__status { margin: var(--sp-3) 0 0; color: var(--cream-3); font-size: var(--t-meta); }
.treasury-hub__status::before { content: ""; display: inline-block; width: 6px; height: 6px; margin-right: .5rem; border-radius: 50%; background: var(--glow); box-shadow: 0 0 8px rgba(199, 229, 65, .7); vertical-align: .1em; }
.treasury-actions { display: grid; gap: .35rem; }
.treasury-actions__share { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; }
.treasury-actions__links { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 0 1.25rem; }
.treasury-actions a { display: inline-flex; align-items: center; min-height: 44px; font-size: var(--t-small); }
.treasury-share-status { display: block; margin-top: .4rem; color: var(--cream-2); font-size: var(--t-meta); overflow-wrap: anywhere; }
.treasury-actions .treasury-share-status { grid-column: 1 / -1; margin: 0; text-align: right; }
.treasury-share-status:empty { display: none; }
.treasury-copy-fallback { display: block; width: 100%; min-height: 140px; margin-top: .4rem; padding: .8rem; background: var(--night-2); color: var(--cream); border: 1px solid var(--rule-2); border-radius: var(--r-2); font: .8rem/1.5 var(--mono); }

.treasury-cockpit .treasury-hub__header { display: grid; grid-template-columns: minmax(0, 1fr) auto; container-type: inline-size; column-gap: var(--sp-6); align-items: end; }
.treasury-cockpit .treasury-hub__header > :not(.treasury-actions) { grid-column: 1; }
.treasury-cockpit .treasury-actions { grid-column: 2; grid-row: 1 / 5; align-self: end; width: 21rem; max-width: 100%; }
.treasury-cockpit .treasury-actions .living-button { min-height: 44px; padding: 0 .8rem; font-size: .82rem; }

/* Period and measured span. */
.treasury-command { display: flex; justify-content: space-between; align-items: center; gap: var(--sp-4); margin: var(--sp-3) 0 0; padding: var(--sp-3) 0; border-top: 1px solid var(--rule-2); }
.treasury-tabs { display: inline-flex; flex-wrap: wrap; gap: 2px; padding: 2px; border: 1px solid var(--rule-2); border-radius: var(--r-2); }
.treasury-tabs .living-button { min-height: 40px; padding: 0 .85rem; border: 0; border-radius: 3px; background: transparent; color: var(--cream-3); font-size: .85rem; }
.treasury-tabs .living-button:hover { color: var(--cream); background: transparent; }
.treasury-tabs [aria-pressed="true"] { background: var(--night-4) !important; color: var(--cream) !important; }
.treasury-command__time { color: var(--cream-3); font-size: var(--t-meta); text-align: right; }

/* The ledger: four figures, hairline columns, values on one baseline. */
.treasury-stat { min-width: 0; display: flex; flex-direction: column; gap: .35rem; }
.treasury-stat__label { overflow-wrap: anywhere; font: 600 var(--t-label)/1.35 var(--sans); letter-spacing: .13em; text-transform: uppercase; color: var(--cream-3); }
.treasury-stat__value { font: 360 var(--t-fig-l)/1.05 var(--serif); letter-spacing: -.012em; color: var(--cream); font-variant-numeric: lining-nums tabular-nums; overflow-wrap: anywhere; }
.treasury-stat__note { color: var(--cream-3); font-size: var(--t-meta); line-height: 1.45; }
/* The fomo.fun wallet line on the Holdings card (since-setup baseline, 5 Oct 2026). */
.treasury-kpi__parked { color: var(--cream-3); font-size: var(--t-meta); line-height: 1.45; }

/* Panels. */
.treasury-cockpit .treasury-panel { min-width: 0; padding: 0; border: 1px solid var(--rule); border-radius: var(--r-1); background: var(--night-2); }
.treasury-chart { margin: 0; padding: var(--sp-3) var(--sp-5) 0; }
.treasury-panel .treasury-chart { border: 0; }
.treasury-chart__plot { display: block; width: 100%; min-height: 150px; touch-action: pan-y; overflow: visible; }
.treasury-chart__plot:focus-visible { outline-offset: 2px; }
.treasury-chart__grid { stroke: var(--rule); stroke-width: 1; }
.treasury-chart__axis { fill: var(--cream-3); font: 500 12px var(--sans); font-variant-numeric: tabular-nums; }
.treasury-chart__axis--left { fill: var(--cream-2); }
.treasury-chart__axis--right { fill: var(--lichen); }
.treasury-chart__axis-line { stroke: var(--rule-2); stroke-width: 1; }
.treasury-chart__cursor { stroke: var(--cream-2); stroke-width: 1; stroke-dasharray: 2 3; }
.treasury-chart__legend { display: flex; flex-wrap: wrap; gap: .25rem 1.1rem; margin-bottom: .4rem; color: var(--cream-2); font-size: var(--t-meta); }
.treasury-chart__legend > span::before { content: ""; display: inline-block; width: 14px; height: 2px; margin-right: .45rem; vertical-align: .25em; background: var(--glow); }
.treasury-chart__legend [data-axis="right"]::before, .treasury-chart__legend [data-series="reward_income"]::before { background: repeating-linear-gradient(90deg, var(--lichen) 0 5px, transparent 5px 8px); }
.treasury-chart__legend [data-series="wallet"]::before { background: var(--moss); }
.treasury-chart__legend [data-series="v4"]::before { background: var(--spore); }
.treasury-chart__legend [data-series="pendle"]::before { background: var(--lichen); }
.treasury-chart__legend [data-series="parked"]::before { background: var(--ember); }
.treasury-chart__legend [data-series="investment_result"]::before { background: var(--moss); }
.treasury-cockpit .treasury-panel .treasury-chart__legend { min-height: 1.6rem; align-content: start; }
.treasury-chart__dates { display: flex; justify-content: space-between; gap: .75rem; color: var(--cream-3); font-size: .74rem; font-variant-numeric: tabular-nums; }
.treasury-chart--dual .treasury-chart__dates { padding-inline: 9%; }
.treasury-chart__readout { display: flex; flex-wrap: wrap; align-items: baseline; gap: .15rem 1.1rem; min-height: 3rem; margin-top: .5rem; padding: .6rem 0 .8rem; border-top: 1px solid var(--rule); color: var(--cream-2); font-size: var(--t-meta); }
.treasury-chart__readout time { color: var(--cream); font-weight: 500; }
.treasury-chart-controls { display: flex; justify-content: space-between; align-items: center; gap: var(--sp-4); flex-wrap: wrap; margin-bottom: var(--sp-4); }
.treasury-chart-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--sp-4); padding: var(--sp-4) 0; border-top: 1px solid var(--rule); }

/* Printed tables. */
.treasury-table-wrap { position: relative; max-width: 100%; overflow-x: auto; margin-top: var(--sp-3); }
.treasury-table { width: 100%; border-collapse: collapse; font-size: var(--t-small); font-variant-numeric: tabular-nums; }
.treasury-table th { padding: .6rem .7rem .5rem; text-align: right; font: 600 .66rem/1.3 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--cream-3); border-top: 1.5px solid var(--cream-2); border-bottom: 1px solid var(--rule-2); white-space: nowrap; }
.treasury-table td { padding: .55rem .7rem; text-align: right; border-bottom: 1px solid var(--rule); white-space: nowrap; }
.treasury-table tr:last-child td { border-bottom: 1.5px solid var(--cream-2); }
.treasury-table th:first-child, .treasury-table td:first-child { text-align: left; padding-left: 0; }
.treasury-table td:first-child { font-weight: 500; }
.treasury-table a { color: var(--glow); }

.treasury-control-panel > .treasury-proof { border-bottom: 1px solid var(--rule); }

/* Disclosures and notes. */
.treasury-proof { border-top: 1px solid var(--rule); }
.treasury-proof > p { font-size: var(--t-small); line-height: 1.65; color: var(--cream-2); max-width: 90ch; }
.treasury-proof > a { display: inline-flex; align-items: center; min-height: 44px; font-size: var(--t-small); }
.treasury-proof > :last-child { margin-bottom: var(--sp-4); }
.treasury-limitations { max-width: 90ch; color: var(--cream-2); }
.treasury-limitations h4 { font-size: var(--t-small); margin: var(--sp-3) 0 .3rem; }
.treasury-limitations ul { margin: 0 0 var(--sp-3); padding-left: 1.2em; line-height: 1.65; }
.treasury-footnote, .treasury-coverage-note, .treasury-health-note { color: var(--cream-3); font-size: var(--t-meta); line-height: 1.6; margin: var(--sp-3) 0; max-width: 100ch; }
.treasury-coverage-note { padding: .7rem 1rem; border: 1px solid var(--rule); background: var(--night-2); color: var(--cream-2); }
.treasury-empty { padding: var(--sp-5); border: 1px dashed var(--rule-2); color: var(--cream-2); font-size: var(--t-small); line-height: 1.7; border-radius: var(--r-1); }
.treasury-source-links { display: flex; flex-wrap: wrap; gap: .2rem 1.5rem; font-size: var(--t-small); margin: var(--sp-4) 0; }
.treasury-source-links a { display: inline-flex; align-items: center; min-height: 44px; }



/* Deeper records: disclosures in two columns; an open one spans both. */
.treasury-deepdives { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 var(--sp-5); margin-top: var(--sp-5); }
.treasury-deepdive { min-width: 0; scroll-margin-top: 90px; }
.treasury-deepdive > summary { font: 400 1.15rem/1.3 var(--serif) !important; color: var(--cream) !important; min-height: 56px !important; }
.treasury-deepdive[open] { grid-column: 1 / -1; }
.treasury-deepdive > .treasury-section { margin: var(--sp-3) 0 var(--sp-5); }
.treasury-deepdive > .treasury-section > .treasury-section__head h2 { display: none; }
.treasury-section { margin-top: var(--sp-6); min-width: 0; }
.treasury-section__head { margin-bottom: var(--sp-4); }
.treasury-section__head h2 { font: 400 var(--t-h2)/1.1 var(--serif); margin: 0 0 .4rem; }
.treasury-section__head > p { margin: 0; color: var(--cream-3); font-size: var(--t-small); }
.treasury-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(11rem, 100%), 1fr)); gap: 0; margin: var(--sp-4) 0; border-block: 1px solid var(--rule); }
.treasury-stats > .treasury-stat { padding: var(--sp-4) var(--sp-4) var(--sp-4) 0; }
.treasury-stats > .treasury-stat + .treasury-stat { padding-left: var(--sp-4); border-left: 1px solid var(--rule); }
.treasury-hero { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(min(15rem, 100%), 1fr); gap: var(--sp-6); padding: var(--sp-5) 0; border-block: 1px solid var(--rule-2); }
.treasury-hero__value { display: block; margin: .4rem 0; font: 340 clamp(2.6rem, 1.8rem + 3vw, 4.2rem)/1.05 var(--serif); letter-spacing: -.015em; overflow-wrap: anywhere; }
.treasury-hero p { color: var(--cream-2); font-size: var(--t-small); margin: .4rem 0; }
.treasury-hero__basis { color: var(--cream-3); font-size: var(--t-meta); }
.treasury-hero__changes { display: grid; grid-template-columns: 1fr 1fr; align-content: center; gap: var(--sp-4); padding-left: var(--sp-5); border-left: 1px solid var(--rule); }
.treasury-split { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sp-4); margin: var(--sp-4) 0 0; padding-top: var(--sp-4); border-top: 1px solid var(--rule); }
.treasury-position-controls { display: flex; gap: var(--sp-4); align-items: center; flex-wrap: wrap; }
.treasury-position-controls input { flex: 1; min-width: 12rem; }
.treasury-position-controls + div > p { color: var(--cream-3); font-size: var(--t-meta); margin: var(--sp-3) 0; }
.treasury-paging { display: flex; justify-content: space-between; align-items: center; gap: .75rem; margin-top: var(--sp-4); font-size: var(--t-meta); color: var(--cream-3); }
.treasury-hub button:disabled { opacity: .4; cursor: default; }

@media (max-width: 1100px) {
  .treasury-command { align-items: flex-start; }
}
@media (max-width: 1000px) {
  .treasury-row2 { grid-template-columns: minmax(0, 1fr); }
  .treasury-cockpit .treasury-hub__header { display: block; }
  .treasury-cockpit .treasury-actions { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: .3rem 1.2rem; width: 100%; margin-top: var(--sp-4); }
  .treasury-actions__share { flex: 0 1 21rem; }
  .treasury-actions .treasury-share-status { flex-basis: 100%; text-align: left; }
  .treasury-command { flex-direction: column; }
  .treasury-command__time { text-align: left; }
.treasury-deepdives { grid-template-columns: 1fr; }
  .treasury-chart { padding: var(--sp-3) var(--sp-3) 0; }
  .treasury-cockpit .treasury-panel .treasury-chart__legend { min-height: 0; }
  .treasury-hero { grid-template-columns: 1fr; gap: var(--sp-4); }
  .treasury-hero__changes { padding: var(--sp-4) 0 0; border-left: 0; border-top: 1px solid var(--rule); }
}
@media (max-width: 600px) {
  .treasury-cockpit .treasury-actions { display: grid; justify-content: stretch; }
  .treasury-actions__links { justify-content: flex-start; }
}
@media print {
  #app.treasury-hub { color: #111; }
  .treasury-actions, .treasury-tabs, .treasury-paging { display: none; }
  .treasury-table-wrap { overflow: visible; }
  .treasury-section { break-inside: avoid; }
}
@media (max-width: 420px) {
  .treasury-actions__share { grid-template-columns: 1fr; }
  .treasury-tabs { max-width: 100%; }
  .treasury-tabs .living-button { padding: 0 .6rem; }
}
.treasury-paging { flex-wrap: wrap; }
@media (max-width: 420px) { .treasury-paging .living-button { padding: 0 .7rem; } .treasury-paging > span, .treasury-paging > p { flex-basis: 100%; order: -1; text-align: center; } }

/* Large text: figures cap their growth by viewport width; heads and actions reflow. */
.treasury-stat__value { font-size: min(var(--t-fig-l), 10vw); }
.treasury-hero__value { font-size: min(clamp(2.6rem, 1.8rem + 3vw, 4.2rem), 12vw); }
@media (max-width: 1000px) { .treasury-actions__share { flex: 1 1 100%; } }
.treasury-position-controls input { min-width: min(12rem, 100%); }
@media (max-width: 420px) {
.treasury-split, .treasury-hero__changes, .treasury-chart-summary { grid-template-columns: minmax(0, 1fr); }
  .treasury-stats > .treasury-stat + .treasury-stat { padding-left: 0; border-left: 0; }
}
/* With large text the header has too few ems for two columns: stack it, as below 1000px. */
@container (max-width: 52rem) {
  .treasury-cockpit .treasury-hub__header > * { grid-column: 1 / -1; }
  .treasury-cockpit .treasury-actions { grid-row: auto; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: .3rem 1.2rem; width: 100%; margin-top: var(--sp-4); }
  .treasury-cockpit .treasury-actions__share { flex: 0 1 21rem; }
  .treasury-cockpit .treasury-actions .treasury-share-status { flex-basis: 100%; text-align: left; }
}


/* ---------- v3 headline: four figures, each with one job ---------- */
.treasury-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule-2); }
.treasury-kpi { display: flex; flex-direction: column; gap: .35rem; min-width: 0; padding: var(--sp-4) var(--sp-5) var(--sp-4) 0; }
.treasury-kpi + .treasury-kpi { padding-left: var(--sp-5); border-left: 1px solid var(--rule); }
.treasury-kpi .treasury-stat__label { display: flex; align-items: center; gap: .35rem; min-height: 2.7em; }
.treasury-kpi .treasury-stat__value { min-width: 0; font-size: min(clamp(1.9rem, 1.2rem + 1.4vw, 2.6rem), 3vw); white-space: nowrap; overflow-wrap: normal; }
/* A figure stays on one line (a line may break between "−" and "$"). A KPI without data-exact shows a state in words
   ("Unavailable"), which wraps between words: nowrap vi "Không có dữ liệu" pushed the Treasury page sideways at 390px
   (394px wide at normal text, 407px at 200% in Chromium, 411px in WebKit). */
.treasury-kpi:not([data-exact]) .treasury-stat__value { white-space: normal; }
.treasury-kpi__unit { font-size: .62em; letter-spacing: .02em; }
.treasury-stat__value--glow { color: var(--glow); }
.treasury-stat__value--neg { color: var(--ember); }
.treasury-stat__value--pos { color: var(--moss); }
.treasury-kpi__rate { display: block; color: var(--cream-2); font-size: var(--t-meta); }
.treasury-kpi__rate b { color: var(--glow); font: 500 1.15rem/1.2 var(--serif); font-variant-numeric: tabular-nums; }
.treasury-kpi__rate-main, .treasury-kpi__rate-sub { display: block; }
.treasury-kpi__rate-sub { margin-top: .1rem; }
.treasury-kpi__rate-sub b { color: var(--cream); font-size: .92rem; }
.treasury-kpi__rate-note { display: block; margin-top: .25rem; color: var(--cream-3); line-height: 1.45; }
.treasury-kpi__visual { margin-top: auto; padding-top: .4rem; }
.treasury-kpi__caption { display: block; margin-top: .2rem; color: var(--cream-4); font-size: .72rem; }
.treasury-spark { display: block; width: 100%; height: 28px; }
.treasury-spark__line { fill: none; stroke-width: 1.5; stroke-linejoin: round; }
.treasury-spark__bar { fill: var(--glow-dim, #7d9431); }
.treasury-spark__bar--last { fill: var(--glow); }

/* Information buttons: small mark, generous tap area. */
.treasury-info { position: relative; display: inline-flex; text-transform: none; letter-spacing: 0; font-weight: 400; }
.treasury-info__button { width: 32px; height: 32px; margin: -9px -8px; padding: 0; border: 0; background: none; color: inherit; cursor: pointer; display: inline-grid; place-items: center; }
.treasury-info__button > span { width: 16px; height: 16px; border-radius: 50%; border: 1px solid var(--rule-3); color: var(--cream-3); font: 600 9.5px/14px var(--mono); text-align: center; }
.treasury-info__button:hover > span, .treasury-info__button[aria-expanded="true"] > span { border-color: var(--glow); color: var(--glow); }
.treasury-info__pop { position: absolute; z-index: 30; top: calc(100% + 10px); left: -10px; width: min(18rem, 80vw); padding: .7rem .85rem; border: 1px solid var(--rule-2); border-radius: var(--r-1); background: var(--night-3); color: var(--cream-2); font: 400 .8rem/1.5 var(--sans); box-shadow: 0 10px 30px rgba(0, 0, 0, .5); }
.treasury-info__pop b { color: var(--cream); font-weight: 600; }
.treasury-info__pop ul { margin: .4rem 0 0; padding-left: 1rem; display: grid; gap: .2rem; }

/* Shared block heads inside the panels. */
.treasury-badge { display: inline-block; padding: 2px 6px; border: 1px solid var(--rule-2); border-radius: 3px; color: var(--cream-3); font: 600 .66rem/1.3 var(--mono); white-space: nowrap; }
.treasury-badge--wrapper { border-color: rgba(232, 201, 106, .55); color: var(--spore); }

/* Where the liquidity works. */
.treasury-pool-row:hover, .treasury-pool-row.is-open { background: var(--night-3); }
.treasury-pool-row--head { min-height: 0; padding-block: .4rem; border-bottom: 1px solid var(--rule-2); color: var(--cream-3); font: 600 .62rem/1.25 var(--sans); letter-spacing: .1em; text-transform: uppercase; cursor: default; }
.treasury-pool-row--head:hover { background: none; }
.treasury-pool-row__name { min-width: 0; display: flex; align-items: center; gap: .4rem; color: var(--cream); white-space: nowrap; overflow: hidden; }
.treasury-pool-row__name > span:first-child { overflow: hidden; text-overflow: ellipsis; }
.treasury-pool-row__m { display: none; }
.treasury-pool-row__tier, .treasury-pool-row__fees { font: 500 .78rem var(--mono); font-variant-numeric: tabular-nums; color: var(--cream); }
.treasury-pool-row__fees { text-align: right; }
.treasury-pool-row__liq, .treasury-pool-row__share { display: flex; align-items: center; gap: .45rem; min-width: 0; font: 500 .76rem var(--mono); }
.treasury-pool-row__meter { position: relative; flex: 1; height: 6px; background: var(--night-4); border-radius: 1px; overflow: hidden; min-width: 2rem; }
.treasury-pool-row__meter { flex: 0 0 2.4rem; }
.treasury-pool-row__meter > i { position: absolute; left: 0; top: 0; bottom: 0; }
.treasury-pool-row__meter > i { background: var(--lichen); }
.treasury-pool-row__status { display: flex; align-items: center; gap: .4rem; font-size: .78rem; white-space: nowrap; }
.treasury-mini-range__track { fill: var(--rule-2); }
.treasury-mini-range__band { fill: none; stroke-width: 1; }
.treasury-mini-range__now { fill: var(--cream); }
.treasury-mini-range--in .treasury-mini-range__band { stroke: var(--glow); }
.treasury-mini-range--waiting .treasury-mini-range__band { stroke: var(--spore); }
.treasury-mini-range--out .treasury-mini-range__band { stroke: var(--ember); }

/* Pool panel and the reusable position card. */
.treasury-pool-panel { padding: var(--sp-4) .5rem var(--sp-4); border-bottom: 1px solid var(--rule-2); background: var(--night-3); }
.treasury-pool-panel__line { display: flex; flex-wrap: wrap; gap: .2rem 1.2rem; color: var(--cream-3); font: 500 .76rem var(--mono); }
.treasury-pool-panel__note { margin: .5rem 0 .8rem; color: var(--cream-3); font-size: var(--t-meta); }
.treasury-pcs { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 19rem), 1fr)); gap: .8rem; }
.treasury-pc { display: grid; gap: .65rem; min-width: 0; padding: .9rem; border: 1px solid var(--rule-2); border-radius: var(--r-1); background: var(--night-2); }
.treasury-pc__head { display: flex; justify-content: space-between; align-items: flex-start; gap: .5rem; }
.treasury-pc__head h4 { margin: 0; font: 500 .95rem/1.3 var(--sans); color: var(--cream); }
.treasury-pc__head h4 small { margin-left: .35rem; color: var(--cream-3); font: 500 .72rem var(--mono); }
.treasury-pill { padding: 3px 7px; border: 1px solid currentColor; border-radius: 3px; font: 600 .68rem/1.2 var(--mono); white-space: nowrap; }
.treasury-pill--in { color: var(--glow); }
.treasury-pill--waiting { color: var(--spore); }
.treasury-pill--out { color: var(--ember); }
.treasury-pc__badges { display: flex; flex-wrap: wrap; gap: .3rem; }
.treasury-range svg { display: block; width: 100%; height: 30px; }
.treasury-range__track { fill: var(--night-4); }
.treasury-range__band { stroke-width: 1; fill-opacity: .25; }
.treasury-range__band--in { fill: var(--glow); stroke: var(--glow); }
.treasury-range__band--waiting { fill: var(--spore); stroke: var(--spore); }
.treasury-range__band--out { fill: var(--ember); stroke: var(--ember); }
.treasury-range__now { fill: var(--cream); }
.treasury-range__labels { display: flex; justify-content: space-between; gap: .6rem; color: var(--cream-3); font: 500 .68rem var(--mono); }
.treasury-pc__stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; background: var(--rule); border: 1px solid var(--rule); }
.treasury-pc__stats > div { min-width: 0; padding: .55rem .65rem; background: var(--night-2); }
.treasury-pc__k { color: var(--cream-3); font: 600 .6rem/1.3 var(--sans); letter-spacing: .1em; text-transform: uppercase; }
.treasury-pc__v { margin-top: .15rem; font: 400 1.02rem/1.25 var(--serif); color: var(--cream); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.treasury-pc__v--neg { color: var(--ember); }
.treasury-pc__v--pos { color: var(--glow); }
.treasury-pc__v--na { color: var(--cream-3); font-size: .9rem; }
.treasury-pc__s { color: var(--cream-3); font-size: .72rem; line-height: 1.35; overflow-wrap: anywhere; }
.treasury-pc__mods { display: grid; gap: .3rem; }
.treasury-pc__mod { display: flex; justify-content: space-between; gap: .6rem; padding: .4rem .55rem; border-left: 2px solid var(--spore); background: var(--night-3); color: var(--cream-2); font-size: .78rem; }
.treasury-pc__mod b { font: 500 .78rem var(--mono); color: var(--cream); white-space: nowrap; }
.treasury-pc__foot a { display: inline-flex; align-items: center; min-height: 44px; font-size: var(--t-meta); }

/* What moved it, beside Treasury actions. */
.treasury-row2 > .treasury-panel { padding: var(--sp-5); }
.treasury-attr__note { margin: .6rem 0 0; color: var(--cream-2); font-size: var(--t-meta); }
.treasury-attr__ends { display: flex; align-items: baseline; flex-wrap: wrap; gap: .5rem; margin: var(--sp-4) 0 .2rem; font-variant-numeric: tabular-nums; }
.treasury-attr__ends b { font: 400 1.4rem/1.1 var(--serif); color: var(--cream); }
.treasury-attr__ends > span[aria-hidden] { color: var(--cream-3); }
.treasury-attr__change { margin-left: auto; font: 600 .85rem var(--mono); }
.treasury-attr__change.is-neg { color: var(--ember); }
.treasury-attr__change.is-pos { color: var(--glow); }
.treasury-attr__endnote { margin: 0 0 .4rem; color: var(--cream-3); font-size: .74rem; }
.treasury-attr__group { display: flex; flex-wrap: wrap; align-items: baseline; gap: .1rem .5rem; margin: var(--sp-3) 0 .15rem; color: var(--moss); font: 600 .64rem/1.3 var(--sans); letter-spacing: .12em; text-transform: uppercase; }
.treasury-attr__group small { color: var(--cream-3); font: 500 .72rem var(--sans); letter-spacing: 0; text-transform: none; }
button.treasury-attr__row { cursor: pointer; }
button.treasury-attr__row:hover { background: rgba(239, 231, 210, .03); }
.treasury-attr__label em { margin-left: .4rem; color: var(--cream-3); font-style: normal; font-size: .76rem; }
.treasury-attr__bar--earned { background: var(--glow); }
.treasury-attr__bar--market { background: var(--spore); }
.treasury-attr__bar--rebalancing { background: var(--ember); }
.treasury-attr__bar--inventory { background: var(--lichen); }
.treasury-attr__bar--transfers { background: var(--moss); }
.treasury-attr__value { font: 500 .8rem var(--mono); text-align: right; font-variant-numeric: tabular-nums; }
.treasury-attr__path { padding: 0 0 .6rem; }
.treasury-attr__path .treasury-chart { padding: .3rem 0 0; }
.treasury-attr__detail, .treasury-tile__detail { display: grid; gap: .1rem; padding: .3rem 0 .6rem; }
.treasury-detail-row { display: flex; flex-wrap: wrap; align-items: center; gap: .2rem 1rem; padding: .3rem 0; border-top: 1px dashed var(--rule); color: var(--cream-2); font-size: .78rem; }
.treasury-detail-row a { display: inline-flex; align-items: center; min-height: 32px; }
.treasury-attr__resid { display: flex; justify-content: space-between; gap: 1rem; margin-top: .4rem; padding-top: .5rem; border-top: 1px dashed var(--rule-2); color: var(--cream-3); font: 500 .76rem var(--mono); }
.treasury-attr__foot { display: flex; justify-content: space-between; flex-wrap: wrap; gap: .4rem 1rem; margin-top: var(--sp-3); padding-top: .6rem; border-top: 1px solid var(--rule-2); color: var(--cream-2); font-size: var(--t-meta); }
.treasury-attr__foot b { font: 500 .85rem var(--mono); color: var(--cream); }
button.treasury-tile { cursor: pointer; }
button.treasury-tile:hover { background: var(--night-3); }
.treasury-tile--wide, .treasury-tile__detail { grid-column: 1 / -1; }
.treasury-tile__detail { padding: .4rem .75rem .6rem; background: var(--night-3); }
.treasury-tile__v { font: 400 1.25rem/1.15 var(--serif); color: var(--cream); font-variant-numeric: tabular-nums; }
.treasury-tile__s { color: var(--cream-3); font-size: .74rem; }

/* Phone: the bottom sheet replaces the inline pool panel. */
.treasury-scrim { position: fixed; inset: 0; z-index: 80; background: rgba(0, 0, 0, .5); }
.treasury-sheet { position: fixed; left: 0; right: 0; bottom: 0; z-index: 81; max-height: 86vh; overflow-y: auto; padding: .6rem var(--sp-4) calc(var(--sp-5) + env(safe-area-inset-bottom, 0px)); border-top: 1px solid var(--rule-3); border-radius: 16px 16px 0 0; background: var(--night-1); box-shadow: 0 -12px 40px rgba(0, 0, 0, .6); }
.treasury-sheet__grab { width: 40px; height: 4px; margin: 0 auto .6rem; border-radius: 2px; background: var(--rule-3); }
.treasury-sheet__head { display: flex; justify-content: space-between; align-items: center; gap: .6rem; margin-bottom: .6rem; }
.treasury-sheet__head b { font: 400 1.05rem/1.2 var(--serif); color: var(--cream); }
.treasury-sheet .treasury-pool-panel { padding-inline: 0; background: none; border: 0; }

@media (max-width: 1100px) {
  .treasury-kpi { padding-right: var(--sp-4); }
  .treasury-kpi + .treasury-kpi { padding-left: var(--sp-4); }
}
@media (max-width: 1000px) {
  .treasury-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .treasury-kpi:nth-child(3) { padding-left: 0; border-left: 0; }
  .treasury-kpi:nth-child(n+3) { border-top: 1px solid var(--rule); }
  .treasury-kpi .treasury-stat__value { font-size: min(clamp(1.7rem, 1.2rem + 1.4vw, 2.3rem), 6vw); }
}
@media (max-width: 700px) {
  .treasury-kpi { padding: var(--sp-3) var(--sp-3) var(--sp-3) 0; }
  .treasury-kpi + .treasury-kpi { padding-left: var(--sp-3); }
  .treasury-kpi:nth-child(3) { padding-left: 0; }
  .treasury-kpi .treasury-stat__value { font-size: min(1.55rem, 6.4vw); }
  .treasury-kpi .treasury-stat__label { letter-spacing: .08em; }
  .treasury-info__button { width: 44px; height: 44px; margin: -14px -13px; }
  /* Tabs share the full width equally on one row while every word fits, and wrap to a new row when one
     would not. A tab cannot shrink below its longest word: in fixed equal columns, long words ("acumulados",
     "Principal", "Recompensas") spilled over the next tab, at normal text in Spanish and at 200% text in
     every language, and the last tab could push the page sideways (es Treasury 395px wide at 390px). */
  .treasury-tabs { display: flex; flex-wrap: wrap; width: 100%; }
  .treasury-tabs .living-button { flex: 1 1 0; padding: 0 .4rem; }
  .treasury-tile__v { font-size: 1.08rem; }
}
/* Row layouts follow the space they get, so phones and enlarged root text share the compact forms. */
.treasury-attr { container: moved / inline-size; }
.treasury-actions-panel { container: actions / inline-size; }
@container pools (max-width: 44rem) {
  .treasury-pool-row--head, .treasury-pool-row__tier, .treasury-pool-row__status { display: none; }
  .treasury-pool-row { grid-template-columns: minmax(0, 1fr) auto; gap: .35rem .7rem; padding: .7rem .2rem; }
  .treasury-pool-row__name { white-space: normal; flex-wrap: wrap; }
  .treasury-pool-row__m { display: inline; }
  .treasury-pool-row__fees { order: 2; display: grid; justify-items: end; line-height: 1.25; }
  .treasury-pool-row__sub { display: block; color: var(--cream-3); font: 500 .66rem var(--sans); }
  .treasury-pool-row__liq { order: 3; }
  .treasury-pool-row__share { order: 4; justify-content: flex-end; white-space: nowrap; }
  .treasury-pool-row__meter { flex-basis: 1.8rem; }
}
@container pools (max-width: 18rem) {
  .treasury-pool-row__liq, .treasury-pool-row__share { grid-column: 1 / -1; flex-wrap: wrap; white-space: normal; justify-content: flex-start; }
}
@container actions (max-width: 20rem) {
  .treasury-tile--wide { grid-column: auto; }
}
@media (max-width: 380px) {
  .treasury-kpis { grid-template-columns: minmax(0, 1fr); }
  .treasury-kpi, .treasury-kpi + .treasury-kpi { padding-left: 0; padding-right: 0; border-left: 0; border-top: 1px solid var(--rule); }
  .treasury-kpi:first-child { border-top: 0; }
}

/* ---- v3 polish (3 Oct 2026): one spacing rhythm, labelled composition, quieter controls ---- */
.treasury-block__head { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: var(--sp-3) var(--sp-5); }
.treasury-block__head h2 { display: flex; align-items: center; gap: .45rem; margin: 0 0 .3rem; font: 400 1.5rem/1.15 var(--serif); }
.treasury-block__head p { margin: 0; color: var(--cream-3); font-size: var(--t-meta); }
.treasury-where { container: pools / inline-size; margin-top: var(--sp-6); padding: var(--sp-6); border: 1px solid var(--rule); border-radius: var(--r-1); background: var(--night-2); }
.treasury-where__stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: var(--sp-5) 0 0; border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); }
.treasury-where__stats > div { display: grid; align-content: start; gap: .3rem; min-width: 0; padding: var(--sp-4) var(--sp-5) var(--sp-4) 0; }
.treasury-where__stats > div + div { padding-left: var(--sp-5); border-left: 1px solid var(--rule); }
.treasury-where__stats b { font: 400 var(--t-fig-m)/1.1 var(--serif); color: var(--cream); font-variant-numeric: tabular-nums; }
.treasury-where__stats span { color: var(--cream-3); font-size: var(--t-meta); line-height: 1.4; }

.treasury-comp { display: grid; gap: var(--sp-3); margin-top: var(--sp-5); }
.treasury-comp__row { display: grid; grid-template-columns: 9.5rem minmax(0, 1fr); gap: var(--sp-4); align-items: center; }
.treasury-comp__label { color: var(--cream-2); font-size: var(--t-meta); }
.treasury-comp__bar { display: flex; height: 14px; gap: 2px; overflow: hidden; border-radius: 2px; background: var(--night-4); }
.treasury-comp__seg { display: block; height: 100%; min-width: 2px; transition: opacity .15s; }
.treasury-comp__seg.is-dim { opacity: .25; }
.treasury-comp__legend { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 15.5rem), 1fr)); gap: .25rem var(--sp-5); margin-top: var(--sp-2); }
.treasury-comp__item { display: grid; grid-template-columns: .7rem minmax(0, 1fr) 3rem 3rem; align-items: center; gap: .6rem; min-height: 44px; padding: .35rem .5rem .35rem 0; border: 0; border-top: 1px solid var(--rule); background: none; color: var(--cream-2); font: inherit; text-align: left; }
.treasury-comp__item--head, .treasury-comp__key { display: none; }
button.treasury-comp__item { cursor: pointer; }
button.treasury-comp__item:hover { background: rgba(239, 231, 210, .03); }
.treasury-comp__item[aria-pressed="true"] { background: rgba(199, 229, 65, .06); }
.treasury-comp__item.is-dim { opacity: .55; }
.treasury-comp__swatch { width: .7rem; height: .7rem; border-radius: 2px; }
.treasury-comp__name { display: grid; min-width: 0; }
.treasury-comp__name b { overflow: hidden; color: var(--cream); font-weight: 500; font-size: var(--t-small); white-space: nowrap; text-overflow: ellipsis; }
.treasury-comp__name small { color: var(--cream-3); font-size: .72rem; }
.treasury-comp__num { display: grid; justify-items: end; font: 500 .8rem/1.2 var(--mono); color: var(--cream-2); font-variant-numeric: tabular-nums; }
.treasury-comp__num small { color: var(--cream-3); font: 500 .6rem/1.2 var(--sans); letter-spacing: .08em; text-transform: uppercase; }
.treasury-comp__num--fees { color: var(--glow); }

.treasury-pools__bar { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: var(--sp-3) var(--sp-4); margin-top: var(--sp-6); padding-bottom: var(--sp-3); }
.treasury-pools__title { display: flex; align-items: baseline; flex-wrap: wrap; gap: .3rem var(--sp-3); }
.treasury-pools__title h3 { margin: 0; font: 400 1.15rem/1.2 var(--serif); color: var(--cream); }
.treasury-pools__count { color: var(--cream-3); font-size: var(--t-meta); }
.treasury-pools__pill { min-height: 32px; padding: 0 .65rem; border: 1px solid var(--glow-line, rgba(199, 229, 65, .42)); border-radius: 999px; background: rgba(199, 229, 65, .06); color: var(--glow); font-size: .78rem; cursor: pointer; }
.treasury-pools__range .treasury-tabs { margin: 0; }
.treasury-pools__select-wrap { display: none; }
.treasury-pools__select { min-height: 44px; padding: 0 .6rem; border: 1px solid var(--rule-2); border-radius: var(--r-2); background: var(--night-1); color: var(--cream); font-size: .85rem; }
.treasury-pools { border-top: 1px solid var(--rule-2); }
.treasury-pool-row { display: grid; grid-template-columns: minmax(0, 1.7fr) 4.5rem minmax(0, 1.5fr) 8rem 5.5rem 7.5rem; gap: var(--sp-4); align-items: center; width: 100%; min-height: 52px; padding: .6rem .6rem; border: 0; border-bottom: 1px solid var(--rule); background: none; color: var(--cream-2); font: inherit; font-size: var(--t-small); text-align: left; cursor: pointer; }
.treasury-pool-row--head { min-height: 0; padding-block: .55rem; border-bottom: 1px solid var(--rule-2); color: var(--cream-3); font: 600 .62rem/1.25 var(--sans); letter-spacing: .1em; text-transform: uppercase; cursor: default; }
.treasury-pool-row--head > span:nth-child(5) { text-align: right; }
@media (max-width: 1100px) {
  .treasury-pool-row { grid-template-columns: minmax(0, 1.6fr) 4rem minmax(0, 1.3fr) 7rem 5rem 6.8rem; gap: var(--sp-3); }
}
.treasury-pool-row__dot { flex: 0 0 auto; width: .55rem; height: .55rem; border-radius: 50%; }
.treasury-pool-row__num { white-space: nowrap; }
.treasury-pool-more { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: var(--sp-3) var(--sp-4); padding-top: var(--sp-4); color: var(--cream-3); font-size: var(--t-meta); }
.treasury-pool-more__button { min-height: 40px; }
.treasury-cue { display: flex; flex-wrap: wrap; align-items: center; gap: .2rem .5rem; margin: var(--sp-5) 0 0; padding-top: var(--sp-4); border-top: 1px solid var(--rule); color: var(--cream-3); font-size: var(--t-meta); line-height: 1.5; }
.treasury-cue a { display: inline-flex; align-items: center; min-height: 32px; color: var(--glow); }

.treasury-chev { flex: 0 0 auto; stroke: var(--cream-3); transition: transform .15s; }
.treasury-chev.is-open { transform: rotate(90deg); stroke: var(--glow); }
.treasury-row2 { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--sp-5); margin-top: var(--sp-5); align-items: stretch; }
.treasury-row2 > .treasury-panel { padding: var(--sp-6); }
@media (max-width: 1000px) {
  .treasury-row2 { grid-template-columns: minmax(0, 1fr); }
}
.treasury-attr__ends { margin-top: var(--sp-5); }
.treasury-attr__endnote { margin-bottom: var(--sp-3); }
.treasury-attr__group { margin: var(--sp-5) 0 .35rem; }
.treasury-attr__row { display: grid; grid-template-columns: minmax(9rem, 1.4fr) minmax(6rem, 2.3fr) 5.25rem 1rem; gap: var(--sp-3); align-items: stretch; width: 100%; min-height: 44px; padding: 0; border: 0; border-top: 1px solid var(--rule); background: none; color: var(--cream); font: inherit; font-size: var(--t-small); text-align: left; }
.treasury-attr__row > * { align-self: center; }
.treasury-attr__track { position: relative; display: block; align-self: stretch !important; min-height: 44px; }
.treasury-attr__zero { position: absolute; top: 0; bottom: 0; width: 1px; background: var(--rule-3); }
.treasury-attr__bar { position: absolute; top: 50%; height: 12px; margin-top: -6px; min-width: 2px; border-radius: 1px; }
.treasury-attr__chev { display: flex; justify-content: flex-end; }
button.treasury-attr__row:hover .treasury-chev { stroke: var(--glow); }
.treasury-attr__foot { margin-top: var(--sp-4); padding-top: var(--sp-3); }
.treasury-attr__foot b { font: 500 1rem var(--mono); }

.treasury-tiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; margin-top: var(--sp-5); background: var(--rule); border: 1px solid var(--rule); border-radius: var(--r-1); overflow: hidden; }
.treasury-tile { display: grid; align-content: start; gap: .3rem; min-width: 0; padding: var(--sp-4); border: 0; background: var(--night-2); color: var(--cream-2); font: inherit; text-align: left; }
.treasury-tile:last-child:nth-child(odd) { grid-column: 1 / -1; }
.treasury-tile__k { display: flex; align-items: center; gap: .3rem; color: var(--cream-3); font-size: var(--t-meta); }
.treasury-tile__k .treasury-chev { margin-left: auto; }
.treasury-zero-line { margin: var(--sp-3) 0 0; color: var(--cream-3); font-size: var(--t-meta); }
.treasury-strip-wrap { margin-top: var(--sp-5); padding-top: var(--sp-4); border-top: 1px solid var(--rule); }
.treasury-strip__legend { display: flex; flex-wrap: wrap; gap: .3rem var(--sp-4); margin-bottom: var(--sp-2); color: var(--cream-3); font-size: .76rem; }
.treasury-strip__key { display: inline-flex; align-items: center; gap: .4rem; }
.treasury-strip__sw { display: inline-block; width: .65rem; height: .65rem; border-radius: 2px; }
.treasury-strip__sw--collected, .treasury-strip__collected { background: var(--lichen); fill: var(--lichen); }
.treasury-strip__sw--in, .treasury-strip__in { background: var(--glow); fill: var(--glow); }
.treasury-strip__sw--out, .treasury-strip__out { background: var(--ember); fill: var(--ember); }
.treasury-strip { display: block; width: 100%; max-width: 34rem; height: auto; }
.treasury-strip text { fill: var(--cream-3); font: 500 9.5px var(--mono); }
.treasury-strip .treasury-strip__peak { fill: var(--cream); }
.treasury-strip__axis { stroke: var(--rule-3); }
.treasury-strip__base { stroke: var(--rule-2); }
.treasury-disclosure-button { display: inline-flex; align-items: center; gap: .45rem; min-height: 44px; margin-top: var(--sp-3); padding: 0; border: 0; background: none; color: var(--glow); font-size: var(--t-small); cursor: pointer; }
.treasury-disclosure-button .treasury-chev { stroke: var(--glow); }

@container pools (max-width: 44rem) {
  .treasury-where__stats { grid-template-columns: minmax(0, 1fr); }
  .treasury-where__stats > div, .treasury-where__stats > div + div { display: flex; align-items: baseline; gap: .6rem; padding: var(--sp-3) 0; border-left: 0; }
  .treasury-where__stats > div + div { border-top: 1px solid var(--rule); }
  .treasury-where__stats b { flex: 0 0 auto; min-width: 3.2rem; font-size: 1.3rem; }
  .treasury-comp__row { grid-template-columns: minmax(0, 1fr); gap: .35rem; }
  .treasury-comp__item--head { display: grid; min-height: 0; padding-block: .2rem; border-top: 0; color: var(--cream-3); font-size: .66rem; }
  .treasury-comp__item--head > span:nth-child(n+3) { text-align: right; }
  .treasury-comp__legend { grid-template-columns: minmax(0, 1fr); }
  .treasury-comp__item { grid-template-columns: .7rem minmax(0, 1fr) 4.2rem 4.2rem; }
  .treasury-comp__num small { display: none; }
  .treasury-comp__item:not(.treasury-comp__item--head) { min-height: 40px; padding-block: .3rem; }
  .treasury-comp__name { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: .45rem; }
  .treasury-pools__range .treasury-tabs { display: none; }
  .treasury-pools__select-wrap { display: block; }
  .treasury-pool-row--head, .treasury-pool-row__tier, .treasury-pool-row__status { display: none; }
  .treasury-pool-row { grid-template-columns: minmax(0, 1fr) auto auto; gap: .4rem .7rem; padding: .75rem .2rem; }
  .treasury-pool-row__name { grid-column: 1 / 3; }
  .treasury-pool-row__fees { grid-column: 3; }
  .treasury-pool-row__liq { grid-column: 1; }
  .treasury-pool-row__share { grid-column: 2 / 4; }
  .treasury-pool-row__name { white-space: normal; flex-wrap: wrap; }
  .treasury-pool-row__m { display: inline; }
  .treasury-pool-row__inline-tier { color: var(--cream-3); font: 500 .74rem var(--mono); }
  .treasury-pool-row__fees { order: 2; display: grid; justify-items: end; line-height: 1.25; }
  .treasury-pool-row__sub { display: block; color: var(--cream-3); font: 500 .66rem var(--sans); }
  .treasury-pool-row__liq { order: 3; }
  .treasury-pool-row__liq .treasury-pool-row__sub, .treasury-pool-row__share .treasury-pool-row__sub { display: inline; margin-left: .25rem; }
  .treasury-pool-row__share { order: 4; justify-content: flex-end; white-space: nowrap; }
  .treasury-pool-row__meter { flex-basis: 1.8rem; }
}
/* Very narrow containers (large text on phones): numbers move under the group name. */
@container pools (max-width: 13rem) {
  .treasury-comp__item--head { display: none; }
  .treasury-comp__item { grid-template-columns: .7rem minmax(0, 1fr) minmax(0, 1fr); row-gap: .2rem; }
  .treasury-comp__name { grid-column: 2 / 4; }
  .treasury-comp__num { grid-column: 2; justify-items: start; }
  .treasury-comp__num--fees { grid-column: 3; }
  .treasury-comp__num small { display: block; letter-spacing: 0; text-transform: none; }
  .treasury-comp__name b { white-space: normal; }
}
@container pools (min-width: 44.01rem) {
  /* Each entry stacks its liquidity and fee shares at the right. */
  .treasury-comp__legend { position: relative; grid-template-columns: repeat(auto-fill, minmax(min(100%, 15rem), 1fr)); column-gap: var(--sp-4); }
  .treasury-comp__item { grid-template-columns: .7rem minmax(0, 1fr) auto; grid-template-rows: 1fr 1fr; column-gap: .55rem; row-gap: .1rem; padding: .5rem .4rem .5rem 0; }
  .treasury-comp__swatch { grid-row: 1 / 3; }
  .treasury-comp__name { grid-row: 1 / 3; align-self: center; }
  .treasury-comp__num { grid-column: 3; grid-row: 1; align-self: center; display: flex; flex-direction: row-reverse; align-items: baseline; gap: .35rem; }
  .treasury-comp__num--fees { grid-row: 2; }
  .treasury-comp__num small { font-size: .56rem; letter-spacing: .06em; }
}
@container pools (min-width: 70rem) {
  /* Wide: every group on one line under the bars, with one key in the label column. */
  .treasury-comp__legend { grid-template-columns: 9.5rem; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); }
  .treasury-comp__item { column-gap: .45rem; padding-right: 0; }
  .treasury-comp__key { display: grid; grid-template-rows: 1fr 1fr; row-gap: .1rem; align-items: center; padding: .5rem 0; border-top: 1px solid var(--rule); color: var(--cream-3); font: 600 .6rem/1.2 var(--sans); letter-spacing: .08em; text-transform: uppercase; }
  .treasury-comp__key span + span { color: var(--glow); }
  .treasury-comp__num small { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
}
@media (max-width: 700px) {
  .treasury-where, .treasury-row2 > .treasury-panel { padding: var(--sp-4); }
  .treasury-where { margin-top: var(--sp-5); }
  .treasury-block__head h2 { font-size: 1.3rem; }
  .treasury-tile { padding: var(--sp-3); }
}
@container moved (max-width: 30rem) {
  .treasury-attr__row { grid-template-columns: minmax(0, 1fr) auto 1rem; gap: 0 var(--sp-3); padding: .45rem 0 .55rem; }
  .treasury-attr__track { grid-column: 1 / -1; order: 3; min-height: 16px; }
  .treasury-attr__chev { order: 2; }
}
@container actions (max-width: 24rem) {
  .treasury-tile { padding: var(--sp-3); }
  .treasury-tile__v { font-size: .98rem; }
}
@container actions (max-width: 20rem) {
  .treasury-tiles { grid-template-columns: minmax(0, 1fr); }
}

/* Treasury refinement: period income, explicit range and compact evidence. */
.treasury-row2 + .treasury-where { margin-top: var(--sp-5); }
.treasury-closed-income { margin-top: var(--sp-4); }
.treasury-pool-row__range-mobile { color: var(--cream-2); font-size: .7rem; }
.treasury-pool-row__range-mobile > svg { margin-right: .25rem; vertical-align: middle; }
.treasury-pc > .treasury-proof { margin-top: var(--sp-3); font-size: var(--t-meta); }
.treasury-pool-row__liq { justify-content: flex-end; }
@media (max-width: 700px) {
  .treasury-pool-row__range-mobile { flex-basis: 100%; }
  .treasury-pool-row__liq { justify-content: flex-start; }
}

/* ---------- The SHROOM band (6 Oct 2026): ahead of the dollar cards, follows the period toggle ---------- */
.treasury-band { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: var(--sp-4) var(--sp-6); margin: 0 0 var(--sp-4); padding: var(--sp-5); border: 1px solid var(--glow-line); border-radius: var(--r-1); background: linear-gradient(180deg, var(--glow-wash), transparent 70%), var(--night-2); }
.treasury-band--no-chart { grid-template-columns: minmax(0, 1fr); }
.treasury-band__figs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sp-5); min-width: 0; }
.treasury-band__fig { display: flex; flex-direction: column; gap: .4rem; min-width: 0; }
.treasury-band__fig + .treasury-band__fig { padding-left: var(--sp-5); border-left: 1px solid var(--rule); }
.treasury-band__label { display: flex; align-items: center; gap: .35rem; color: var(--cream-2); font: 600 .72rem/1.35 var(--sans); letter-spacing: .12em; text-transform: uppercase; }
.treasury-band__value { font: 360 min(clamp(2.1rem, 1.3rem + 1.6vw, 2.9rem), 9vw)/1.05 var(--serif); letter-spacing: -.012em; color: var(--cream); font-variant-numeric: lining-nums tabular-nums; }
.treasury-band__value.treasury-stat__value--glow { color: var(--glow); }
.treasury-band__change { font: 500 1rem/1.3 var(--serif); font-variant-numeric: tabular-nums; color: var(--cream); }
.treasury-band__change.is-pos { color: var(--glow); }
.treasury-band__change.is-neg { color: var(--ember); }
.treasury-band__parts, .treasury-band__note { margin: 0; color: var(--cream-2); font-size: var(--t-small); line-height: 1.55; }
.treasury-band__rate { color: var(--cream); font: 500 .98rem/1.35 var(--serif); font-variant-numeric: tabular-nums; }
.treasury-band__chart { min-width: 0; }
.treasury-band__chart .treasury-chart { margin: 0; }
.treasury-band__foot { grid-column: 1 / -1; margin: 0; padding-top: var(--sp-3); border-top: 1px solid var(--rule); color: var(--cream-2); font-size: var(--t-small); line-height: 1.55; }
.treasury-band__foot p { margin: 0; }
.treasury-band__foot .treasury-band__bridge { margin-top: .35rem; color: var(--cream-3); }
.treasury-band__none { margin: 0; color: var(--cream-2); font-size: var(--t-small); line-height: 1.55; }
.treasury-band__none b { color: var(--cream); }
.treasury-band__fact { color: var(--cream); }
.treasury-band .treasury-chart__legend [data-series="daily"]::before, .treasury-band .treasury-chart__legend [data-series="burned"]::before { width: 9px; height: 9px; vertical-align: -.05em; background: var(--moss); }
.treasury-band .treasury-chart__legend [data-series="burned"]::before { background: var(--ember); }
@media (max-width: 1100px) {
  .treasury-band { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 700px) {
  .treasury-band { padding: var(--sp-4); }
  .treasury-band__figs { grid-template-columns: minmax(0, 1fr); gap: var(--sp-4); }
  .treasury-band__fig + .treasury-band__fig { padding: var(--sp-4) 0 0; border-left: 0; border-top: 1px solid var(--rule); }
  .treasury-band__value { font-size: min(2.2rem, 10vw); }
}

/* ---- The transaction ledger while it loads (7 Oct 2026): a shroom-treasury-v2 document's entries arrive as their own
   document; the views built on them say they are loading, or why they failed, instead of showing an empty ledger. ---- */
.treasury-ledger-wait { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-3); margin: 0; color: var(--cream-2); font-size: var(--t-small); line-height: 1.55; }
.treasury-ledger-wait.is-failed { color: var(--cream); }
span.treasury-ledger-wait { display: inline-flex; }
.treasury-ledger-wait__retry { font-size: var(--t-small); }
.treasury-band__chart--wait { display: flex; align-items: center; justify-content: center; min-height: 170px; border: 1px dashed var(--rule); border-radius: var(--r-2); padding: var(--sp-3); text-align: center; }

/* ---- Layout fixes (12 Oct 2026), after the v3 polish block so they win the cascade ---- */
/* Pools table: every figure column lines up with its heading. "Treasury liquidity" and "Share of active" headed from the
   left while their figures sat at the right (liquidity) or behind the meter (share), so $12.1K read as belonging to
   neither. Figures and their headings now share the right edge; the share meters stay in one column at the left. */
@container pools (min-width: 44.01rem) {
  .treasury-pool-row--head > span:nth-child(3), .treasury-pool-row--head > span:nth-child(4), .treasury-pool-row--head > span:nth-child(5) { text-align: right; }
  .treasury-pool-row__share > .treasury-pool-row__num { margin-left: auto; }
}
/* Closed-pool evidence: the pool id, then its transactions as separate small links that wrap; more than three fold into
   "N transactions" (the metric-proof disclosure, small) that opens to the list under it. Before, 25-40 hashes ran
   together as one unbroken string several screens wide. */
.treasury-evidence { display: grid; grid-template-columns: auto auto; justify-content: end; align-items: baseline; column-gap: .75rem; white-space: normal; }
.treasury-evidence > .treasury-address { color: var(--cream-3); white-space: nowrap; }
.treasury-evidence > .treasury-address:only-child { grid-column: 1 / -1; }
.treasury-closed-income .treasury-table td { vertical-align: baseline; }  /* the pool, tier and income sit on the evidence's first line */
.treasury-evidence__links { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .3rem; width: max-content; max-width: min(28rem, 70vw); margin: 0 0 0 auto; padding: 0; list-style: none; }
.treasury-evidence__links a { display: inline-flex; align-items: center; min-height: 28px; padding: 0 .45rem; border: 1px solid var(--rule-2); border-radius: var(--r-1); font: 500 .74rem var(--mono); white-space: nowrap; text-decoration: none; }
.treasury-evidence__links a:hover, .treasury-evidence__links a:focus-visible { border-color: var(--glow-line); background: var(--glow-wash); }
.treasury-evidence__more > summary { justify-content: flex-end; gap: .45rem; min-height: 32px; color: var(--cream-2); font-size: var(--t-meta); white-space: nowrap; }
.treasury-evidence__more > summary::before { width: 9px; height: 9px; background-size: 9px 1.5px, 1.5px 9px; }
.treasury-evidence__more > .treasury-evidence__links { padding: .2rem 0 .45rem; }
/* What moved it, the result line ("Value change excluding transfers", "Change, counted in SHROOM"). Three things were off:
   the small label and the larger figure were top-aligned, not on one baseline; the figure was 16px JetBrains Mono, where
   every glyph, the space and the unit "SHROOM" take a full cell, so "+29.61M SHROOM" read as letter-spaced, at a size
   between the 12.8px row figures and the 20-22px serif figures beside it; and it ran to the panel edge, 1.75rem past the
   row figures it adds up (they stop before the chevron column). The line is now a two-column grid on one baseline (a long
   label wraps instead of dropping the figure to its own line), the figure is set as the panel's other totals (Fraunces,
   tabular lining numerals), and its right edge sits on the row figures' right edge. */
.treasury-attr__foot { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; column-gap: var(--sp-4); padding-right: calc(1rem + var(--sp-3)); }
.treasury-attr__foot b { font: 400 1.2rem/1.2 var(--serif); letter-spacing: -.005em; font-variant-numeric: lining-nums tabular-nums; white-space: nowrap; }
@media (max-width: 700px) { .treasury-attr__foot b { font-size: 1.08rem; } }