/* One header rhythm for Fuel Forge and MORE Forge, independent of chain colours. */
/* Compact position rows keep transaction controls behind native disclosures. */
#app.forge-refresh .compact-asset-card,body.more-forge-site .compact-asset-card{display:block!important;min-height:0!important;height:auto!important;padding:0!important;margin:0 0 12px!important}
.compact-position>summary{padding:16px 18px;list-style:none;cursor:pointer}
.compact-position>summary::-webkit-details-marker{display:none}
.compact-position-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.compact-position-heading>strong{font-size:16px;line-height:1.5;overflow-wrap:anywhere}
.compact-position-heading [data-live-principal],.compact-position-heading [data-live-principal] strong{display:inline;font-size:inherit}
.compact-position-heading .position-amount{font-size:inherit!important}
.compact-position-heading [data-live-principal] small{font-size:12px;margin-left:5px}
.compact-position-meta{display:flex!important;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;line-height:1.5;margin-top:8px}
.compact-position .position-progress,.compact-position .position-timeline{margin:12px 0 0!important}
.compact-position .position-progress-track,.compact-position .position-timeline-track{height:6px!important}
.compact-position-meta .position-countdown{margin:0!important;font-size:12px!important}
.compact-position-details{padding:0 18px 18px;border-top:1px solid #ffffff18}
.compact-position-details .asset-stats,.compact-position-details .position-stats{margin-top:16px}
.compact-asset-card[data-phase="active"] .position-progress-fill,.compact-asset-card[data-phase="locked"] .position-timeline-track>span{background:#a9ed42!important}
.compact-asset-card[data-phase="grace"] .position-progress-fill,.compact-asset-card[data-phase="grace"] .position-timeline-track>span{background:#f0b54a!important}
.compact-asset-card[data-phase="decay"] .position-progress-fill,.compact-asset-card[data-phase="decay"] .position-timeline-track>span,.compact-asset-card[data-phase="expired"] .position-progress-fill,.compact-asset-card[data-phase="expired"] .position-timeline-track>span{background:#ed6d63!important}
@media(max-width:760px){.compact-position>summary{padding:14px}.compact-position-heading>strong{font-size:14px}.compact-position-details{padding:0 14px 14px}}
.position-expand-hint{display:block;margin-top:5px;font-size:12px;line-height:1.5;color:inherit;opacity:.8}
.compact-position[open] .position-expand-hint{display:none}
/* Keep payout and burn guidance beside its title instead of across the page above the cards. */
#app.forge-refresh :is(#pools,#burns)>.section-heading,body.more-forge-site :is(#panel-pools,#panel-burns)>.section-heading{display:flex;justify-content:flex-start;align-items:flex-end;gap:32px}
#app.forge-refresh :is(#pools,#burns)>.section-heading>div,body.more-forge-site :is(#panel-pools,#panel-burns)>.section-heading>div{flex:0 0 auto}
#app.forge-refresh :is(#pools,#burns)>.section-heading>p,body.more-forge-site :is(#panel-pools,#panel-burns)>.section-heading>p{flex:0 1 580px;max-width:580px;margin:0;font-size:14px;line-height:1.7;text-align:left}
@media(max-width:760px){#app.forge-refresh :is(#pools,#burns)>.section-heading,body.more-forge-site :is(#panel-pools,#panel-burns)>.section-heading{flex-direction:column;align-items:flex-start;gap:8px}#app.forge-refresh :is(#pools,#burns)>.section-heading>p,body.more-forge-site :is(#panel-pools,#panel-burns)>.section-heading>p{flex:auto;max-width:100%;font-size:13px}}
#app.forge-refresh .topbar,body.more-forge-site .site-header{display:flex;align-items:center;justify-content:space-between;height:104px;min-height:104px;padding:0;gap:20px}
#app.forge-refresh .brand-wordmark-art,body.more-forge-site .more-brand img{display:block;width:246px;height:76px;object-fit:contain;object-position:left}
body.more-forge-site .more-brand{width:246px;flex-shrink:0}
#app.forge-refresh .top-actions,body.more-forge-site .header-actions{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;width:auto}
body.more-forge-site .header-links{display:contents}
#app.forge-refresh .top-actions>a,#app.forge-refresh .top-actions #connect,#app.forge-refresh .forge-chain-select>summary,body.more-forge-site .header-links>a,body.more-forge-site #connect-wallet,body.more-forge-site .more-chain-select>summary{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:9px;height:42px;min-height:42px;padding:0 14px;margin:0;border-radius:10px;font:650 13px/1.25 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;white-space:nowrap}
#app.forge-refresh .top-actions .more-forge-link,body.more-forge-site .header-links .fuel-forge-link{padding:4px 10px}
#app.forge-refresh .more-forge-link img,body.more-forge-site .fuel-forge-link img{width:110px;height:32px;object-fit:contain}
#app.forge-refresh .price-ribbon,body.more-forge-site .market-strip{display:block;box-sizing:border-box;min-height:98px;padding:16px 0 18px;margin-top:0;margin-bottom:0}
#app.forge-refresh .market-reference-grid,body.more-forge-site .market-reference-grid{display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px}
#app.forge-refresh .market-reference-grid>a,body.more-forge-site .market-reference-grid>a{display:inline-flex;align-items:center;justify-content:flex-start;gap:7px;width:auto;min-width:0;flex:0 0 auto;background:transparent;border:0;border-radius:0;margin:0;padding:5px 0;font-size:12px;line-height:18px;font-weight:500}
#app.forge-refresh .market-reference-grid>a span,body.more-forge-site .market-reference-grid>a span{margin:0;font-weight:750;font-variant-numeric:tabular-nums}
body.more-forge-site .market-reference-grid b{margin:0;font-weight:500}
#app.forge-refresh .price-ribbon>small,body.more-forge-site .market-status{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:3px 0 0;font-size:9px;line-height:14px}
body.more-forge-site .refresh-prices{font:inherit;line-height:inherit;padding:0;margin:0}
#app.forge-refresh .price-ribbon .market-caption,body.more-forge-site .market-note{margin:5px 0 0;font-size:10px;line-height:16px}
body.more-forge-site .preview-notice[hidden]{display:none!important}
body.more-forge-site .tabs{margin:0;padding:5px;gap:5px;border-radius:13px}
body.more-forge-site .tabs button{height:44px;min-height:44px;padding:13px 8px;font-size:12px;line-height:normal;gap:10px}
@media(max-width:1050px){
 #app.forge-refresh .topbar,body.more-forge-site .site-header{height:auto;min-height:104px;padding:14px 0;flex-wrap:wrap;gap:12px}
 #app.forge-refresh .top-actions,body.more-forge-site .header-actions{flex-wrap:wrap;gap:8px;max-width:100%}
}
@media(max-width:760px){
 #app.forge-refresh .topbar,body.more-forge-site .site-header{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 8px;padding:14px 0;align-items:center}
 #app.forge-refresh .topbar>.brand,body.more-forge-site .site-header>.brand{grid-column:1/span 2;grid-row:1;width:190px}
 #app.forge-refresh .brand-wordmark-art,body.more-forge-site .more-brand img{width:190px;height:52px}
 #app.forge-refresh .top-actions,body.more-forge-site .header-actions{display:contents}
 #app.forge-refresh .top-actions>a,body.more-forge-site .header-links>a{grid-row:2;min-width:0;padding:0 8px;font-size:11px;height:36px;min-height:36px}
 #app.forge-refresh .top-actions #connect,body.more-forge-site #connect-wallet{grid-column:3;grid-row:1;justify-self:end;font-size:11px;height:36px;min-height:36px;padding:0 10px}
 #app.forge-refresh .forge-chain-select,body.more-forge-site .more-chain-select{grid-column:1/span 2;grid-row:3;justify-self:start}
 #app.forge-refresh .forge-chain-select>summary,body.more-forge-site .more-chain-select>summary{font-size:11px;height:36px;min-height:36px;padding:0 10px}
 #app.forge-refresh .more-forge-link img,body.more-forge-site .fuel-forge-link img{width:92px;height:28px;max-width:100%}
 #app.forge-refresh .price-ribbon,body.more-forge-site .market-strip{min-height:0;padding:16px 0 18px}
 #app.forge-refresh .market-reference-grid,body.more-forge-site .market-reference-grid{gap:4px 14px}
 #app.forge-refresh .market-reference-grid>a,body.more-forge-site .market-reference-grid>a{font-size:11px}
 body.more-forge-site .tabs{padding:4px;gap:2px}
 body.more-forge-site .tabs button{height:55px;min-height:55px;padding:9px 3px;gap:5px;font-size:10px;line-height:15px}
}
@media(max-width:380px){
 #app.forge-refresh .topbar>.brand,body.more-forge-site .site-header>.brand{width:155px}
 #app.forge-refresh .brand-wordmark-art,body.more-forge-site .more-brand img{width:155px}
 #app.forge-refresh .top-actions #connect,body.more-forge-site #connect-wallet{font-size:10px;padding:0 8px}
}

@media(min-width:761px){
 #app.forge-refresh .price-ribbon .market-reference-grid,body.more-forge-site .market-strip .market-reference-grid{display:flex;flex-wrap:wrap;width:100%;gap:8px 24px}
 #app.forge-refresh .top-actions>a:not(.more-forge-link),body.more-forge-site .header-links>a:not(.fuel-forge-link){width:112px}
}
@media(max-width:760px){
 #app.forge-refresh .site-tabs,body.more-forge-site .tabs{margin-top:0;margin-bottom:0}
 #app.forge-refresh .price-ribbon>small,body.more-forge-site .market-status{min-height:28px;align-content:start;align-items:start}
}
#app.forge-refresh .forge-chain-select>summary,body.more-forge-site .more-chain-select>summary{width:178px}
@media(max-width:760px){#app.forge-refresh .forge-chain-select>summary,body.more-forge-site .more-chain-select>summary{width:158px}}

[data-owner-legacy][hidden]{display:none!important}

/* Match card geometry across the two protocols. */
body.more-forge-site #pool-cards .pool-card{border-radius:18px}
body.more-forge-site #burn-cards{gap:20px}
#app.forge-refresh #burns .burn-card,body.more-forge-site #burn-cards .burn-card{padding:28px}
body.more-forge-site #panel-rewards .claim-actions{display:flex;gap:12px;flex-wrap:wrap}
body.more-forge-site #panel-rewards .claim-actions button{width:auto;flex:0 1 auto}
@media(max-width:760px){#app.forge-refresh #burns .burn-card,body.more-forge-site #burn-cards .burn-card{padding:23px}body.more-forge-site #burn-cards{gap:12px}}

/* Summary cards sit directly on the page, just like the payout overview. */
#app.forge-refresh .burn-overview,body.more-forge-site #burn-overview{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;gap:14px;margin-bottom:20px}
#app.forge-refresh .burn-total,body.more-forge-site #burn-overview .burn-total{padding:20px}
#app.forge-refresh .burn-total>strong,body.more-forge-site #burn-overview .burn-total>strong{font-size:25px;line-height:1.3;font-weight:700}
#app.forge-refresh .burn-total>span,body.more-forge-site #burn-overview .burn-total>span{font-size:9px;line-height:1.5}
#app.forge-refresh .burn-total .usd-reference,body.more-forge-site #burn-overview .burn-total .usd-reference{font-size:12px;line-height:1.6;font-weight:700}
#app.forge-refresh #burns .burn-heading h3,body.more-forge-site #burn-cards .burn-heading h3{font-size:22px;line-height:1.25}
#app.forge-refresh #burns .burn-balance>strong,body.more-forge-site #burn-cards .burn-balance>strong{font-size:32px;line-height:1.25}

#app.forge-refresh #burns .burn-overview>div:first-child>strong{font-size:25px;line-height:1.3;font-weight:700}
#app.forge-refresh #burns .burn-overview>div:first-child>span{font-size:9px;line-height:1.5}
#app.forge-refresh #burns .burn-overview>div:first-child>small{font-size:12px;line-height:1.6;font-weight:700}
#app.forge-refresh #burns .burn-card-heading h3{font-size:22px;line-height:1.25}
#app.forge-refresh #burns .burn-metrics>div{font-size:12px}
#app.forge-refresh #burns .burn-metrics>div>strong{font-size:13px;line-height:1.5}
#app.forge-refresh #burns .burn-metrics>div:first-child>strong{font-size:32px;line-height:1.25}

/* Use the same type scale for payout and burn pages. */
#app.forge-refresh :is(#pools,#burns) .section-heading h2,body.more-forge-site :is(#panel-pools,#panel-burns) .section-heading h2{font-size:30px;line-height:1.2}
#app.forge-refresh :is(#pools,#burns) .pool-value,#app.forge-refresh #burns .burn-metrics>div:first-child>strong,body.more-forge-site #pool-cards .pool-value,body.more-forge-site #burn-cards .burn-balance>strong{font-size:35px;line-height:1.25}
@media(max-width:760px){#app.forge-refresh :is(#pools,#burns) .section-heading h2,body.more-forge-site :is(#panel-pools,#panel-burns) .section-heading h2{font-size:27px}#app.forge-refresh :is(#pools,#burns) .pool-value,#app.forge-refresh #burns .burn-metrics>div:first-child>strong,body.more-forge-site #pool-cards .pool-value,body.more-forge-site #burn-cards .burn-balance>strong{font-size:30px}}

#app.forge-refresh #burns .burn-overview>div{background:#182219;border:1px solid #ffffff20;border-radius:13px}

#app.forge-refresh #burns .burn-overview>div{background:linear-gradient(145deg,#1a251c,#121a15);border-color:#b3d5b12b}
body.more-forge-site #burn-overview>div{background:linear-gradient(110deg,#2b1d1688,#1a171280);border-color:var(--forge-border);border-radius:13px;box-shadow:none}
#app.forge-refresh :is(#pools,#burns) :is(.pool-card h3,.burn-card-heading h3),body.more-forge-site :is(#pool-cards,#burn-cards) :is(.pool-card h3,.burn-heading h3){font-size:20px;line-height:1.25}

body.fuel-pulsechain #app.forge-refresh #burns .burn-overview>div{background:linear-gradient(125deg,#211728,#181320);border-color:#ffffff26}

/* USD references must not inherit the balance headline's tight tracking. */
#app.forge-refresh #burns .burn-metrics [data-burn-usd],body.more-forge-site #burn-cards .usd-reference{display:block;font-size:12px;letter-spacing:normal;word-spacing:normal;line-height:1.6;margin-top:6px}