/* ── Header ─────────────────────────────────────────────────────────── */
header { display:flex; align-items:center; justify-content:space-between; padding-bottom:22px; border-bottom:1px solid var(--border); margin-bottom:24px; flex-wrap:wrap; gap:10px; }
.logo  { font-family:'Orbitron',sans-serif; font-weight:900; font-size:1.6rem; letter-spacing:3px; color:var(--bright); display:flex; align-items:center; gap:10px; }
.logo-img { height:50px; width:auto; object-fit:contain; }
.logo-wrap { display:flex; flex-direction:column; gap:3px; }
.logo-motto { font-family:'DM Sans',sans-serif; font-size:0.62rem; color:var(--dim); letter-spacing:0.5px; font-style:italic; }
.slash { color:var(--blue); animation:pulse 2s ease-in-out infinite; }
.meta      { display:flex; align-items:center; gap:16px; font-family:'Space Mono',monospace; font-size:0.68rem; color:var(--dim); flex-wrap:wrap; }
.meta-info { display:flex; align-items:center; gap:16px; }
.meta-btns { display:flex; align-items:center; gap:8px; }
.meta-btns > button { height:27px; box-sizing:border-box; }
.meta-btns > button svg { width:15px; height:15px; display:block; flex-shrink:0; }
.ldot  { width:7px; height:7px; background:var(--long); border-radius:50%; display:inline-block; animation:blink 1.5s ease-in-out infinite; box-shadow:0 0 8px rgba(0,255,136,0.5); margin-right:4px; }
#clock   { color:var(--blue); }
#pstatus { font-size:0.62rem; transition:color 0.3s; }
.meta-usdc { color:#2775ca; font-weight:700; }
@media (max-width: 600px) {
  .meta-btns { width:100%; }
}

/* ── Market bar / pills ──────────────────────────────────────────────── */
.mbar { display:flex; gap:12px; margin-bottom:20px; overflow-x:auto; padding-bottom:6px; }
.mbar::-webkit-scrollbar{height:3px;} .mbar::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px;}
.pill { background:var(--surface); border:1px solid var(--border); border-radius:7px; padding:9px 16px; display:flex; flex-direction:column; gap:2px; min-width:132px; flex-shrink:0; position:relative; overflow:hidden; }
.pill::before { content:''; position:absolute; top:0; left:0; right:0; height:2px; background:var(--blue); }
.plbl { font-family:'Space Mono',monospace; font-size:0.58rem; color:var(--dim); letter-spacing:2px; }
.pval { font-family:'Space Mono',monospace; font-size:0.8rem; color:var(--bright); font-weight:700; }
.pval.up{color:var(--long);} .pval.dn{color:var(--short);} .pval.wn{color:var(--neutral);}

/* ── Ticker ──────────────────────────────────────────────────────────── */
.ticker-wrap { overflow:hidden; background:var(--surface); border:1px solid var(--border); border-radius:7px; margin-bottom:24px; position:relative; }
.ticker-wrap::before,.ticker-wrap::after { content:''; position:absolute; top:0; bottom:0; width:50px; z-index:2; pointer-events:none; }
.ticker-wrap::before { left:0;  background:linear-gradient(90deg,var(--surface),transparent); }
.ticker-wrap::after  { right:0; background:linear-gradient(-90deg,var(--surface),transparent); }
.ticker-track { display:flex; animation:tick 45s linear infinite; width:max-content; }
.ticker-track:hover { animation-play-state:paused; }
.titem { display:flex; align-items:center; gap:8px; padding:9px 20px; border-right:1px solid var(--border); white-space:nowrap; font-family:'Space Mono',monospace; font-size:0.7rem; }
.tsym { color:var(--bright); font-weight:700; letter-spacing:1px; }
.tprice { color:var(--text); }
.tchg.up{color:var(--long);} .tchg.dn{color:var(--short);}

/* ── Grid ────────────────────────────────────────────────────────────── */
.stitle { font-family:'Bebas Neue',sans-serif; font-size:1rem; letter-spacing:4px; color:var(--dim); margin-bottom:14px; display:flex; align-items:center; gap:10px; }
.stitle::after { content:''; flex:1; height:1px; background:var(--border); }
.grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:14px; }
@media (max-width: 600px) {
  .grid { grid-template-columns: 1fr; }
}

/* ── Controls bar ────────────────────────────────────────────────────── */
.controls { display:flex; gap:10px; margin-bottom:22px; flex-wrap:wrap; align-items:center; }
.tf-group { display:flex; gap:3px; background:var(--surface); padding:3px; border-radius:7px; border:1px solid var(--border); }
.tf-btn { background:transparent; border:none; color:var(--dim); font-family:'Space Mono',monospace; font-size:0.7rem; padding:7px 14px; border-radius:5px; cursor:pointer; transition:all 0.2s; letter-spacing:1px; }
.tf-btn:hover { color:var(--bright); background:var(--surface2); }
.tf-btn.active { background:var(--blue); color:#000; font-weight:700; }
.enabled-count { font-family:'Space Mono',monospace; font-size:0.65rem; color:var(--dim); }
.enabled-count span { color:var(--blue); font-weight:700; }
#levDisplay { color:var(--blue); }
#longc  { color:var(--long); }
#shortc { color:var(--short); }
.scan-btn { background:linear-gradient(135deg,var(--blue),#0060aa); color:#000; border:none; font-family:'Bebas Neue',sans-serif; font-size:1rem; letter-spacing:3px; padding:10px 28px; border-radius:7px; cursor:pointer; transition:all 0.2s; margin-left:auto; }
.scan-btn:hover { transform:translateY(-1px); box-shadow:0 0 20px rgba(0,170,255,0.3); }
.scan-btn:disabled { opacity:0.5; cursor:not-allowed; transform:none; }

/* ── Misc notices ────────────────────────────────────────────────────── */
.restore-notice { font-family:'Space Mono',monospace; font-size:0.62rem; color:var(--neutral); background:rgba(255,170,0,0.05); border:1px solid rgba(255,170,0,0.2); border-radius:7px; padding:10px 14px; margin-bottom:16px; display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; }
.restore-notice strong { color:var(--neutral); }
.restore-clear { background:transparent; border:1px solid rgba(255,170,0,0.3); color:var(--neutral); font-family:'Space Mono',monospace; font-size:0.58rem; padding:3px 10px; border-radius:4px; cursor:pointer; transition:all 0.2s; }
.restore-clear:hover { background:rgba(255,170,0,0.1); }
.disc { margin-top:26px; padding:12px 16px; background:var(--surface); border:1px solid var(--border); border-left:3px solid var(--neutral); border-radius:7px; font-size:0.64rem; color:var(--dim); line-height:1.6; font-family:'Space Mono',monospace; }