/* Coins: painel de abertura no padrão BitcoinHoje (cards brancos, borda fina, números tabulares, verde-limão só como destaque). */
html body section.cx{--cx-ink:#101114;--cx-muted:#5d6858;--cx-line:#e3e7df;--cx-soft:#f4f6f0;--cx-card:#fff;--cx-up:#15803d;--cx-down:#b91c1c;margin:0 0 28px;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;font-variant-numeric:tabular-nums}
html[data-theme=dark] body section.cx{--cx-ink:#eef0ea;--cx-muted:#9aa39a;--cx-line:#262b31;--cx-soft:#1b1f25;--cx-card:#15181d;--cx-up:#4ade80;--cx-down:#f87171}
html body .cx-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:stretch}
html body .cx-card{display:flex;flex-direction:column;gap:16px;background:var(--cx-card);border:1px solid var(--cx-line);border-radius:16px;padding:20px 22px;color:var(--cx-ink);min-width:0}
html body .cx-head{display:flex;align-items:center;justify-content:space-between}
html body .cx-head h2{margin:0;font-size:13px!important;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--cx-ink)}
html body .cx-head a{font-size:12.5px;font-weight:700;color:var(--cx-muted)!important;text-decoration:none!important;white-space:nowrap}html body .cx-head a:hover{color:var(--cx-ink)!important}
html body .cx .is-up{color:var(--cx-up)!important}html body .cx .is-down{color:var(--cx-down)!important}
html body .cx-muted{color:var(--cx-muted)}
/* Estado do mercado */
html body .cx-state{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;align-items:stretch}
html body .cx-fear{position:relative;display:grid;justify-items:center;align-content:center;background:var(--cx-soft);border-radius:12px;padding:12px 8px 10px}
html body .cx-fear svg{width:112px;height:auto;display:block}
html body .cx-fear strong{font-size:28px;font-weight:900;line-height:1;margin-top:-22px}
html body .cx-fear small{margin-top:6px;font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:99px;background:#dfff19;color:#101114}
html body .cx-kpis{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}
html body .cx-kpis div{background:var(--cx-soft);border-radius:10px;padding:9px 11px;display:grid;gap:3px;min-width:0}
html body .cx-kpis dt{font-size:11px;color:var(--cx-muted);line-height:1.3}
html body .cx-kpis dd{margin:0;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
html body .cx-kpis b{font-size:16px;font-weight:800}
html body .cx-kpis em{font-style:normal;font-size:12px;font-weight:700}
html body .cx-bar{flex:1 1 60px;height:6px;border-radius:99px;background:var(--cx-line);overflow:hidden;align-self:center}
html body .cx-bar i{display:block;height:100%;width:0;background:#dfff19;box-shadow:inset 0 0 0 1px #b8d40055;transition:width .6s ease}
/* Em alta */
html body .cx-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}
html body .cx-list li{border-bottom:1px solid var(--cx-line)}html body .cx-list li>a{display:grid;grid-template-columns:16px 24px minmax(0,1fr) auto 68px;gap:10px;align-items:center;padding:9px 8px;margin:0 -8px;border-radius:10px;font-size:13px;color:var(--cx-ink)!important;text-decoration:none!important}html body .cx-list li>a:hover{background:var(--cx-soft)}html body .cx-list li>a:hover .cx-name b{text-decoration:underline;text-decoration-color:#dfff19;text-decoration-thickness:3px}
html body .cx-list li:last-child{border-bottom:0}
html body .cx-list li.cx-wait{display:block;color:var(--cx-muted)}
html body .cx-n{font-size:12px;color:var(--cx-muted);text-align:right}
html body .cx-list img,html body .cx-noimg{width:22px;height:22px;border-radius:50%;background:var(--cx-soft)}
html body .cx-name{display:grid;min-width:0}html body .cx-name b{font-size:13.5px}html body .cx-name small{font-size:11.5px;color:var(--cx-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body .cx-price{font-weight:600;white-space:nowrap}
html body .cx-chg{font-weight:800;text-align:right;white-space:nowrap}
html body .cx-foot{margin:auto 0 0!important;padding-top:10px;font-size:11.5px!important;color:var(--cx-muted)}
/* Derivativos */
html body .cx-liq div{display:grid;gap:2px}
html body .cx-liq span{font-size:11.5px;color:var(--cx-muted)}
html body .cx-liq b{font-size:24px;font-weight:900;letter-spacing:-.4px}
html body .cx-liq small{font-size:11.5px;color:var(--cx-muted)}
html body .cx-split{display:grid;gap:8px}
html body .cx-split-bar{display:flex;height:10px;border-radius:99px;overflow:hidden;gap:2px;background:var(--cx-line)}
html body .cx-split-bar i{display:block;height:100%;width:50%;transition:width .6s ease}html body .cx-split-bar i.l{background:var(--cx-down)}html body .cx-split-bar i.s{background:var(--cx-up)}
html body .cx-split-l{display:flex;justify-content:space-between;font-size:12.5px;color:var(--cx-muted)}html body .cx-split-l b{font-size:14px;font-weight:800}
/* Mini gráficos no pé dos cards (alinham a altura dos três) */
html body .cx-spark{margin-top:auto;display:grid;gap:6px;padding-top:12px;border-top:1px dashed var(--cx-line)}
html body .cx-spark-head{display:flex;align-items:baseline;gap:8px;font-size:11.5px;color:var(--cx-muted)}html body .cx-spark-head span{margin-right:auto}html body .cx-spark-head b{font-size:13px;font-weight:800;color:var(--cx-ink)}html body .cx-spark-head em{font-style:normal;font-size:12px;font-weight:700}
html body .cx-spark-svg{height:64px;color:var(--cx-ink)}html body .cx-spark-svg svg{display:block;width:100%;height:100%}
@media(max-width:1100px){html body .cx-grid{grid-template-columns:1fr 1fr}html body .cx-grid>.cx-card:first-child{grid-column:1/-1}}
@media(max-width:700px){html body .cx-grid{grid-template-columns:1fr}html body .cx-state{grid-template-columns:1fr}html body .cx-fear{justify-self:stretch}}