/* Revenue: one card with the four tiles, the cumulative chart + day-by-day bars (left) and live activity (right,
 * fills the height of the left column on large screens), then the three ledgers (supply, buyback engine, volume). */
.rv-card{overflow:hidden; border-radius:6px; border:1px solid var(--line); background:var(--card)}
.rv-tiles{display:flex; flex-wrap:wrap}
.rv-tiles>div{min-width:168px; flex:1; padding:16px 20px}
.rv-tiles .l{font-size:11px; color:var(--muted)}
.rv-tiles .v{margin-top:8px; font-size:24px; font-weight:500; line-height:1; letter-spacing:-.02em; font-variant-numeric:tabular-nums; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.rv-tiles .v.lime{color:var(--head)}
.rv-tiles .s{margin-top:6px; font-size:11px; color:var(--muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-variant-numeric:tabular-nums}
.rv-grid{display:grid; border-top:1px solid var(--line)}
.rv-left{min-width:0; border-bottom:1px solid var(--line)}
.rv-left>section{padding:16px 20px}
.rv-left>section+section{border-top:1px solid var(--line)}
.rv-h{margin-bottom:12px; display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; gap:8px}
.rv-h.b{margin-bottom:8px; align-items:baseline}
.rv-h h2{font-size:14px; font-weight:500}
.rv-h p{margin-top:2px; font-size:10.5px; color:var(--muted)}
.rv-h .avg{flex:none; font-size:10.5px; color:var(--muted)}
.rv-h .avg b{font-weight:500; color:var(--ink); font-variant-numeric:tabular-nums}
.rv-ctl{display:flex; flex:none; flex-wrap:wrap; align-items:center; gap:6px}
.rseg{display:flex; align-items:center; gap:2px; border-radius:999px; background:var(--well); padding:2px}
.rseg button{border-radius:999px; padding:4px 10px; font-size:11px; font-weight:500; color:var(--muted); transition:background .15s,color .15s}
.rseg button:hover{color:var(--ink)}
.rseg button[aria-pressed=true]{background:var(--card); color:var(--ink); box-shadow:0 1px 2px rgb(0 0 0/.08)}
.rv-plot{position:relative; height:230px}
.rv-plot.bars{height:170px}
.rv-right{min-width:0}
.rv-act{display:flex; flex-direction:column}
.rv-act .hd{display:flex; align-items:baseline; justify-content:space-between; gap:12px; padding:16px 16px 8px}
.rv-act .hd h2{font-size:14px; font-weight:500}
.rv-act .hd span{font-size:10.5px; color:var(--muted); font-variant-numeric:tabular-nums}
.rv-act .bd{min-height:160px; flex:1; overflow-y:auto; padding:0 8px 12px}
.rv-act .bd a{display:flex; align-items:center; gap:10px; border-radius:4px; padding:7px 8px; transition:background .15s}
.rv-act .bd a:hover{background:var(--well)}
.rv-act .d{display:block; width:6px; height:6px; flex:none; border-radius:999px; background:var(--ink)}
.rv-act .d.burn{background:#a3e635}
.rv-act .tx{min-width:0; flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11.5px}
.rv-act .tx span{color:var(--muted); font-variant-numeric:tabular-nums}
.rv-act .when{flex:none; font-size:10.5px; color:var(--muted); font-variant-numeric:tabular-nums}
.rv-act .more{padding:8px 0; text-align:center; font-size:9.5px; color:color-mix(in srgb,var(--muted) 60%,transparent)}
.rv-act .none{flex:1; padding:32px 16px; text-align:center; font-size:11.5px; color:var(--muted)}
.rv-act .ft{border-top:1px solid var(--line); padding:8px 16px; font-size:9.5px; color:var(--muted)}
.rv-ledg{margin-top:16px; display:grid; overflow:hidden; border-radius:6px; border:1px solid var(--line); background:var(--card)}
.rv-ledg>section{padding:16px 20px; min-width:0}
.rv-ledg>section+section{border-top:1px solid var(--line)}
.rv-ledg h2{font-size:14px; font-weight:500}
.rv-ledg dl{margin-top:12px; display:grid; gap:8px}
.rv-ledg .r{display:flex; align-items:baseline; gap:10px; font-size:11.5px}
.rv-ledg .r.tot{border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent); padding-top:8px}
.rv-ledg dt{flex:none; color:var(--muted)}
.rv-ledg .ld{min-width:0; flex:1; border-bottom:1px dashed color-mix(in srgb,var(--line) 50%,transparent)}
.rv-ledg dd{flex:none; text-align:right; font-variant-numeric:tabular-nums}
.rv-ledg dd small{margin-left:6px; font-size:10px; color:var(--muted)}
.rv-ledg p{margin-top:12px; font-size:10px; line-height:1.625; color:color-mix(in srgb,var(--muted) 70%,transparent)}
.rv .pg-gap{margin-top:16px}
/* chart tooltip (shared with the coin chart) */
.ctip{pointer-events:none; position:absolute; z-index:5; min-width:120px; border-radius:8px; background:var(--card); padding:8px 12px; box-shadow:var(--rest),0 0 0 1px var(--line); white-space:nowrap}
.ctip .lb{margin-bottom:4px; font-size:10px; color:var(--muted)}
.ctip .rw{display:flex; align-items:center; gap:8px; font-size:11.5px; line-height:20px; font-variant-numeric:tabular-nums}
.ctip .rw i{display:block; width:7px; height:7px; flex:none; border-radius:2px}
.ctip .rw span{color:var(--muted)}
.ctip .rw b{margin-left:auto; font-weight:700}
@media (min-width:640px){.rv-tiles>div+div{border-left:1px solid var(--line)} .rv-ledg{grid-template-columns:repeat(3,minmax(0,1fr))} .rv-ledg>section+section{border-top:0; border-left:1px solid var(--line)}}
@media (min-width:1024px){
  .rv-grid{grid-template-columns:minmax(0,1.75fr) minmax(0,1fr)}
  .rv-left{border-bottom:0; border-right:1px solid var(--line)}
  .rv-right{position:relative}
  .rv-act{position:absolute; inset:0}
}