/* SuperControl: UI + ticker visibility control */
:root{
  --sc-orange:#f7931a;
  --sc-bg:#0f1115;
  --sc-border:rgba(255,255,255,.14);
  --sc-text:rgba(255,255,255,.92);
  --sc-muted:rgba(255,255,255,.70);
  --sc-green:#22c55e;
  --sc-red:#ef4444;
  --sc-yellow:#f59e0b;
}

.sc-btnbar{
  display:inline-flex;
  gap:6px;
  align-items:center;
  margin-left:10px;
  vertical-align:middle;
}

.sc-btn{
  appearance:none;
  border:1px solid var(--sc-border);
  background:rgba(15,17,21,.70);
  color:var(--sc-text);
  padding:4px 8px;
  font-size:11px;
  line-height:1;
  border-radius:6px;
  cursor:pointer;
  white-space:nowrap;
}
.sc-btn:hover{ border-color:rgba(255,255,255,.28); }
.sc-btn:active{ transform:translateY(1px); }

.sc-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px 8px;
  border-radius:999px;
  border:1px solid var(--sc-border);
  background:rgba(15,17,21,.55);
  font-size:11px;
  line-height:1;
}

.sc-dot{ width:8px; height:8px; border-radius:99px; display:inline-block; background:var(--sc-yellow); }
.sc-dot.on{ background:var(--sc-green); }
.sc-dot.off{ background:var(--sc-red); }

/* Hide ONLY inside header area (so posts/content are safe). */
body.sc-hidden-tickers #page-header .sc-ticker,
body.sc-hidden-tickers #page-header [data-sc-ticker],
body.sc-hidden-tickers #page-header [class*="ticker"],
body.sc-hidden-tickers #page-header [id*="ticker"],
body.sc-hidden-tickers #page-header [class*="marquee"],
body.sc-hidden-tickers #page-header [class*="beu-"][class*="-wrap"],
body.sc-hidden-tickers #page-header [class*="bb-"][class*="-wrap"],
body.sc-hidden-tickers #page-header [class*="btc"][class*="-wrap"],
body.sc-hidden-tickers #page-header [class*="btc"][class*="ticker"],
body.sc-hidden-tickers #page-header [id*="btc"][id*="ticker"]{
  display:none !important;
}

/* Make sure tickers never overflow their own boxes */
#page-header [data-sc-ticker],
#page-header .sc-ticker,
#page-header [class*="ticker"],
#page-header [id*="ticker"]{
  overflow:hidden;
}

/* Theme toggles apply by body class */
body.sc-theme-bitcointalk{ font-family:Verdana, Arial, Helvetica, sans-serif !important; }
