/* Abas em botões — substitui abas sublinhadas por controles no padrão da marca.
   Seleção em amarelo-lima (como o item ativo do menu). Carregado depois de respiro.css. */
:root{--tab-track:#eef1ea;--tab-ink:#101411;--tab-muted:#4c574f;--tab-hover:#e2e7dc;--tab-lime:#dfff19;--tab-chip:#eceFE9;--tab-chip-ink:#34453b}
html[data-theme=dark]{--tab-track:#15181d;--tab-ink:#101114;--tab-muted:#b7bdc6;--tab-hover:#252a31;--tab-chip:#23272e;--tab-chip-ink:#eaecef}

/* 1–2. Grupo segmentado: Conversor/Preço médio e Top moedas/Altas e baixas/Trend/DEX */
html body main :is(.calc-tabs,.coins-tabs){display:flex;flex-wrap:nowrap;gap:4px;padding:4px;margin:0 0 24px;background:var(--tab-track)!important;border:0!important;border-radius:12px;overflow-x:auto;scrollbar-width:none;width:fit-content;max-width:100%;box-sizing:border-box}
html body main :is(.calc-tabs,.coins-tabs)::-webkit-scrollbar{display:none}
html body main .calc-tabs{width:100%}
html body main .coins-tabs{margin-bottom:0}
html body main .calc-tabs>button,html body main .coins-tabs>a{flex:1 0 auto;white-space:nowrap!important;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:var(--tab-muted)!important;font-size:14px!important;font-weight:600!important;line-height:1.3;text-decoration:none;white-space:nowrap;box-shadow:none!important;cursor:pointer;transition:background-color .15s ease,color .15s ease}
html body main .calc-tabs>button:hover:not(.selected),html body main .coins-tabs>a:not([aria-current]):hover{background:var(--tab-hover)!important;color:var(--tab-chip-ink)!important}
html body main .calc-tabs>button.selected,html body main .calc-tabs>button[aria-pressed=true],html body main .coins-tabs>a[aria-current]{background:var(--tab-lime)!important;color:#101411!important;font-weight:700!important}
html body main :is(.calc-tabs>button,.coins-tabs>a):focus-visible{outline:3px solid #5542cf;outline-offset:2px}

/* 3. Atalhos da página de moeda: mesmos botões da navegação da página do Bitcoin */
html body main .token-detail .token-nav{gap:8px;padding:0 0 4px;border-bottom:0!important;scrollbar-width:none}
html body main .token-detail .token-nav::-webkit-scrollbar{display:none}
html body main .token-detail .token-nav a{display:inline-flex;align-items:center;min-height:40px;padding:10px 16px!important;border:0!important;border-radius:9px!important;background:var(--tab-chip)!important;color:var(--tab-chip-ink)!important;font-size:13px!important;font-weight:600;text-decoration:none;white-space:nowrap;box-shadow:none!important}
html body main .token-detail .token-nav a:hover{background:var(--tab-hover)!important}
html body main .token-detail .token-nav a:focus-visible{outline:3px solid #5542cf;outline-offset:2px}

@media(max-width:600px){html body main .coins-tabs{width:100%}html body main .calc-tabs>button,html body main .coins-tabs>a{flex:1 1 auto;padding:10px 10px!important;font-size:13px!important}}