/* A quiet, fixed-size history view. Numbers and points are confirmed payments. */
.stats-numbers{margin-top:42px}
.sn-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;min-height:170px}
.sn-head .sn-label{font:450 18px/1.4 var(--sans);letter-spacing:0;color:var(--fg2)}
.sn-total{display:flex;align-items:baseline;flex-wrap:wrap;gap:16px;margin-top:14px;color:var(--fg);font:500 clamp(48px,7.2vw,94px)/1.12 var(--mono);letter-spacing:-.07em;font-variant-numeric:tabular-nums}
.sn-total span{max-width:100%;overflow-wrap:anywhere}
.sn-total small{font:450 23px/1.3 var(--sans);letter-spacing:-.02em;color:var(--mut)}
.sn-total-note{font:14px/1.5 var(--sans);margin-top:16px;color:var(--mut)}
.sn-source{flex:none;align-self:flex-end;margin-bottom:3px;font-size:14px;text-decoration:none;color:var(--fg2)}
.sn-source span{margin-left:8px;color:var(--xmr)}
.sn-source:hover,.sn-chart a:hover,.sn-fee-note a:hover{color:var(--fg)}
.sn-head-empty{min-height:170px;align-items:center}
.sn-head-empty h2{font-size:34px;line-height:1.12;max-width:16em}
.sn-head-empty p{margin-top:16px;max-width:31em;font-size:17px;color:var(--fg2)}
.sn-chart{margin-top:36px;min-height:366px}
.sn-chart-top,.sn-chart-dates{display:flex;justify-content:space-between;gap:20px;color:var(--mut);font-size:13px}
.sn-chart-top{padding-bottom:18px}
.sn-chart-svg{display:block;width:100%;height:270px;overflow:visible}
.sn-area{fill:var(--xmr);fill-opacity:.09}
.sn-line{fill:none;stroke:var(--xmr);stroke-width:2;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.sn-baseline{stroke:var(--rule2);stroke-width:1;fill:none;vector-effect:non-scaling-stroke}
.sn-point{fill:var(--xmr);stroke:var(--xmr);stroke-width:2;vector-effect:non-scaling-stroke}
.sn-chart-dates{font-family:var(--mono);font-size:12px}
.sn-chart figcaption{margin-top:20px;color:var(--mut);font-size:13px;line-height:1.6}
.sn-chart a,.sn-fee-note a{color:var(--fg2);text-underline-offset:3px;text-decoration-color:var(--rule3);white-space:nowrap}
.sn-chart figcaption a{margin-left:10px}
.sn-chart-empty{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);text-align:center;color:var(--mut);padding:32px}
.sn-chart-empty p{max-width:28em;line-height:1.6}
.sn-chart-empty a{font-size:14px}
.sn-fees{margin-top:66px;padding-top:36px;border-top:1px solid var(--rule2)}
.sn-fees-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px}
.sn-fees-heading h2{font-size:24px;line-height:1.2}
.sn-fees-heading p{color:var(--mut);font-size:14px}
.sn-fees-heading strong{color:var(--fg2);font-weight:500}
.sn-fee-bar{height:12px;display:flex;gap:3px;margin-top:26px;overflow:hidden;border-radius:3px}
.sn-fee-bar span{display:block;flex-basis:0;min-width:0}
.sn-fee-holders{background:var(--xmr)}
.sn-fee-choice{background:#c6b9a7}
.sn-fee-burn{background:#90877c}
.sn-fee-liquidity{background:#615b54}
.sn-fee-costs{background:#37343a}
.sn-fee-labels{display:flex;gap:3px;margin-top:24px}
.sn-fee-labels>div{flex-basis:0;min-width:0}
.sn-fee-labels dt{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.45;color:var(--fg2)}
.sn-fee-labels i{width:7px;height:7px;border-radius:2px;flex:none;margin-top:6px}
.sn-fee-labels dd{margin-top:9px;font:400 clamp(18px,2vw,24px)/1.3 var(--mono);letter-spacing:-.04em;color:var(--fg)}
.sn-fee-labels small{display:block;margin-top:8px;font:13px/1.5 var(--sans);letter-spacing:0;color:var(--mut);max-width:15em}
.sn-fee-note{margin-top:28px;max-width:64em;font-size:13px;line-height:1.7;color:var(--mut)}
@media(max-width:899px){
 .stats-numbers{margin-top:30px}
 .sn-total{font-size:clamp(42px,8.7vw,72px)}
 .sn-head{align-items:flex-start;flex-direction:column;gap:16px}
 .sn-source{align-self:flex-start}
 .sn-fees-heading{align-items:flex-start;flex-direction:column;gap:12px}
 .sn-fee-labels{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
 .sn-fee-labels dd{margin-left:15px;font-size:24px}
 .sn-fee-labels small{max-width:none}
}
@media(max-width:599px){
 .sn-head .sn-label{font-size:16px}
 .sn-total{font-size:clamp(34px,9vw,52px);gap:10px;letter-spacing:-.06em}
 .sn-total small{font-size:18px}
 .sn-head-empty h2{font-size:29px}
 .sn-head-empty p{font-size:16px}
 .sn-chart{margin-top:28px;min-height:315px}
 .sn-chart-svg{height:210px}
 .sn-chart-empty{padding:26px 18px}
 .sn-chart figcaption a{margin-left:0;display:block;margin-top:7px}
 .sn-chart-dates{font-size:10px}
 .sn-fees{margin-top:44px;padding-top:28px}
 .sn-fee-labels{gap:26px}
 .sn-fee-labels dd{font-size:22px}
 .sn-fee-note{margin-top:24px}
}
