/* Rabid Pool: clickable section bars (see rabid-sections.js). Uses each page's own tokens, with fallbacks. */
.rs-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:22px 0 10px;font-size:12px;color:var(--ink-3,#8ea0b2)}
.rs-all{background:none;border:0;color:var(--rc-accent,var(--green,#20d984));cursor:pointer;font:inherit;font-family:var(--mono,ui-monospace,monospace);letter-spacing:.04em;padding:2px 0}
.rs-all:hover{text-decoration:underline}
.rs-g{background:var(--panel,#111823);border:1px solid var(--line,#243240);border-radius:var(--r,16px);margin-bottom:10px;overflow:hidden}
.rs-h{display:flex;align-items:center;gap:14px;width:100%;padding:15px 20px;background:transparent;border:0;color:var(--ink,#f2f6fa);font:inherit;text-align:left;cursor:pointer}
.rs-h:hover{background:var(--panel-2,#18222e)}
.rs-h:focus-visible{outline:2px solid var(--rc-accent,var(--green,#20d984));outline-offset:-2px}
.rs-t{font-weight:700;font-size:14px;letter-spacing:.02em;text-transform:uppercase;color:var(--ink-2,#c3d0dc);white-space:nowrap}
.rs-u{flex:1;min-width:0;font-family:var(--mono,ui-monospace,monospace);font-size:12px;color:var(--ink-3,#8ea0b2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}
.rs-c{width:9px;height:9px;border-right:2px solid var(--ink-3,#8ea0b2);border-bottom:2px solid var(--ink-3,#8ea0b2);transform:rotate(45deg);transition:transform .15s;flex:none;margin:-3px 4px 0 2px}
.rs-g.o .rs-c{transform:rotate(-135deg);margin-top:3px}
.rs-b{max-height:0;overflow:hidden;visibility:hidden;padding:0 20px;border-top:1px solid transparent}
.rs-g.o .rs-b{max-height:none;overflow:visible;visibility:visible;padding:16px 20px 20px;border-top-color:var(--line,#243240)}
@media(max-width:640px){
  .rs-h{padding:13px 14px;flex-wrap:wrap;gap:4px 10px}
  .rs-t{font-size:13px}
  .rs-u{flex-basis:100%;order:3;text-align:left;white-space:normal;font-size:11.5px}
  .rs-c{margin-left:auto}
  .rs-b{padding-left:14px;padding-right:14px}
  .rs-g.o .rs-b{padding:14px 14px 18px}
}

/* phones: the headline tiles go two across and drop their sparklines, so the numbers a miner needs fit on the first screen or two */
@media(max-width:640px){
  #pane-stats .rs-root .mstats-primary,.rs-root .mstats-primary,#pane-stats .rs-root #payEstRow,.rs-root #payEstRow{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important}
  .rs-root .mstats-primary .spark{display:none !important}
  .rs-root .mstats-primary .stat,.rs-root #payEstRow .stat{padding:12px 12px !important;min-height:0 !important}
  .rs-root .mstats-primary .stat .v{font-size:24px !important}
  .rs-root #payEstRow .stat .v{font-size:18px !important}
}

/* Pool tab ("blocks" mode): sections moved into a bar lose their own card chrome, the bar is the card */
.rs-b > section,.rs-b > .rc-plate{margin-top:0 !important;padding:0 !important;background:transparent !important;border:0 !important;box-shadow:none !important;border-radius:0 !important}
.rs-b > section::before,.rs-b > section::after,.rs-b > .rc-plate::before,.rs-b > .rc-plate::after{display:none !important}
.rs-b > section + section{margin-top:18px !important}
/* slimmer hero on the Pool tab: the numbers matter more than the artwork */
#pane-pool.rs-root .coin-banner{height:150px}
@media(max-width:640px){#pane-pool.rs-root .coin-banner{height:110px}}

/* "Show all N" under a long table (Recent blocks) */
.rs-more{display:block;margin:10px auto 0;background:none;border:1px solid var(--line-2,#31404f);color:var(--rc-accent,var(--green,#20d984));border-radius:8px;padding:6px 14px;font:inherit;font-family:var(--mono,ui-monospace,monospace);font-size:12px;cursor:pointer}
.rs-more:hover{background:var(--panel-2,#18222e)}

/* phones, Pool tab: the overview tiles go two across and drop their sparklines too */
@media(max-width:640px){
  #pane-pool.rs-root .pool-stats-primary,#pane-pool.rs-root .rs-split{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important}
  #pane-pool.rs-root .pool-stats-primary .spark{display:none !important}
  #pane-pool.rs-root .pool-stats-primary .stat,#pane-pool.rs-root .rs-split .stat{padding:12px !important;min-height:0 !important}
  #pane-pool.rs-root .pool-stats-primary .stat .v,#pane-pool.rs-root .rs-split .stat .v{font-size:22px !important}
}

/* Pool tab banner on pages whose hero is a plain div (Kaspa): same slim height as BCH */
#pane-pool.rs-root > div:first-child img{height:150px !important}
#pane-pool.rs-root > div:first-child{max-height:150px !important}
@media(max-width:640px){#pane-pool.rs-root > div:first-child img{height:110px !important}#pane-pool.rs-root > div:first-child{max-height:110px !important}}