:root {
    --nord0: #2E3440;
    --nord1: #3B4252;
    --nord2: #434C5E;
    --nord3: #4C566A;
    --nord4: #D8DEE9;
    --nord5: #E5E9F0;
    --nord6: #ECEFF4;
    --nord7: #8FBCBB;
    --nord8: #88C0D0;
    --nord9: #81A1C1;
    --nord10: #5E81AC;
    --nord11: #BF616A;
    --nord12: #D08770;
    --nord13: #EBCB8B;
    --nord14: #A3BE8C;
    --nord15: #B48EAD;
    --verde-claro: #C4DFA5;
    --verde-borda: #8FB573;

    --bg: var(--nord0);
    --bg2: var(--nord1);
    --bg3: var(--nord2);
    --bg4: var(--nord3);
    --borda: var(--nord2);
    --borda-forte: var(--nord3);

    --txt: var(--nord6);
    --txt-claro: var(--nord5);
    --txt-medio: #8794AB;
    --txt-fraco: #7B88A1;
    --txt-apagado: #6B7689;

    --verde: var(--nord14);
    --amarelo: var(--nord13);
    --vermelho: var(--nord11);
    --laranja: var(--nord12);
    --azul: var(--nord8);
    --azul-forte: var(--nord10);
    --azul-claro: var(--nord9);
    --roxo: var(--nord15);
    --ciano: var(--nord7);

    --verde-rgb: 163, 190, 140;
    --amarelo-rgb: 235, 203, 139;
    --vermelho-rgb: 191, 97, 106;
    --laranja-rgb: 208, 135, 112;
    --azul-rgb: 136, 192, 208;
    --azul-forte-rgb: 94, 129, 172;
    --roxo-rgb: 180, 142, 173;
    --ciano-rgb: 143, 188, 187;
    --txt-rgb: 216, 222, 233;
    --bg-rgb: 46, 52, 64;

    --fonte: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;

    --raio: 5px;
    --raio-m: 4px;
    --raio-p: 3px;
    --raio-btn: 2px;
    --raio-pilula: 999px;
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }

html {
    background: var(--bg);
    scrollbar-width: thin;
    scrollbar-color: var(--nord3) var(--nord0);
}
@media (max-width: 700px) { html { font-size: 14px; } }
@media (max-width: 360px) { html { font-size: 13px; } }

::-webkit-scrollbar { width: 9px; height: 9px; }
::-webkit-scrollbar-track { background: var(--nord0); }
::-webkit-scrollbar-thumb {
    background: var(--nord3);
    border-radius: 6px;
    border: 2px solid var(--nord0);
}
::-webkit-scrollbar-thumb:hover { background: #5E6A82; }

body {
    margin: 0;
    background: transparent;
    color: var(--txt);
    font: 0.875rem/1.5 var(--fonte);
}

code, pre, .num, time, td.num { font-family: var(--mono); font-size: 0.92em; }

a { color: var(--azul); text-decoration: none; }
a:hover { text-decoration: underline; }

[id]:target, h2[id] { scroll-margin-top: calc(var(--altura-topo, 95px) + 0.7rem); }

.topo {
    position: sticky;
    top: 0;
    z-index: 10;
    background: var(--bg2);
    border-bottom: 1px solid var(--borda-forte);
    padding: 0.55rem 1.2rem 0;
}
.topo-linha { display: flex; align-items: center; gap: 0.9rem; flex-wrap: wrap; }
.logo {
    display: inline-flex; align-items: center; gap: 10px;
    font-weight: 600; color: var(--nord4); font-size: 1.05rem;
    letter-spacing: -0.01em;
}
.logo i { color: var(--azul); }

.status-rapido {
    margin-left: auto;
    margin-top: 0.45rem;
    display: flex; gap: 0.5rem; align-items: center; flex-wrap: wrap;
    font-size: 0.82rem;
}
.status-rapido .st {
    display: inline-flex; gap: 0.4rem; align-items: center; white-space: nowrap;
    background: rgba(var(--bg-rgb), 0.6);
    border: 1px solid var(--borda-forte);
    border-radius: var(--raio-pilula);
    padding: 5px 11px;
    color: var(--nord4);
}
.status-rapido .st i { color: var(--txt-fraco); }
.status-rapido .st.ok { color: var(--verde); }
.status-rapido .st.ok i { color: var(--verde); }
.status-rapido .st.erro { color: var(--vermelho); }
.status-rapido .st.erro i { color: var(--vermelho); }

.status-rapido .st-rpc { color: var(--nord4); }
.st-estado { font-weight: 700; letter-spacing: 0.04em; }
.st-rpc.ok .st-estado { color: var(--verde); }
.st-rpc.erro .st-estado { color: var(--vermelho); }
.st-rpc.ok i {
    color: var(--verde);
    animation: sinal-rpc 2.4s ease-in-out infinite;
    transform-origin: center;
}
.st-rpc.erro i {
    color: var(--vermelho);
    animation: sinal-mudo 1.6s ease-in-out infinite;
}
@keyframes sinal-rpc {
    0%, 100% { opacity: 0.55; transform: scale(1); }
    50%      { opacity: 1; transform: scale(1.15); }
}
@keyframes sinal-mudo {
    0%, 100% { opacity: 1; }
    50%      { opacity: 0.3; }
}
@media (prefers-reduced-motion: reduce) {
    .st-rpc.ok i, .st-rpc.erro i { animation: none; }
}
nav { display: flex; gap: 0.25rem; margin-top: 0.6rem; flex-wrap: wrap; }
nav a {
    padding: 0.45rem 0.9rem;
    color: var(--txt-fraco);
    background: transparent;
    border: 1px solid transparent;
    border-bottom: none;
    border-radius: var(--raio-m) var(--raio-m) 0 0;
    font-size: 0.88rem;
    display: inline-flex; gap: 0.45rem; align-items: center;
    transition: color 0.15s ease, background 0.15s ease;
}
nav a i { font-size: 0.85em; opacity: 0.85; }
nav a:hover { color: var(--txt); text-decoration: none; background: var(--bg3); }
nav a.ativo {
    color: var(--azul);
    background: var(--bg3);
    border-color: var(--borda-forte);
    font-weight: 600;
}
nav a.ativo i { opacity: 1; color: var(--azul); }

@media (max-width: 767.98px) {
    .topo { padding: 0.55rem 0.8rem 0.65rem; }
    .topo-linha { gap: 0.5rem; }
    .logo { width: 100%; font-size: 1rem; }

    .status-rapido {
        width: 100%;
        margin-left: 0;
        margin-top: 0.5rem;
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 0.4rem;
        font-size: 0.78rem;
    }
    .status-rapido .st {
        width: 100%;
        box-sizing: border-box;
        justify-content: center;
        min-width: 0;
        overflow: hidden;
        padding: 6px 8px;
    }

    nav {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.35rem;
        margin-top: 0.6rem;
    }
    nav a:last-child:nth-child(3n + 1) { grid-column: 1 / -1; }
    nav a:last-child:nth-child(3n + 2) { grid-column: 2 / -1; }
    nav a {
        justify-content: center;
        min-width: 0;
        white-space: nowrap;
        gap: 0.35rem;
        padding: 0.5rem 0.25rem;
        font-size: 0.76rem;
        border: 1px solid var(--borda);
        border-radius: var(--raio-m);
        background: rgba(var(--bg-rgb), 0.45);
    }
}

main { max-width: 1860px; margin: 0 auto; padding: 1rem 1.2rem 3rem; }
h1 {
    display: flex; align-items: center; gap: 0.6rem;
    font-size: 1.45rem; font-weight: 700;
    color: var(--nord6); letter-spacing: -0.015em;
    margin: 1rem 0 1.15rem;
}
h1 i {
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 1.15rem; flex: 0 0 auto;
    color: var(--azul);
    margin-right: 0;
}
h2 {
    font-size: 0.72rem; font-weight: 400; color: var(--txt-fraco);
    text-transform: uppercase; letter-spacing: 0.06em;
    border-bottom: 1px solid var(--borda); padding-bottom: 0.4rem;
    margin: 1.8rem 0 0.85rem;
}
h2 i { margin-right: 0.4rem; color: var(--azul); }

.grade { display: grid; gap: 0.9rem; --card-min: 230px;
    grid-template-columns: repeat(auto-fit, minmax(min(var(--card-min), 100%), 1fr)); }
.grade-tabelas { --card-min: 340px; margin-top: 0.8rem; align-items: start; }
.cartao {
    background: var(--bg2);
    border: 1px solid var(--borda);
    border-radius: var(--raio);
    padding: 0.85rem 1rem;
    position: relative;
    overflow: hidden;
}
.cartao-largo { grid-column: span 2; }
.cartao .icone-fundo {
    position: absolute; right: 0.7rem; top: 0.55rem;
    font-size: 2.2rem; opacity: 0.07; pointer-events: none;
}
.cartao .rotulo {
    color: var(--txt-fraco); font-size: 0.67rem; font-weight: 400;
    text-transform: uppercase; letter-spacing: 0.04em;
    display: flex; gap: 0.4rem; align-items: center;
}
.cartao .rotulo i { color: var(--txt-fraco); opacity: 0.75; }
.cartao .valor {
    font-family: var(--mono); font-size: 1.35rem; font-weight: 700;
    color: var(--nord6); letter-spacing: -0.02em;
    margin-top: 0.35rem; font-variant-numeric: tabular-nums;
    text-align: left;
}
.cartao .valor-hora.vazio { font-size: 0.95rem; font-weight: 400; }
.cartao .valor-endereco { font-size: 0.95rem; letter-spacing: 0.5px; word-break: break-all; }
@media (max-width: 700px) {
    .cartao .valor-endereco {
        font-size: clamp(7.5px, calc((100vw - 128px) / 25.6), 0.95rem);
        letter-spacing: 0;
    }
}
.cartao .detalhe { color: var(--txt-fraco); font-size: 0.72rem; margin-top: 0.25rem; }
.cartao .detalhe .num { font-size: 0.9em; }

.tabela-rolagem {
    overflow-x: auto;
    border: 1px solid var(--borda);
    border-radius: var(--raio);
    background: var(--bg2);
    scrollbar-width: thin;
    scrollbar-color: var(--nord3) var(--bg2);
}
@supports selector(::-webkit-scrollbar) {
    .tabela-rolagem { scrollbar-width: auto; scrollbar-color: auto; }
}
.tabela-rolagem table {
    border: none; border-radius: 0; width: max-content; min-width: 100%;
}
table {
    width: 100%; border-collapse: collapse;
    background: var(--bg2); border: 1px solid var(--borda);
    border-radius: var(--raio);
}
th, td {
    padding: 0.62rem 0.8rem; text-align: left; vertical-align: middle;
    border-bottom: 1px solid var(--borda);
    white-space: nowrap;
}
th {
    color: var(--txt-fraco); font-size: 0.67rem; font-weight: 400;
    text-transform: uppercase; letter-spacing: 0.04em; white-space: nowrap;
}
thead tr { background: var(--bg); }
th i { margin-right: 0.3rem; opacity: 0.7; }
td { color: var(--nord6); }
tbody tr:nth-child(even) { background: rgba(var(--bg-rgb), 0.35); }
tbody tr:last-child td { border-bottom: none; }
tbody tr { transition: background 0.12s ease, box-shadow 0.12s ease; }
tbody tr:hover {
    background: var(--bg3);
    box-shadow: inset 2px 0 0 var(--azul);
}
td.num, th.num { text-align: center; font-variant-numeric: tabular-nums; }

.tabela-posicoes th, .tabela-posicoes td { padding: 0.4rem 0.6rem; font-size: 0.85rem; }
.tabela-posicoes td.aporte { color: var(--verde); font-weight: 600; }
.tabela-posicoes td.aporte .mtm {
    display: block; font-size: 0.64rem; font-weight: 400;
    letter-spacing: 0.01em; margin-top: 0.05rem; opacity: 0.85;
}
.tabela-posicoes td.aporte .mtm.sobe { color: var(--verde-claro); }
.tabela-posicoes td.aporte .mtm.desce { color: var(--vermelho); }
.tabela-posicoes td.aporte .mtm.vazio { color: var(--txt-fraco); opacity: 0.6; }

.logo-defi { width: 20px; height: 20px; border-radius: 50%; flex: 0 0 20px; }
.logo-celula { display: inline-flex; align-items: center; gap: 0.45rem; white-space: nowrap; }

.nft-link { font-size: 0.75rem; margin-left: 0.35rem; white-space: nowrap; }

.faixa { min-width: 190px; padding: 0 1px; }
.faixa-trilho {
    position: relative;
    height: 7px;
    border-radius: 2px;
    margin: 6px 0 4px;
    background:
        linear-gradient(90deg,
            color-mix(in srgb, var(--vermelho) 34%, var(--bg3)) 0%,
            var(--bg3) 16%, var(--bg3) 84%,
            color-mix(in srgb, var(--verde-claro) 34%, var(--bg3)) 100%) padding-box,
        linear-gradient(90deg,
            var(--vermelho) 0%,
            color-mix(in srgb, var(--vermelho) 20%, var(--borda)) 18%,
            var(--borda) 40%, var(--borda) 60%,
            color-mix(in srgb, var(--verde-borda) 20%, var(--borda)) 82%,
            var(--verde-borda) 100%) border-box;
    border: 1px solid transparent;
}
.faixa-marcador {
    position: absolute;
    top: -4px; bottom: -4px;
    width: 3px;
    border-radius: 1px;
    background: var(--verde);
    transform: translateX(-50%);
    transition: background 0.3s, left 0.45s cubic-bezier(0.34, 1.3, 0.5, 1);
}
.faixa-trilho.perto .faixa-marcador { background: var(--amarelo); }
.faixa-trilho.risco .faixa-marcador {
    background: var(--vermelho);
    animation: pulso-beirada 0.85s ease-in-out infinite;
}
.faixa-trilho.ganho .faixa-marcador {
    background: var(--verde-claro);
    animation: pulso-ganho 1.7s ease-in-out infinite;
}
@keyframes pulso-beirada {
    0%, 100% { opacity: 1; transform: translateX(-50%) scaleY(1); }
    50% { opacity: 0.4; transform: translateX(-50%) scaleY(0.78); }
}
@keyframes pulso-ganho {
    0%, 100% { opacity: 1; transform: translateX(-50%) scaleY(1); }
    50% { opacity: 0.5; transform: translateX(-50%) scaleY(0.82); }
}
.faixa-escala {
    display: flex; justify-content: space-between;
    font-family: var(--mono); font-size: 0.64rem; color: var(--txt-apagado);
}
.tempo-dec {
    display: inline-flex; gap: 7px; align-items: baseline; justify-content: center;
    font-family: var(--mono); font-size: 0.8rem; color: var(--txt-fraco);
}
.tempo-dec .t-p { font-size: inherit; color: inherit; }
.tempo-dec .t-p b { font-weight: inherit; font-size: inherit; color: inherit; }
.tabela-posicoes td.valorizacao { font-family: var(--mono); font-size: 0.84rem; }
.tabela-posicoes td.valorizacao .val-pct { font-weight: 600; }
.tabela-posicoes td.valorizacao .val-pct.sobe { color: var(--verde-claro); }
.tabela-posicoes td.valorizacao .val-pct.desce { color: var(--vermelho); }
.faixa-ativo {
    display: flex; justify-content: flex-end; align-items: baseline;
    gap: 6px; margin-bottom: 2px; font-size: 0.68rem;
}
.faixa-ativo .fa-nome {
    color: var(--txt-apagado); letter-spacing: 0.02em;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 8.5em;
}
.faixa-ativo .fa-var { font-family: var(--mono); font-weight: 600; }
.faixa-ativo .fa-var.sobe { color: var(--verde-claro); }
.faixa-ativo .fa-var.desce { color: var(--vermelho); }
.faixa-escala .fa-comp {
    font-family: inherit; letter-spacing: 0.02em;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 9em;
}
.faixa-escala .fa-comp:only-child { margin-inline: auto; }

tr.reprovada { opacity: 0.55; }
tr.reprovada td:first-child { border-left: 3px solid var(--vermelho); }
tbody tr.aprovada td:first-child { border-left: 3px solid var(--verde); }
tbody td:first-child { border-left: 3px solid transparent; }

.badge i { font-size: 0.86em; }
.badge {
    display: inline-flex; gap: 0.35rem; align-items: center;
    font-size: 0.64rem; font-weight: 700;
    text-transform: uppercase; letter-spacing: 0.04em;
    padding: 4px 10px; border-radius: var(--raio-pilula);
    border: none; white-space: nowrap;
    background: var(--bg3); color: var(--txt-claro);
}
.badge-off { color: var(--nord4); background: var(--bg3); }
.badge-stale { color: var(--amarelo); background: rgba(var(--amarelo-rgb), 0.18); }

.badge-alta  { color: var(--verde); background: rgba(var(--verde-rgb), 0.18); }
.badge-media { color: var(--amarelo); background: rgba(var(--amarelo-rgb), 0.18); }
.badge-baixa { color: var(--vermelho); background: rgba(var(--vermelho-rgb), 0.18); }

.badge-entrar        { color: var(--verde); background: rgba(var(--verde-rgb), 0.18); }
.badge-sair          { color: var(--vermelho); background: rgba(var(--vermelho-rgb), 0.18); }
.badge-reposicionar  { color: var(--azul); background: rgba(var(--azul-rgb), 0.18); }
.badge-trocar        { color: var(--roxo); background: rgba(var(--roxo-rgb), 0.18); }
.badge-manter        { color: var(--verde); background: rgba(var(--verde-rgb), 0.14); }
.badge-esperar       { color: var(--amarelo); background: rgba(var(--amarelo-rgb), 0.18); }

.badge-ok   { color: var(--verde); background: rgba(var(--verde-rgb), 0.18); }
.badge-erro { color: var(--vermelho); background: rgba(var(--vermelho-rgb), 0.18); }

td .badge[class*="badge-tx-"] { min-width: 108px; justify-content: center; }
.badge-tx-approve       { color: var(--azul); background: rgba(var(--azul-rgb), 0.18); }
.badge-tx-swap          { color: var(--roxo); background: rgba(var(--roxo-rgb), 0.18); }
.badge-tx-mint          { color: var(--verde); background: rgba(var(--verde-rgb), 0.18); }
.badge-tx-increase      { color: var(--verde); background: rgba(var(--verde-rgb), 0.18); }
.badge-tx-decrease      { color: var(--amarelo); background: rgba(var(--amarelo-rgb), 0.18); }
.badge-tx-collect       { color: var(--ciano); background: rgba(var(--ciano-rgb), 0.18); }
.badge-tx-burn          { color: var(--vermelho); background: rgba(var(--vermelho-rgb), 0.18); }
.badge-tx-swap_volta    { color: var(--roxo); background: rgba(var(--roxo-rgb), 0.18); }
.badge-tx-unwrap_weth   { color: var(--ciano); background: rgba(var(--ciano-rgb), 0.18); }
.badge-tx-unwrap_gas    { color: var(--ciano); background: rgba(var(--ciano-rgb), 0.18); }
.badge-tx-transferencia { color: var(--verde); background: rgba(var(--verde-rgb), 0.18); }
.badge-tx-dust_unwrap   { color: var(--ciano); background: rgba(var(--ciano-rgb), 0.18); }
.badge-tx-wrap_teste    { color: var(--roxo); background: rgba(var(--roxo-rgb), 0.18); }
.badge-tx-deposito      { color: var(--laranja); background: rgba(var(--laranja-rgb), 0.18); }
.badge-tx-ponte         { color: var(--laranja); background: rgba(var(--laranja-rgb), 0.18); }
.badge-tx-saque         { color: var(--vermelho); background: rgba(var(--vermelho-rgb), 0.18); }
[class*="badge-tx-"] i { display: inline-block; }

.badge-tx-transferencia i { animation: tx-enviar     2.4s ease-in-out infinite; }
.badge-tx-dust_unwrap   i { animation: tx-varrer     1.5s ease-in-out infinite; }
.badge-tx-swap          i { animation: tx-girar      3.0s ease-in-out infinite; }
.badge-tx-swap_volta    i { animation: tx-desgirar   3.2s ease-in-out infinite; }
.badge-tx-approve       i { animation: tx-carimbar   2.6s ease-in-out infinite; }
.badge-tx-mint          i { animation: tx-nascer     2.8s ease-in-out infinite; }
.badge-tx-increase      i { animation: tx-crescer    2.2s ease-in-out infinite; }
.badge-tx-decrease      i { animation: tx-encolher   2.2s ease-in-out infinite; }
.badge-tx-collect       i { animation: tx-recolher   1.9s ease-in-out infinite; }
.badge-tx-burn          i { animation: tx-queimar    0.9s ease-in-out infinite; }
.badge-tx-unwrap_weth   i { animation: tx-abrir      2.5s ease-in-out infinite; }
.badge-tx-unwrap_gas    i { animation: tx-abastecer  2.1s ease-in-out infinite; }
.badge-tx-wrap_teste    i { animation: tx-agitar     2.7s ease-in-out infinite; }
.badge-tx-deposito      i { animation: tx-entrar     2.3s ease-in-out infinite; }
.badge-tx-saque         i { animation: tx-sair       2.3s ease-in-out infinite; }
.badge-tx-ponte         i { animation: tx-atravessar 3.4s ease-in-out infinite; }

@keyframes tx-enviar {
    0%, 10%   { transform: translate(0, 0); opacity: 1; }
    45%       { transform: translate(7px, -7px); opacity: 0; }
    46%       { transform: translate(-6px, 6px); opacity: 0; }
    72%, 100% { transform: translate(0, 0); opacity: 1; }
}
@keyframes tx-varrer {
    0%, 100% { transform: rotate(-16deg) translateX(-1px); }
    50%      { transform: rotate(16deg) translateX(1px); }
}
@keyframes tx-girar {
    0%, 25%   { transform: rotate(0); }
    50%, 75%  { transform: rotate(180deg); }
    100%      { transform: rotate(360deg); }
}
@keyframes tx-desgirar {
    0%, 30% { transform: rotate(0); }
    70%     { transform: rotate(-180deg); }
    100%    { transform: rotate(-360deg); }
}
@keyframes tx-carimbar {
    0%, 60%, 100% { transform: scale(1); }
    68%           { transform: scale(1.35); }
    76%           { transform: scale(0.94); }
    84%           { transform: scale(1.08); }
}
@keyframes tx-nascer {
    0%, 55%   { transform: scale(1) rotate(0); }
    75%       { transform: scale(1.3) rotate(90deg); }
    100%      { transform: scale(1) rotate(0); }
}
@keyframes tx-crescer {
    0%, 100% { transform: scale(1) translateY(0); }
    50%      { transform: scale(1.25) translateY(-2px); }
}
@keyframes tx-encolher {
    0%, 100% { transform: scale(1) translateY(0); }
    50%      { transform: scale(0.78) translateY(2px); }
}
@keyframes tx-recolher {
    0%, 100% { transform: translateY(0); }
    35%      { transform: translateY(-3px); }
    60%      { transform: translateY(1px); }
}
@keyframes tx-queimar {
    0%, 100% { transform: scale(1) translateY(0); opacity: 1; }
    30%      { transform: scale(1.14) translateY(-1px); opacity: 0.8; }
    65%      { transform: scale(0.93) translateY(1px); opacity: 1; }
}
@keyframes tx-abrir {
    0%, 55%, 100% { transform: rotate(0) translateY(0); }
    70%           { transform: rotate(-12deg) translateY(-2px); }
    85%           { transform: rotate(6deg) translateY(0); }
}
@keyframes tx-abastecer {
    0%, 100% { transform: scale(1) rotate(0); }
    45%      { transform: scale(1.12) rotate(-7deg); }
}
@keyframes tx-agitar {
    0%, 60%, 100% { transform: rotate(0); }
    75%           { transform: rotate(-22deg); }
    88%           { transform: rotate(8deg); }
}
@keyframes tx-entrar {
    0%, 15%   { transform: translateY(-6px); opacity: 0; }
    45%, 80%  { transform: translateY(0); opacity: 1; }
    100%      { transform: translateY(-6px); opacity: 0; }
}
@keyframes tx-sair {
    0%, 20%  { transform: translateY(0); opacity: 1; }
    55%      { transform: translateY(-6px); opacity: 0; }
    56%      { transform: translateY(4px); opacity: 0; }
    85%,100% { transform: translateY(0); opacity: 1; }
}
@keyframes tx-atravessar {
    0%, 100% { transform: translateX(-3px); }
    50%      { transform: translateX(3px); }
}
@media (prefers-reduced-motion: reduce) {
    [class*="badge-tx-"] i { animation: none; }
}

td .badge-status { min-width: 118px; justify-content: center; }
td .badge[class*="badge-rede-"] { min-width: 90px; justify-content: center; }
.badge-rede-base        { color: var(--azul); background: rgba(var(--azul-rgb), 0.18); }
.badge-rede-bsc         { color: var(--amarelo); background: rgba(var(--amarelo-rgb), 0.18); }
.badge-rede-arbitrum    { color: var(--ciano); background: rgba(var(--ciano-rgb), 0.18); }

.badge-execucao_bloqueada { color: var(--vermelho); background: rgba(var(--vermelho-rgb), 0.18); }
.badge-migrar { color: var(--azul); background: rgba(var(--azul-rgb), 0.18); }

.aviso-offline {
    background: rgba(var(--vermelho-rgb), 0.14);
    border: none;
    border-left: 3px solid var(--vermelho);
    border-radius: var(--raio-m);
    color: var(--vermelho);
    padding: 0.75rem 1rem;
    margin: 0.8rem 0;
}
.nota {
    background: var(--bg2);
    border: none;
    border-left: 3px solid var(--amarelo);
    border-radius: var(--raio-btn);
    color: var(--nord5);
    padding: 0.7rem 1rem;
    margin: 0.7rem 0;
    font-size: 0.85rem;
}
.nota i { color: var(--amarelo); margin-right: 0.3rem; }

.avatar {
    flex: 0 0 38px; width: 38px; height: 38px;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    background: var(--bg3);
    border: 1px solid var(--borda);
    font-size: 0.95rem;
}
.msg-cab { display: flex; gap: 0.6rem; align-items: baseline; flex-wrap: wrap; }
.msg-agente { font-family: var(--mono); font-weight: 700; font-size: 0.88rem; }
.msg-papel {
    font-family: var(--mono); font-size: 0.66rem; color: var(--txt-fraco);
    background: var(--bg3); border: 1px solid var(--borda);
    border-radius: 999px; padding: 0.08rem 0.55rem;
    margin-left: auto; order: 8;
}
.msg-hora { color: var(--txt-fraco); font-size: 0.76rem; order: 9; }
.msg-resumo { margin-top: 0.3rem; font-size: 0.9rem; }

.agente-cacador      { color: var(--verde); }
.agente-definidor    { color: var(--azul); }
.agente-vigia        { color: var(--amarelo); }
.agente-auditor      { color: var(--roxo); }
.agente-estrategista { color: var(--ciano); }
.agente-mesa         { color: var(--txt-fraco); }

details { margin-top: 0.4rem; }
summary { cursor: pointer; color: var(--azul); font-size: 0.8rem; }
summary i { margin-right: 0.25rem; }
.det-olho { margin-top: 0; }
.det-olho > summary { list-style: none; font-size: 0.95rem; }
.det-olho > summary::-webkit-details-marker { display: none; }
.det-olho > summary i { margin-right: 0; }
thead th i { margin-right: 0.3rem; opacity: 0.65; font-weight: 400; }
th.col-det, td.col-det { text-align: center; }
td.col-det pre { text-align: left; }
details pre {
    background: var(--bg);
    border: 1px solid var(--borda);
    border-radius: 8px;
    padding: 0.6rem 0.8rem;
    overflow-x: auto;
    font-size: 0.78rem;
    color: var(--txt);
    margin: 0.4rem 0 0;
    white-space: pre-wrap;
    word-break: break-word;
}

.vs { display: grid; grid-template-columns: 1fr 1fr; gap: 0.8rem; }
.erro-pos { color: var(--verde); }
.erro-neg { color: var(--vermelho); }

.vazio {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 0.55rem; text-align: center;
    color: var(--txt-fraco); font-style: italic;
    padding: 1.6rem 0.6rem;
}
.vazio i {
    font-size: 1.6rem; font-style: normal;
    color: var(--nord3); opacity: 0.9;
}
.btn-desabilitado {
    display: inline-flex; gap: 0.4rem; align-items: center;
    padding: 0.45rem 0.95rem; border-radius: 8px;
    border: 1px solid var(--borda); color: var(--txt-fraco);
    background: var(--bg2); cursor: not-allowed; font-size: 0.85rem;
}
.ok { color: var(--verde); }
.erro { color: var(--vermelho); }
.aviso-amarelo { color: var(--amarelo); }

@keyframes pulsar {
    0%, 100% { transform: scale(1); opacity: 0.8; }
    45% { transform: scale(1.3); opacity: 1; }
}
.flash { animation: flashval 0.7s ease-out; }
@keyframes flashval {
    from { color: var(--ciano); }
}

.barra-meta {
    height: 10px;
    background: var(--bg3);
    border: none;
    border-radius: var(--raio-btn);
    margin: 1rem 0 1.15rem;
    overflow: hidden;
}
.barra-meta-fill {
    height: 100%;
    border-radius: var(--raio-btn);
    contain: paint;
    transition: width 0.6s ease-out;
    background: repeating-linear-gradient(115deg,
        var(--verde) 0 10px, rgba(var(--verde-rgb), 0.72) 10px 20px);
    background-size: 28px 100%;
    animation: meta-anda 1.1s linear infinite;
}
@keyframes meta-anda {
    from { background-position: 0 0; }
    to { background-position: 28px 0; }
}
.barra-meta-fill.batida {
    background: repeating-linear-gradient(115deg,
        var(--amarelo) 0 10px, rgba(var(--amarelo-rgb), 0.72) 10px 20px);
    background-size: 28px 100%;
    animation: meta-anda 0.55s linear infinite;
}
.barra-meta:has(+ .barra-meta-extra:not([hidden])) { margin-bottom: 0; }
.barra-meta-extra {
    height: 6px;
    background: var(--bg3);
    border-radius: var(--raio-btn);
    margin-top: 9px;
    margin-bottom: 1.15rem;
    overflow: hidden;
}
.barra-meta-extra-fill {
    height: 100%;
    border-radius: var(--raio-btn);
    contain: paint;
    background: var(--amarelo);
    transition: width 0.6s ease-out;
    animation: meta-extra-pulso 1.4s ease-in-out infinite alternate;
}
@keyframes meta-extra-pulso {
    from { opacity: 0.6; }
    to { opacity: 1; }
}
.meta-yield-badge { font-variant-numeric: tabular-nums; gap: 0; }
.meta-yield-badge i { margin-right: 0.35rem; opacity: 0.75; }
.meta-yield-badge b { font-weight: 700; }
.meta-yield-badge .meta-alvo-pct {
    font-weight: 400; text-transform: none; letter-spacing: 0;
    color: var(--nord4); margin-left: 0.34rem;
}
.meta-yield-badge .meta-alvo-pct::before {
    content: 'de';
    color: var(--nord4);
    opacity: 0.8;
    margin-right: 0.5rem;
    font-weight: 400;
}
.meta-yield-badge .meta-alvo-num { color: var(--amarelo); font-weight: 700; }

.meta-hero-pct.ouro { color: var(--amarelo); }
.chip-meta {
    display: inline-flex; align-items: center; gap: 0.35rem;
    border-radius: 999px; padding: 0.18rem 0.7rem;
    font-size: 0.72rem; font-family: var(--mono); line-height: 1.35;
    background: rgba(var(--verde-rgb), 0.14); color: var(--verde);
}
.chip-meta.ouro { background: rgba(var(--amarelo-rgb), 0.14); color: var(--amarelo); }
@media (prefers-reduced-motion: reduce) {
    .barra-meta-fill, .barra-meta-fill.batida, .barra-meta-extra-fill { animation: none; }
}

.meta-hero {
    display: flex; align-items: baseline; flex-wrap: wrap;
    gap: 0.45rem 0.85rem; margin-top: 0.95rem;
}
.meta-hero-val {
    font-family: var(--mono); font-size: 1.7rem; font-weight: 700;
    color: var(--azul); letter-spacing: -0.02em; line-height: 1.2;
    font-variant-numeric: tabular-nums; margin-right: 0.15rem;
}
.meta-hero-alvo { font-size: 0.78rem; color: var(--txt-fraco); font-variant-numeric: tabular-nums; }
.meta-hero-pct {
    margin-left: auto; font-size: 0.9rem; font-weight: 700;
    color: var(--nord5); font-variant-numeric: tabular-nums;
}

.sub-grade {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(140px, 100%), 1fr));
    gap: 1px;
    background: var(--borda);
    border-top: 1px solid var(--borda);
    margin: 0.9rem -1rem -0.85rem;
}
@media (max-width: 460px), (min-width: 601px) and (max-width: 741px) {
    .sub-grade > .sub-celula:nth-child(5):last-child { grid-column: 1 / -1; }
}
.sub-celula {
    background: var(--bg2);
    padding: 11px 14px;
    display: flex; flex-direction: column; gap: 3px; min-width: 0;
}
.sub-faixa {
    grid-column: 1 / -1;
    background: var(--bg3);
    padding: 6px 14px;
    color: var(--txt-fraco);
    font-size: 0.63rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.sub-grade:has(.sub-faixa) { display: flex; flex-wrap: wrap; }
.sub-grade:has(.sub-faixa) > .sub-celula { flex: 1 1 196px; }
.sub-grade:has(.sub-faixa) > .sub-faixa { flex: 1 1 100%; }
.sub-k {
    color: var(--txt-fraco); font-size: 0.67rem; letter-spacing: 0.02em;
    display: flex; align-items: center; gap: 5px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.sub-k i { font-size: 0.66rem; opacity: 0.75; width: 11px; text-align: center; flex: 0 0 11px; }
.sub-v {
    color: var(--nord6); font-size: 0.92rem; font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.ata {
    background: var(--bg2);
    border: 1px solid var(--borda);
    border-radius: var(--raio);
    padding: 0.7rem 0.95rem;
    margin-bottom: 0.8rem;
}
.ata-cab { display: flex; gap: 0.7rem; align-items: center; flex-wrap: wrap; }
.ata-alvo { font-size: 0.85rem; color: var(--txt); }
.ata-alvo i { color: var(--azul); }
.ata-cab .msg-hora { margin-left: auto; }
.ata-rodape {
    margin-top: 0.5rem; padding-top: 0.45rem;
    border-top: 1px solid var(--borda);
    color: var(--txt-fraco); font-size: 0.8rem;
}
.ata-rodape i { color: var(--ciano); }

.badge-veto {
    color: var(--vermelho); border-color: var(--vermelho);
    background: rgba(var(--vermelho-rgb), 0.14); font-weight: 700;
}

.placar { margin: 0.6rem 0 0.3rem; display: flex; flex-direction: column; gap: 0.25rem; max-width: 640px; }
.placar-linha { display: flex; align-items: center; gap: 0.6rem; }
.placar-rotulo {
    flex: 0 0 90px; font-family: var(--mono); font-size: 0.75rem;
    color: var(--txt-fraco); text-align: right;
}
.placar-linha.vencedor .placar-rotulo { color: var(--txt); font-weight: 700; }
.placar-trilho {
    flex: 1; height: 8px; border-radius: 4px;
    background: var(--bg3); border: 1px solid var(--borda); overflow: hidden;
}
.placar-fill { height: 100%; background: var(--txt-fraco); border-radius: 3px; opacity: 0.7; }
.placar-linha.vencedor .placar-fill { background: var(--ciano); opacity: 1; }
.placar-peso { font-size: 0.75rem; color: var(--txt-fraco); flex: 0 0 40px; }

.votos { margin-top: 0.6rem; display: flex; flex-direction: column; gap: 0.45rem; }
.voto { display: flex; gap: 0.6rem; align-items: flex-start; }
.voto-dissidente {
    background: rgba(var(--vermelho-rgb), 0.06);
    border: 1px solid rgba(var(--vermelho-rgb), 0.4);
    border-radius: 8px;
    padding: 0.4rem 0.55rem;
}
.voto-corpo { flex: 1; }
.conviccao { font-size: 0.78rem; color: var(--ciano); }

.avatar-alpha   { color: var(--amarelo); border-color: var(--amarelo); }
.avatar-bravo   { color: var(--azul); border-color: var(--azul); }
.avatar-charlie { color: var(--verde); border-color: var(--verde); }
.avatar-delta   { color: var(--vermelho); border-color: var(--vermelho); }
.avatar-echo    { color: var(--roxo); border-color: var(--roxo); }
.avatar-foxtrot { color: var(--ciano); border-color: var(--ciano); }
.agente-alpha   { color: var(--amarelo); }
.agente-bravo   { color: var(--azul); }
.agente-charlie { color: var(--verde); }
.agente-delta   { color: var(--vermelho); }
.agente-echo    { color: var(--roxo); }
.agente-foxtrot { color: var(--ciano); }
.agente-comite  { color: var(--nord4); }
.agente-revisor { color: var(--laranja); }
.agente-ceo     { color: var(--nord8); }
.wnome i        { margin-right: 0.28rem; font-size: 0.82em; opacity: 0.9; }

.memoria-celula { white-space: nowrap; }
.memoria-nums { font-size: 0.75rem; color: var(--txt-fraco); margin-left: 0.3rem; }

.cartao-btc-destaque {
    background: var(--bg2);
    border: 1px solid var(--borda);
    border-left: 3px solid var(--amarelo);
    border-radius: var(--raio);
    padding: 0;
    margin-bottom: 0.8rem;
    overflow: hidden;
}
.cofre-topo {
    display: flex; gap: 0.8rem; align-items: center; flex-wrap: wrap;
    padding: 15px 16px 13px;
}
.cofre-ico {
    width: 40px; height: 40px; border-radius: 12px; flex: 0 0 40px;
    background: radial-gradient(120% 120% at 30% 20%,
        rgba(var(--amarelo-rgb), 0.28), rgba(var(--amarelo-rgb), 0.06));
    display: flex; align-items: center; justify-content: center;
}
.cofre-ico i { color: var(--amarelo); font-size: 1.15rem; }
.cofre-saldo {
    font-size: 1.75rem; font-weight: 700; color: var(--amarelo);
    letter-spacing: -0.02em; line-height: 1;
}
.cofre-sub { color: var(--txt-fraco); font-size: 0.85rem; }
.cofre-sub b { font-weight: 600; }
.cofre-sub b.claro { color: var(--txt); }
.cofre-pl {
    margin-left: auto; display: inline-flex; align-items: center; gap: 0.4rem;
    font-size: 0.72rem; flex-wrap: wrap; row-gap: 0.25rem;
}
.cofre-pl .pl-base, .cofre-pl .delta {
    display: inline-flex; align-items: center; gap: 0.4rem;
    border-radius: 999px; padding: 0.3rem 0.8rem; white-space: nowrap;
}
.cofre-pl .pl-base { background: rgba(var(--txt-rgb), 0.07); }
.cofre-pl i { color: var(--txt-fraco); font-size: 0.72rem; }
.cofre-pl .custo { color: var(--txt-claro); font-size: 0.66rem; }
.cofre-pl .delta {
    color: var(--verde); font-weight: 700;
    background: rgba(var(--verde-rgb), 0.16);
}
.cofre-pl .delta.neg {
    color: var(--vermelho); background: rgba(var(--vermelho-rgb), 0.16);
}
.cofre-reserva { color: var(--txt-fraco); font-size: 0.68rem; }
.cofre-reserva i { color: var(--amarelo); margin-right: 0.3rem; }
.cofre-grid {
    display: flex; flex-wrap: wrap; gap: 0.65rem;
    padding: 0 16px 15px;
}
.cofre-grid > .cofre-pill { flex: 1 1 0; min-width: 0; }
.cofre-grid > .cofre-prox { flex: 1.3 1 0; }
.cofre-pill {
    position: relative; overflow: hidden;
    background: rgba(255, 255, 255, 0.045); border-radius: 12px;
    padding: 1rem 0.95rem 0.85rem; min-height: 104px;
    display: flex; flex-direction: column; gap: 0.32rem;
}
.cofre-pill .rot {
    font-family: var(--mono); font-size: 0.6rem; letter-spacing: 0.1em;
    text-transform: uppercase; color: var(--txt-fraco);
    display: inline-flex; align-items: center; gap: 0.4rem;
}
.cofre-pill .rot i { font-size: 0.66rem; }
.cofre-pill .val { font-size: 1.02rem; font-weight: 700; }
.cofre-pill .sub { font-size: 0.66rem; color: var(--txt-fraco); }
.cofre-pill .faisca {
    position: absolute; right: 8px; bottom: 6px; display: flex;
    align-items: flex-end; gap: 2px; height: 22px; opacity: 0.55;
}
.cofre-pill .faisca i {
    width: 4px; border-radius: 2px; background: var(--ciano); display: block;
}
.cofre-pill .faisca i.fim { background: var(--verde); }
.cofre-pill .faisca-ouro i { background: rgba(var(--amarelo-rgb), 0.55); }
.cofre-pill .faisca-ouro i.fim { background: var(--amarelo); }
.cofre-prox {
    background: linear-gradient(160deg, rgba(var(--amarelo-rgb), 0.16),
        rgba(var(--amarelo-rgb), 0.04));
    border: 1px solid rgba(var(--amarelo-rgb), 0.3);
}
.cofre-prox .val { color: var(--amarelo); }
.cofre-prox .rot { color: var(--amarelo); }
.cofre-prox .rot i { color: var(--amarelo); }
@media (max-width: 1000px) {
    .cofre-grid > .cofre-pill { flex: 1 1 calc(50% - 0.65rem); }
    .cofre-grid > .cofre-prox { flex: 1 1 100%; }
}
@media (max-width: 700px) {
    .cofre-grid > .cofre-pill { flex: 1 1 100%; min-height: 0; }
    .cofre-pl { margin-left: 0; width: 100%; justify-content: flex-start; }
}

.tabela-btc th, .tabela-btc td { padding: 0.35rem 0.6rem; font-size: 0.82rem; }

.comite-linha1 {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    gap: 0.9rem;
    align-items: start;
}
.comite-linha1 > .sala-wrap { display: flex; flex-direction: column; min-width: 0; }
.comite-linha1 > .chat-wrap { display: flex; flex-direction: column; min-width: 0; }

.comite-linha2 {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 0.9rem;
    align-items: start;
}
.painel-notas { margin-bottom: 0.4rem; }
.notas-grade {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.7rem;
    align-items: stretch;
}
@media (max-width: 1100px) { .notas-grade { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px)  { .notas-grade { grid-template-columns: 1fr; } }
@media (max-width: 1150px) {
    .comite-linha1 { grid-template-columns: 1fr; }
}

#sala3d {
    position: relative;
    height: 580px;
    background: var(--bg);
    border: 1px solid var(--borda);
    border-radius: var(--raio);
    overflow: hidden;
    cursor: grab;
}
#sala3d:active { cursor: grabbing; }
#sala3d canvas { display: block; }
@media (max-width: 700px) { #sala3d { height: 490px; } }
.sala-fallback {
    display: flex; gap: 1rem; align-items: center; justify-content: center;
    flex-wrap: wrap; height: 100%; padding: 1rem;
}
.fallback-persona { display: flex; flex-direction: column; align-items: center; gap: 0.35rem; font-family: var(--mono); font-size: 0.78rem; }
.sala-chamando {
    width: 100%; margin: 0;
    display: flex; align-items: center; justify-content: center; gap: 0.55rem;
    font-family: var(--mono); font-size: 0.82rem; color: var(--txt-fraco);
}
.sala-chamando i { color: var(--ciano); font-size: 0.9rem; }
.fallback-funcao { font-size: 0.62rem; color: var(--txt-fraco); }

.avatar-f { border-radius: 30%; }

.chat-wrap h2 {
    display: flex; align-items: center; gap: 0.4rem;
    min-width: 0; flex-wrap: nowrap;
}
.chat-wrap h2 > i { flex: 0 0 auto; }
.chat-btn i { font-size: 0.74rem; line-height: 1; }
.chat-btn {
    display: inline-flex; align-items: center; justify-content: center;
    width: 30px; height: 30px;
    background: rgba(255,255,255,0.05); color: var(--txt-fraco);
    border: none; border-radius: 50%;
    cursor: pointer; font-size: 0.78rem;
    transition: background 0.18s, color 0.18s, transform 0.12s;
}
.chat-btn:hover { background: rgba(255,255,255,0.1); color: var(--txt); }
.chat-btn:active { transform: scale(0.94); }

.chat-btn.enviar {
    color: var(--nord0); background: var(--ciano);
    width: 34px; height: 34px; border-radius: 10px;
}
.chat-btn.enviar:hover { background: #5fd8e0; color: var(--nord0); }
.chat-btn:disabled { opacity: 0.5; cursor: wait; }

.chat-entrada {
    display: flex; gap: 0.4rem; margin-top: 0.45rem;
}
.chat-campo { position: relative; flex: 1; display: flex; }
.chat-entrada input {
    flex: 1;
    background: var(--bg); color: var(--txt);
    border: 1px solid var(--borda); border-radius: 8px;
    padding: 0.45rem 0.7rem; font-size: 0.85rem;
    outline: none;
}
.chat-entrada input:focus { border-color: var(--ciano); }
.mencoes {
    position: absolute; bottom: calc(100% + 0.35rem); left: 0; right: 0;
    margin: 0; padding: 0.25rem; list-style: none;
    background: var(--bg2); border: 1px solid var(--borda); border-radius: 8px;
    max-height: 232px; overflow-y: auto; z-index: 30;
}
.mencao {
    display: flex; align-items: baseline; gap: 0.5rem;
    padding: 0.4rem 0.55rem; border-radius: 6px;
    font-size: 0.82rem; cursor: pointer; white-space: nowrap;
}
.mencao i { width: 1rem; text-align: center; flex: none; }
.mencao-nome { color: var(--txt); }
.mencao-funcao {
    color: var(--txt-fraco); font-size: 0.72rem;
    overflow: hidden; text-overflow: ellipsis;
}
.mencao.sel { background: var(--bg3); }
.ceo-erro {
    color: var(--vermelho); font-size: 0.75rem; margin-top: 0.25rem;
}

.w-ceo { flex-direction: row; justify-content: flex-end; }
.w-ceo .wbolha {
    background: #006c57;
    border: none;
    border-radius: 10px;
    border-top-right-radius: 2px;
}
.w-ceo .ceo-nome { color: #7ee0c8; }
.avatar-ceo { color: var(--ciano); border-color: var(--ciano); }
.ceo-nome { color: var(--ciano); }
.nav-badge {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 16px; height: 16px; padding: 0 4px; margin-left: 0.4rem;
    border-radius: 8px; font-size: 0.62rem; font-weight: 700; line-height: 1;
    background: var(--vermelho); color: #fff; vertical-align: middle;
}
.avatar-pessoa { color: var(--azul); border-color: rgba(var(--azul-rgb), 0.6); }
.avatar-pessoa.avatar-admin { color: var(--amarelo);
    border-color: rgba(var(--amarelo-rgb), 0.6); }
.w-pessoa .wbolha { border-color: rgba(var(--azul-rgb), 0.35); }
.mencao-pessoa { border-left: 2px solid rgba(var(--azul-rgb), 0.5); }

.wbolha { position: relative; transition: transform 0.2s, box-shadow 0.2s; }
.wbolha.lendo {
    transform: translateY(-1px);
    box-shadow: 0 0 0 1.5px var(--ciano);
}
.w-alpha .wbolha.lendo   { box-shadow: 0 0 0 1px var(--amarelo); }
.w-bravo .wbolha.lendo   { box-shadow: 0 0 0 1px var(--azul); }
.w-charlie .wbolha.lendo { box-shadow: 0 0 0 1px var(--verde); }
.w-delta .wbolha.lendo   { box-shadow: 0 0 0 1px var(--vermelho); }
.w-echo .wbolha.lendo    { box-shadow: 0 0 0 1px var(--roxo); }
.icone-lendo {
    font-size: 0.66rem; color: var(--ciano);
    flex: 0 0 auto; margin-left: 0.35rem;
}
.wbolha.lendo .icone-lendo {
    display: inline-block;
    animation: pulsar 1.2s ease-in-out infinite;
}
.wbolha:not(.lendo) .icone-lendo { display: none; }
@media (prefers-reduced-motion: reduce) {
    .wbolha.lendo .icone-lendo { animation: none; }
}

.fila-progresso {
    margin-left: 0.35rem;
    color: var(--ciano); font-family: var(--mono);
    font-size: 0.72rem; font-weight: 400;
    text-transform: none; letter-spacing: 0;
    white-space: nowrap; flex: 0 0 auto;
}
.chat-caixa { position: relative; flex: 1; display: flex; flex-direction: column; min-height: 0; }
.btn-ir-fim {
    position: absolute; right: 0.8rem; bottom: 0.8rem;
    background: var(--bg3); color: var(--ciano);
    border: 1px solid var(--ciano); border-radius: 14px;
    padding: 0.3rem 0.7rem; font-size: 0.75rem; font-family: var(--mono);
    cursor: pointer;
    z-index: 2;
}
.btn-ir-fim:hover { background: var(--bg4); }
.wchat {
    height: 560px; min-height: 320px;
    overflow-y: auto;
    background: #151a22;
    border: 1px solid var(--borda);
    border-radius: var(--raio);
    padding: 0.8rem 0.8rem 1.6rem;
    scrollbar-width: thin;
    scrollbar-color: var(--nord3) transparent;
    display: flex; flex-direction: column; gap: 0.4rem;
}
.wchat > :last-child { margin-bottom: 0.5rem; }
.wdivisor { text-align: center; margin: 0.3rem 0; }
.wdivisor span {
    background: rgba(255, 255, 255, 0.05); color: var(--txt-fraco);
    font-family: var(--mono); font-size: 0.68rem;
    padding: 0.15rem 0.75rem; border-radius: 999px;
    border: none;
}
.wmsg { display: flex; gap: 0.5rem; align-items: flex-end; }
.wmsg .avatar {
    flex: 0 0 34px; width: 34px; height: 34px; font-size: 0.75rem;
    border: none; border-radius: 50%;
}
.avatar-foto {
    background: var(--bg3) center center / cover no-repeat;
    border-width: 1px;
}
.avatar-foto i { display: none; }
.wbolha {
    flex: 1 1 auto;
    max-width: 82%;
    background: #212938;
    border: none;
    border-radius: 18px 18px 18px 5px;
    padding: 0.5rem 0.8rem 0.4rem;
    box-shadow: none;
}
.wcab {
    display: flex; gap: 0.5rem; align-items: baseline;
    margin-bottom: 0.6rem;
}
.wnome { font-family: var(--fonte); font-weight: 650; font-size: 0.8rem; }
.wpapel {
    font-family: var(--mono); font-size: 0.6rem; color: var(--txt-fraco);
    background: rgba(255, 255, 255, 0.06); border: none;
    border-radius: 999px; padding: 0.1rem 0.55rem;
    margin-left: auto;
    display: inline-flex; align-items: center; gap: 0.3rem;
}
.wpapel i { font-size: 0.55rem; }
.wpapel-voto            { color: var(--azul); background: rgba(var(--azul-rgb), 0.15); }
.wpapel-performance     { color: var(--verde); background: rgba(var(--verde-rgb), 0.15); }
.wpapel-ata             { color: var(--ciano); background: rgba(var(--ciano-rgb), 0.15); }
.wpapel-falhaexecucao   { color: var(--vermelho); background: rgba(var(--vermelho-rgb), 0.15); }
.wpapel-comentario      { color: var(--roxo); background: rgba(var(--roxo-rgb), 0.15); }
.wpapel-papopergunta    { color: var(--amarelo); background: rgba(var(--amarelo-rgb), 0.15); }
.wpapel-paporesposta,
.wpapel-resposta        { color: var(--ciano); background: rgba(var(--ciano-rgb), 0.15); }
.wpapel-proposta        { color: var(--amarelo); background: rgba(var(--amarelo-rgb), 0.15); }
.wpapel-consenso        { color: var(--verde); background: rgba(var(--verde-rgb), 0.15); }
.wpapel-refutacao       { color: var(--laranja); background: rgba(var(--laranja-rgb), 0.15); }
.wpapel-movimento       { color: var(--azul); background: rgba(var(--azul-rgb), 0.15); }
.wtexto { font-size: 0.86rem; line-height: 1.4; margin-top: 0.1rem; overflow-wrap: break-word; }
.wbolha .whora {
    display: flex; align-items: center; justify-content: flex-end;
    gap: 0.3rem; font-family: var(--mono);
    font-size: 0.62rem; color: #9fb0bb; margin-top: 0.1rem;
}
.wbolha details summary {
    font-family: var(--mono); font-size: 0.66rem; color: #8696a0;
    cursor: pointer; margin-top: 0.2rem;
}
.wbolha details pre {
    background: rgba(0, 0, 0, 0.28); border-radius: 6px;
    padding: 0.4rem 0.5rem; font-size: 0.66rem; margin-top: 0.25rem;
    max-height: 180px; overflow: auto;
}
.wevento {
    align-self: stretch;
    display: block;
    max-width: 82%;
    margin: 0.4rem 0 0.4rem 42px;
    background: #212938;
    border: 1px solid rgba(var(--ciano-rgb), 0.28);
    border-radius: 16px;
    padding: 0.55rem 0.85rem 0.6rem;
    color: var(--nord5);
    cursor: default;
}
.wevento-cab {
    display: flex; align-items: center; gap: 0.45rem;
    font-family: var(--fonte);
    font-size: 0.74rem; font-weight: 650;
    letter-spacing: 0.02em;
    color: var(--ciano);
}
.wevento-texto {
    font: 0.84rem/1.5 var(--fonte);
    margin-top: 0.3rem;
    color: var(--nord5);
    overflow-wrap: break-word;
}
.wevento i { color: var(--ciano); font-size: 0.74rem; }
.wevento.veto {
    background: linear-gradient(180deg, rgba(var(--vermelho-rgb), 0.14),
        rgba(var(--vermelho-rgb), 0.05));
    border-color: rgba(var(--vermelho-rgb), 0.38);
}
.wevento.veto .wevento-cab,
.wevento.veto i { color: var(--vermelho); }
.wevento .whora {
    font-family: var(--mono); font-size: 0.62rem; color: var(--txt-fraco);
    margin-left: auto;
}
.wbolha details pre { font-size: 0.72rem; }

.wmodelo {
    font-family: var(--mono); font-size: 0.58rem; font-weight: 600;
    letter-spacing: 0.02em;
    color: #cfe0ea;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 7px;
    padding: 0.04rem 0.32rem;
    white-space: nowrap;
}

.notas-wrap { display: flex; flex-direction: column; }
.nota-card {
    background: var(--bg2);
    border: 1px solid var(--borda);
    border-radius: var(--raio-m);
    padding: 0.7rem 0.85rem;
    margin-bottom: 0;
    min-width: 0;
}
.nota-card-titulo {
    color: var(--txt-fraco); font-size: 0.68rem; font-weight: 600;
    text-transform: uppercase; letter-spacing: 0.08em;
    margin-bottom: 0.35rem;
}
.nota-card-titulo i { color: var(--azul); margin-right: 0.3rem; }
.nota-lista { list-style: none; margin: 0; padding: 0; }
.nota-lista li {
    padding: 0.3rem 0;
    border-bottom: 1px solid var(--borda);
    font-size: 0.8rem;
}
.nota-lista li:last-child { border-bottom: none; }
.nota-lista .msg-hora {
    margin-left: auto; align-self: flex-end;
    font-family: var(--mono); font-size: 0.7rem;
    font-variant-numeric: tabular-nums; white-space: nowrap;
}
.nota-lista .detalhe { display: block; color: var(--txt-fraco); font-size: 0.72rem; margin-top: 0.1rem; }

@media (max-width: 900px) {
    .vs { grid-template-columns: 1fr; }
    .status-rapido { margin-left: 0; }
}

.botao-copiar {
    background: rgba(var(--azul-rgb), .12);
    border: 1px solid rgba(var(--azul-rgb), .35);
    color: var(--azul);
    border-radius: 6px;
    padding: 2px 10px;
    font-size: .8rem;
    cursor: pointer;
    margin-right: 8px;
}
.botao-copiar:hover { background: rgba(var(--azul-rgb), .25); }

.cartao .valor-endereco { display: flex; align-items: center; gap: 10px; }
.botao-copiar {
    padding: 4px 7px;
    margin: 0;
    flex: none;
    line-height: 1;
}

.paginacao {
    display: flex; align-items: center; justify-content: center;
    gap: 0.3rem; flex-wrap: nowrap;
    margin-top: 0.7rem;
}
.paginacao .pg-nums {
    display: flex; align-items: center; justify-content: center;
    gap: 0.3rem; flex-wrap: wrap;
    flex: 0 1 auto; min-width: 0;
}
.paginacao .pg-seta { flex: 0 0 auto; }
.paginacao button {
    min-width: 30px; height: 30px;
    display: inline-flex; align-items: center; justify-content: center;
    padding: 0 8px;
    background: rgba(var(--bg-rgb), 0.6);
    border: 1px solid var(--borda);
    border-radius: var(--raio-m);
    color: var(--txt-fraco);
    font-family: var(--mono); font-size: 0.8rem; line-height: 1;
    cursor: pointer;
    transition: color 0.15s ease, background 0.15s ease, border-color 0.15s ease;
}
.paginacao button:hover:not(:disabled) { color: var(--txt); background: var(--bg3); }
.paginacao button:disabled { opacity: 0.3; cursor: default; }
.paginacao .pg-num.ativo {
    color: var(--azul);
    border-color: var(--azul);
    background: rgba(var(--azul-rgb), 0.14);
    font-weight: 700;
}
.paginacao .pg-elipse {
    color: var(--txt-apagado); font-family: var(--mono); font-size: 0.8rem;
    padding: 0 2px;
}
.paginacao [hidden] { display: none; }
@media (max-width: 767.98px) {
    .paginacao button { min-width: 36px; height: 36px; }
}

.link-ext {
    color: var(--txt-fraco);
    font-size: 0.78rem;
    margin-left: 6px;
    text-decoration: none;
}
.link-ext:hover { color: var(--azul); }

.decisao-pin {
    display: flex; align-items: center; gap: 0.9rem;
    width: 100%; box-sizing: border-box;
    background: var(--bg2);
    border: 1px solid var(--borda);
    border-left: 3px solid var(--azul);
    border-radius: var(--raio-m);
    padding: 0.7rem 1rem;
    margin-bottom: 0.6rem;
}
.pin-corpo { display: flex; flex-direction: column; gap: 0.22rem; min-width: 0; flex: 1; }
.pin-titulo {
    font-family: var(--mono); font-size: 0.6rem; letter-spacing: 1.4px;
    text-transform: uppercase; color: var(--txt-fraco);
    display: flex; gap: 0.55rem; align-items: center;
}
.pin-hora { font-family: var(--mono); font-size: 0.6rem; color: #6e7781; }
.pin-linha {
    display: block; min-width: 0;
    font-size: 0.88rem; color: var(--txt); line-height: 1.45;
}
.pin-veto {
    vertical-align: 1px; margin-right: 0.4rem;
    display: inline-flex; align-items: center; gap: 0.25rem;
    font-family: var(--mono); font-size: 0.58rem; letter-spacing: 0.6px;
    color: var(--vermelho); background: rgba(var(--vermelho-rgb),0.12);
    border-radius: 4px; padding: 0.08rem 0.35rem;
}
.pin-motivo { display: inline; }
.pin-timer {
    flex: 0 0 auto; display: flex; flex-direction: column; align-items: center;
    gap: 0.5rem; padding-left: 1rem; min-width: 132px; text-align: center;
}
@media (max-width: 700px) {
    .decisao-pin { flex-direction: column; align-items: stretch; gap: 0.6rem; }
    .pin-timer {
        flex-direction: row; align-items: center; justify-content: space-between;
        min-width: 0; padding-left: 0; padding-top: 0.55rem; gap: 0.6rem;
        border-top: 1px solid var(--borda); text-align: left;
    }
    .pin-trilho { flex: 1; }
}
.pin-timer-rotulo {
    font-family: var(--mono); font-size: 0.56rem; letter-spacing: 1.2px;
    text-transform: uppercase; color: var(--txt-fraco);
    display: flex; align-items: center; justify-content: center; gap: 0.3rem;
}
.pin-timer-rotulo i { color: var(--txt); font-size: 0.62rem; }
.pin-timer-valor {
    font-family: var(--mono); font-size: 1.3rem; font-weight: 700;
    color: var(--txt); line-height: 1;
    font-variant-numeric: tabular-nums;
}
.pin-timer-valor.agora {
    font-size: 0.78rem; font-weight: 500; color: var(--azul); letter-spacing: 0.4px;
    display: inline-flex; align-items: center; gap: 0.35rem;
    animation: respira-timer 2s ease-in-out infinite;
}
@keyframes respira-timer {
    0%, 100% { opacity: 0.6; }
    50%      { opacity: 1; }
}
.pin-trilho {
    width: 100%; height: 3px; border-radius: 2px;
    background: rgba(255,255,255,0.07); overflow: hidden;
}
.pin-trilho i {
    display: block; height: 100%; width: 0;
    background: linear-gradient(90deg, rgba(var(--ciano-rgb),0.35), var(--ciano));
    transition: width 1s linear;
}
.pin-nova { animation: pin-chega 1.1s ease-out; }
@keyframes pin-chega {
    0%   { border-color: rgba(var(--ciano-rgb),0.75); box-shadow: 0 0 0 0 rgba(var(--ciano-rgb),0.35); }
    60%  { border-color: rgba(var(--ciano-rgb),0.4); box-shadow: 0 0 0 9px rgba(var(--ciano-rgb),0); }
    100% { border-color: rgba(255,255,255,0.07); box-shadow: 0 0 0 0 rgba(var(--ciano-rgb),0); }
}
@media (max-width: 900px) {
    .decisao-pin { flex-wrap: wrap; }
    .pin-timer { padding-left: 0; align-items: flex-start; }
}

tr.outra-rede { opacity: 0.62; }
tr.outra-rede td { border-left-color: transparent; }
.fora { color: var(--txt-fraco); font-size: 0.78rem; white-space: nowrap; }

.monograma {
    display: inline-flex; align-items: center; justify-content: center;
    width: 20px; height: 20px; border-radius: 50%; flex: 0 0 20px;
    background: color-mix(in srgb, var(--mono-cor) 22%, transparent);
    border: 1px solid color-mix(in srgb, var(--mono-cor) 55%, transparent);
    color: var(--mono-cor);
    font-family: var(--mono); font-size: 0.52rem; font-weight: 700;
    letter-spacing: 0; line-height: 1;
}
th.cen, td.cen { text-align: center; }
td.cen .logo-celula { justify-content: center; }

.logo-celula { line-height: 1; }
.logo-defi { display: block; vertical-align: middle; }
.tabela-rolagem td .logo-celula,
.tabela-rolagem td .monograma { vertical-align: middle; }
.tabela-rolagem tbody td { height: 40px; box-sizing: border-box; }

.grade-chains { margin-top: 0.6rem; gap: 0.9rem; }
.cartao-chain { padding: 0; overflow: hidden; }
.cartao-chain .rotulo {
    display: flex; align-items: center; gap: 9px;
    padding: 12px 14px;
    margin: 0;
    background: rgba(var(--bg-rgb), 0.45);
    border-bottom: 1px solid var(--borda);
}
.cartao-chain .rotulo .logo-defi { width: 20px; height: 20px; }
.cartao-chain .rotulo .chain-nome { flex: 1 1 auto; min-width: 0; }
.cartao-chain .rotulo .chain-total {
    font-family: var(--mono); font-size: 0.78rem; font-weight: 600;
    color: var(--nord6); letter-spacing: -0.01em;
    text-transform: none;
    font-variant-numeric: tabular-nums;
}

.cartao-chain .ativo {
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr) auto;
    align-items: center;
    column-gap: 10px;
    padding: 10px 14px;
}
.cartao-chain .ativo + .ativo { border-top: 1px solid var(--borda); }
.ativo-icone { width: 20px; height: 20px; border-radius: 50%; flex: none; }
.ativo-valores { display: flex; align-items: baseline; gap: 6px; min-width: 0; }
.ativo-qtd {
    font-size: 0.92rem; font-weight: 600; color: var(--nord6);
    font-variant-numeric: tabular-nums;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.ativo-simb {
    font-size: 0.67rem; font-weight: 400; color: var(--txt-fraco);
    letter-spacing: 0.04em; text-transform: uppercase; flex: 0 0 auto;
}
.ativo-usd {
    font-size: 0.72rem; color: var(--txt-fraco);
    font-variant-numeric: tabular-nums; text-align: right; white-space: nowrap;
}
.cartao-chain .ativo-vazio {
    padding: 10px 14px; font-size: 0.78rem; color: var(--txt-apagado); font-style: italic;
}

.cosmos {
    position: fixed; inset: 0; z-index: -1;
    pointer-events: none; overflow: hidden;
    contain: strict;
}
.cosmos-estrelas {
    position: absolute; inset: -10% 0; opacity: 0.5;
    background-image:
        radial-gradient(1px 1px at 12% 18%, var(--nord4) 50%, transparent),
        radial-gradient(1px 1px at 34% 62%, var(--nord6) 50%, transparent),
        radial-gradient(1px 1px at 58% 27%, var(--nord4) 50%, transparent),
        radial-gradient(1px 1px at 77% 71%, var(--nord6) 50%, transparent),
        radial-gradient(1px 1px at 91% 39%, var(--nord4) 50%, transparent),
        radial-gradient(1px 1px at 22% 85%, var(--nord6) 50%, transparent),
        radial-gradient(1px 1px at 47% 8%, var(--nord4) 50%, transparent),
        radial-gradient(1px 1px at 66% 94%, var(--nord6) 50%, transparent);
    background-size: 340px 340px;
    animation: cosDeriva 190s linear infinite, cosBrilho 7s ease-in-out infinite;
}
.cosmos-estrelas.c2 {
    opacity: 0.28; background-size: 520px 520px;
    animation: cosDeriva 300s linear infinite reverse, cosBrilho 11s ease-in-out infinite 2s;
}
@keyframes cosDeriva { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(-340px, 0, 0); } }
@keyframes cosBrilho { 0%, 100% { opacity: 0.5; } 50% { opacity: 0.2; } }

.cosmos-obj { position: absolute; opacity: 0.16; }

.ovni { width: 60px; top: 16%; left: -70px; animation: cosCruza 78s linear infinite; }
.ovni-cupula { fill: var(--nord8); }
.ovni-corpo { fill: var(--nord10); }
.ovni-luz { fill: var(--nord13); animation: cosPisca 1.6s ease-in-out infinite; }
.ovni-luz.l2 { animation-delay: 0.5s; }
.ovni-luz.l3 { animation-delay: 1s; }
@keyframes cosPisca { 0%, 100% { opacity: 1; } 50% { opacity: 0.25; } }

.foguete { width: 26px; bottom: -70px; left: 78%; animation: cosSobe 96s linear infinite 12s; }
.fog-corpo { fill: var(--nord4); }
.fog-janela { fill: var(--nord10); }
.fog-aleta { fill: var(--nord11); }
.fog-fogo {
    fill: var(--nord12);
    animation: cosChama 0.35s ease-in-out infinite alternate;
    transform-origin: 20px 39px;
}
@keyframes cosChama { from { transform: scaleY(0.7); } to { transform: scaleY(1.15); } }

.satelite { width: 52px; top: 63%; right: -60px; animation: cosCruzaInv 124s linear infinite 30s; }
.sat-corpo { fill: var(--nord3); }
.sat-painel { fill: var(--nord10); }
.sat-haste { stroke: var(--nord3); stroke-width: 1.4; }
.sat-antena { fill: var(--nord8); }

@keyframes cosCruza {
    from { transform: translateX(0) translateY(0); }
    to { transform: translateX(calc(100vw + 140px)) translateY(-40px); }
}
@keyframes cosCruzaInv {
    from { transform: translateX(0); }
    to { transform: translateX(calc(-100vw - 120px)); }
}
@keyframes cosSobe {
    from { transform: translateY(0) rotate(14deg); }
    to { transform: translateY(calc(-100vh - 140px)) rotate(14deg); }
}

.cosmos-meteoro {
    position: absolute; top: 12%; left: 88%;
    width: 78px; height: 1px;
    background: linear-gradient(90deg, transparent, var(--nord7));
    opacity: 0;
    animation: cosMeteoro 17s ease-in infinite 6s;
}
.cosmos-meteoro.m2 { top: 47%; left: 72%; width: 56px; animation-duration: 23s; animation-delay: 14s; }
@keyframes cosMeteoro {
    0%   { opacity: 0; transform: translate(0, 0) rotate(24deg); }
    4%   { opacity: 0.5; }
    14%  { opacity: 0; transform: translate(-320px, 150px) rotate(24deg); }
    100% { opacity: 0; transform: translate(-320px, 150px) rotate(24deg); }
}

@media (prefers-reduced-motion: reduce) {
    .cosmos-estrelas, .cosmos-obj, .cosmos-meteoro, .ovni-luz, .fog-fogo { animation: none; }
    .cosmos-meteoro { opacity: 0; }
}
@media (max-width: 767.98px) {
    .cosmos-obj { opacity: 0.1; }
    .foguete, .satelite { display: none; }
}

.secao-dados { max-width: none; }

.bloco-recolhivel > summary {
    cursor: pointer; list-style: none;
    display: flex; align-items: center; gap: 0.5rem;
    padding: 0.6rem 0.9rem;
    background: var(--bg2);
    border: 1px solid var(--borda);
    border-radius: var(--raio-m);
    color: var(--nord4); font-size: 0.82rem;
}
.bloco-recolhivel > summary::-webkit-details-marker { display: none; }
.bloco-recolhivel > summary::after {
    content: "\f078"; font-family: "Font Awesome 6 Free"; font-weight: 900;
    margin-left: auto; font-size: 0.7rem; color: var(--txt-fraco);
    transition: transform 0.15s ease;
}
.bloco-recolhivel[open] > summary::after { transform: rotate(180deg); }
.bloco-recolhivel > summary:hover { background: var(--bg3); }
.bloco-recolhivel > summary i { color: var(--azul); }
.bloco-recolhivel[open] > summary { margin-bottom: 0.6rem; }

details.ata { padding: 0; }
details.ata > summary {
    cursor: pointer; list-style: none;
    padding: 0.7rem 0.9rem;
    margin: 0;
    border-bottom: 1px solid transparent;
}
details.ata > summary::-webkit-details-marker { display: none; }
details.ata[open] > summary { border-bottom-color: var(--borda); }
details.ata > summary:hover { background: rgba(var(--bg-rgb), 0.35); }
details.ata > .placar,
details.ata > .votos,
details.ata > .ata-rodape { margin-left: 0.9rem; margin-right: 0.9rem; }
details.ata > .votos { padding-bottom: 0.6rem; }

.voto-corpo { min-width: 0; }
.notas-wrap, .cerebro-wrap { min-width: 0; }
.cerebro-wrap { display: flex; flex-direction: column; }
.msg-resumo, .ata-rodape, .pin-motivo, .nota-lista li, .nota-lista .detalhe {
    overflow-wrap: anywhere;
}
.ata-alvo {
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    max-width: 28ch; display: inline-block; vertical-align: bottom;
}
.tabela-rolagem details pre { max-height: 220px; overflow: auto; }

.comite-linha1 > section > h2 {
    display: flex;
    align-items: center;
    min-height: 2.35rem;
    margin-bottom: 0.85rem;
}

.nota-card .nota-lista { max-height: none; overflow: visible; }
.nota-card .nota-lista li { min-width: 0; }
.nota-card .nota-lista .detalhe {
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
    overflow: hidden; white-space: normal; overflow-wrap: anywhere;
    font-size: 0.68rem; line-height: 1.35;
}
.nota-card .nota-lista code,
.nota-card .nota-lista .num { overflow-wrap: anywhere; }
.nota-card .nota-lista .nota-hora { color: var(--txt-fraco); font-size: 0.7rem; }

.nota-card-largo { grid-column: 1 / -1; }
.tabela-posicoes-vivo { margin-top: 0.7rem; }
.tabela-posicoes-vivo table { font-size: 0.8rem; }
.tabela-posicoes-vivo th, .tabela-posicoes-vivo td { padding: 0.4rem 0.6rem; }
.tabela-posicoes-vivo .pool-nome {
    max-width: 22ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

#toasts {
    position: fixed; right: 18px; top: 105px; z-index: 1200;
    display: flex; flex-direction: column; gap: 10px;
    max-width: min(380px, calc(100vw - 36px));
    pointer-events: none;
}
.toast {
    pointer-events: auto;
    display: flex; align-items: flex-start; gap: 11px;
    padding: 12px 14px;
    background: var(--bg2);
    border: 1px solid var(--borda-forte);
    border-left: 3px solid var(--azul);
    border-radius: var(--raio-m);
    opacity: 0; transform: translateX(18px);
    transition: opacity 0.24s ease, transform 0.24s ease;
}
.toast.entrou { opacity: 1; transform: translateX(0); }
.toast-ico { font-size: 1rem; margin-top: 1px; flex: 0 0 auto; color: var(--azul); }
.toast-corpo { display: flex; flex-direction: column; gap: 3px; min-width: 0; flex: 1 1 auto; }
.toast-titulo { font-size: 0.85rem; font-weight: 700; color: var(--nord6); letter-spacing: -0.01em; }
.toast-texto { font-size: 0.72rem; color: var(--txt-fraco); overflow-wrap: anywhere; }
.toast-x {
    flex: 0 0 auto; background: none; border: none; cursor: pointer;
    color: var(--txt-apagado); font-size: 0.72rem; padding: 2px 4px;
    border-radius: var(--raio-btn); line-height: 1;
}
.toast-x:hover { color: var(--nord6); background: var(--bg3); }

.toast-sucesso { border-left-color: var(--verde); }
.toast-sucesso .toast-ico { color: var(--verde); }
.toast-sucesso .toast-titulo { color: var(--verde); }
.toast-alerta { border-left-color: var(--amarelo); }
.toast-alerta .toast-ico { color: var(--amarelo); }
.toast-erro { border-left-color: var(--vermelho); }
.toast-erro .toast-ico { color: var(--vermelho); }
.toast-erro .toast-titulo { color: var(--vermelho); }

@media (prefers-reduced-motion: reduce) {
    .toast { transition: none; opacity: 1; transform: none; }
}
@media (max-width: 600px) {
    #toasts { right: 10px; left: 10px; top: 100px; max-width: none; }
}

.ata-rodape { overflow-wrap: anywhere; }
.nota-card { display: flex; flex-direction: column; }
.nota-card .nota-lista { flex: 1 1 auto; margin: 0; }
.nota-card .nota-lista li { padding: 0.35rem 0; }
.nota-card .nota-lista li + li { border-top: 1px solid var(--borda); }

.ata .votos {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.9rem;
    align-items: start;
}
.ata .voto { align-items: flex-start; }
.ata .voto-corpo { max-width: none; }
.ata .placar { max-width: none; }
.ata .ata-rodape {
    max-width: none;
    columns: 3 26rem;
    column-gap: 2rem;
}
@media (max-width: 900px) { .ata .ata-rodape { columns: 1; } }
@media (max-width: 760px) { .ata .votos { grid-template-columns: 1fr; } }

.ata .ata-rodape {
    background: rgba(var(--bg-rgb), 0.45);
    border: 1px solid var(--borda);
    border-radius: var(--raio-m);
    padding: 0.85rem 1rem;
    margin: 0.4rem 0 0.3rem;
}
details.ata > .votos { padding-bottom: 0.9rem; }
details.ata { padding-bottom: 0.2rem; }
.ata .placar-rotulo { display: inline-flex; align-items: center; gap: 6px; }
.ata .placar-rotulo i { font-size: 0.72rem; opacity: 0.8; width: 12px; text-align: center; flex: 0 0 12px; }
.ata .placar-linha.vencedor .placar-rotulo i { opacity: 1; color: var(--azul); }

.msg-papel.voto-divergente {
    color: var(--amarelo);
    background: rgba(var(--amarelo-rgb), 0.14);
    border-color: transparent;
    display: inline-flex; align-items: center; gap: 4px;
}
.msg-papel.voto-divergente i { font-size: 0.62rem; opacity: 0.9; }

.ver-json > summary {
    list-style: none; cursor: pointer;
    display: inline-flex; align-items: center; justify-content: center;
    width: 28px; height: 24px; border-radius: var(--raio-btn);
    color: var(--txt-fraco);
}
.ver-json > summary::-webkit-details-marker { display: none; }
.ver-json > summary:hover { color: var(--azul); }
.ver-json[open] > summary { color: var(--azul); }
.ver-json > pre { text-align: left; margin-top: 0.4rem; }

.ata .placar {
    background: rgba(var(--bg-rgb), 0.45);
    border: 1px solid var(--borda);
    border-radius: var(--raio-m);
    padding: 0.8rem 1rem;
    margin: 0.4rem 0 0.8rem;
}
.ver-json[open] > summary i { --fa: "\f070"; }
.ver-json[open] > summary { background: var(--bg3); }

.pool-destaque {
    color: var(--azul);
    font-weight: 600;
    white-space: nowrap;
}
.pool-destaque.desconhecida {
    color: var(--txt-fraco);
    font-family: var(--mono);
    font-weight: 400;
}

.ver-json[open] {
    display: flex;
    flex-direction: column-reverse;
    align-items: stretch;
    gap: 0;
}
.ver-json[open] > pre {
    width: 100%;
    margin: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: none;
}
.ver-json[open] > summary {
    width: 100%;
    height: 26px;
    border: 1px solid var(--borda);
    border-top: none;
    border-radius: 0 0 var(--raio-p) var(--raio-p);
    background: rgba(var(--bg-rgb), 0.55);
}
.ver-json[open] > summary:hover { color: var(--azul); }
.badge-alvo { font-weight: 400; opacity: 0.85; text-transform: none; letter-spacing: 0; }

details.ata > summary::after {
    content: "\f078";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-left: 0.7rem;
    font-size: 0.7rem;
    color: var(--txt-fraco);
    flex: 0 0 auto;
    transition: transform 0.15s ease;
}
details.ata[open] > summary::after { transform: rotate(180deg); }
details.ata > summary:hover::after { color: var(--azul); }

.ver-json > summary:hover i { animation: olho-treme 0.45s ease-in-out; }
@keyframes olho-treme {
    0%, 100% { transform: translateX(0) rotate(0); }
    20%      { transform: translateX(-2px) rotate(-6deg); }
    40%      { transform: translateX(2px) rotate(6deg); }
    60%      { transform: translateX(-1.5px) rotate(-4deg); }
    80%      { transform: translateX(1.5px) rotate(4deg); }
}
@media (prefers-reduced-motion: reduce) {
    .ver-json > summary:hover i { animation: none; }
}
.pin-titulo i { margin-right: 0.4rem; color: var(--azul); opacity: 0.85; }
.chat-entrada { align-items: center; }
.chat-entrada .chat-btn { flex: 0 0 30px; }
.pin-timer-valor .escrevendo {
    font-size: 0.72rem;
    animation: escrevendo 1.1s ease-in-out infinite;
    transform-origin: bottom left;
}
@keyframes escrevendo {
    0%, 100% { transform: rotate(-8deg) translate(0, 0); }
    50%      { transform: rotate(4deg) translate(1.5px, -1px); }
}
@media (prefers-reduced-motion: reduce) { .pin-timer-valor .escrevendo { animation: none; } }

.chat-entrada .chat-btn { flex: 0 0 34px; }

.nota-card .nota-lista li { display: flex; flex-direction: column; gap: 0.2rem; }
.nota-card .nota-lista .nota-hora {
    align-self: flex-end;
    font-family: var(--mono); font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.toast { position: relative; overflow: hidden; padding-bottom: 15px; }
.toast-trilho {
    position: absolute; left: 0; right: 0; bottom: 0;
    height: 3px; background: rgba(var(--txt-rgb), 0.10);
}
.toast-trilho i {
    display: block; height: 100%; width: 100%;
    background: var(--azul);
    transform-origin: left center;
    animation: toast-progresso linear forwards;
}
@keyframes toast-progresso { from { transform: scaleX(1); } to { transform: scaleX(0); } }
.toast-sucesso .toast-trilho i { background: var(--verde); }
.toast-alerta .toast-trilho i { background: var(--amarelo); }
.toast-erro .toast-trilho i { background: var(--vermelho); }
@media (prefers-reduced-motion: reduce) { .toast-trilho i { animation: none; } }

.chat-btn.som {
    background: none; border: none; border-radius: 0;
    width: auto; height: auto; padding: 0 0.25rem;
    color: var(--vermelho);
}
.chat-btn.som i { font-size: 1rem; }
.chat-btn.som:hover { background: none; color: var(--nord6); }
.chat-btn.som:active { transform: none; }
.chat-btn.som.ativo { background: none; color: var(--verde); animation: pisca-som 1.4s ease-in-out infinite; }
.chat-btn.som.ativo:hover { background: none; color: var(--verde); }
.chat-entrada .chat-btn.som { flex: 0 0 auto; }
@keyframes pisca-som {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.28; }
}
@media (prefers-reduced-motion: reduce) {
    .chat-btn.som.ativo { animation: none; }
}
.tabela-posicoes-vivo .taxa-agora { color: var(--nord6); font-weight: 600; }
.tabela-posicoes-vivo .taxa-agora.ok { color: var(--verde); }

.grafico-pools {
    margin: 0.9rem 0 0;
    padding: 0.85rem 1rem 0.95rem;
    background: var(--bg);
    border: 1px solid var(--borda);
    border-radius: var(--raio-m);
}
.grafico-pools figcaption, .grafico-baldes figcaption {
    color: var(--txt-fraco); font-size: 0.67rem;
    text-transform: uppercase; letter-spacing: 0.04em;
    margin-bottom: 0.7rem;
    display: flex; align-items: center; gap: 0.4rem;
}
.grafico-pools figcaption i, .grafico-baldes figcaption i { color: var(--azul); font-size: 0.7rem; }
.gp-pilha {
    display: flex; gap: 2px; height: 10px;
    margin: 0 0 0.9rem;
    animation: gp-revela 0.85s cubic-bezier(0.25, 0.9, 0.3, 1) both;
}
@keyframes gp-revela {
    from { clip-path: inset(0 100% 0 0); }
    to   { clip-path: inset(0 0 0 0); }
}
.gp-seg {
    position: relative; display: block; min-width: 3px; flex-basis: 0;
    overflow: hidden;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.22),
        rgba(255, 255, 255, 0) 58%, rgba(0, 0, 0, 0.16));
    transition: flex-grow 0.9s cubic-bezier(0.25, 0.9, 0.3, 1),
                opacity 0.2s, filter 0.2s;
}
.gp-seg::after {
    content: ""; position: absolute; inset: 0;
    background: linear-gradient(100deg, transparent 20%,
        rgba(255, 255, 255, 0.32) 50%, transparent 80%);
    transform: translateX(-100%);
    animation: eq-brilho 3.6s ease-in-out infinite;
}
.gp-seg:nth-child(2)::after { animation-delay: 0.45s; }
.gp-seg:nth-child(3)::after { animation-delay: 0.9s; }
.gp-seg:nth-child(4)::after { animation-delay: 1.35s; }
.gp-seg:nth-child(5)::after { animation-delay: 1.8s; }
.gp-seg:nth-child(6)::after { animation-delay: 2.25s; }
.gp-seg:first-child { border-radius: var(--raio-btn) 0 0 var(--raio-btn); }
.gp-seg:last-child { border-radius: 0 var(--raio-btn) var(--raio-btn) 0; }
.gp-pilha:hover .gp-seg { opacity: 0.4; }
.gp-pilha .gp-seg:hover { opacity: 1; filter: brightness(1.12); }
.gp-c0, .gp-chip.gp-c0 { background-color: #3987E5; }
.gp-c1, .gp-chip.gp-c1 { background-color: #D95926; }
.gp-c2, .gp-chip.gp-c2 { background-color: #199E70; }
.gp-c3, .gp-chip.gp-c3 { background-color: #C98500; }
.gp-c4, .gp-chip.gp-c4 { background-color: #D55181; }
.gp-c5, .gp-chip.gp-c5 { background-color: #008300; }
.gp-c6, .gp-chip.gp-c6 { background-color: #9085E9; }
.gp-c7, .gp-chip.gp-c7 { background-color: #E66767; }
.gp-barras {
    list-style: none; margin: 0; padding: 0;
    display: grid; gap: 8px; --card-min: 196px;
    grid-template-columns: repeat(auto-fit, minmax(min(var(--card-min), 100%), 1fr));
}
.gp-barras li {
    display: flex; flex-direction: column; gap: 0.45rem; min-width: 0;
    background: var(--bg2);
    border: 1px solid var(--borda);
    border-radius: var(--raio-m);
    padding: 0.6rem 0.7rem;
    transition: border-color 0.2s, background 0.2s;
}
.gp-barras li:hover { border-color: var(--nord3); background: var(--bg3); }
.gp-chip { width: 10px; height: 10px; border-radius: 3px; display: block; flex: 0 0 auto; }
.gp-rotulo {
    display: grid; grid-template-columns: auto minmax(0, 1fr);
    align-items: center; column-gap: 0.45rem; row-gap: 1px; min-width: 0;
}
.gp-rotulo strong { grid-column: 2; }
.gp-rotulo em { grid-column: 2; }
.gp-rotulo .gp-chip { grid-row: 1 / 3; grid-column: 1; align-self: center; }
.gp-rotulo strong {
    font-size: 0.86rem; font-weight: 500; color: var(--nord4);
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.gp-rotulo em {
    font-style: normal; font-size: 0.78rem; color: var(--txt-fraco);
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.gp-id {
    font-weight: 600; color: var(--nord8);
    font-family: var(--mono); font-variant-numeric: tabular-nums;
}
.gp-valor {
    display: flex; align-items: baseline; gap: 0.5rem; justify-content: space-between;
    font-size: 1.02rem; font-weight: 600; color: var(--nord6);
    font-variant-numeric: tabular-nums;
    margin-top: auto;
}
.gp-fatia {
    font-style: normal; font-weight: 500; font-size: 0.72rem;
    color: var(--nord4); text-align: right;
    background: rgba(var(--txt-rgb), 0.09);
    border-radius: 999px; padding: 0.12rem 0.45rem;
    flex: 0 0 auto;
}
@media (prefers-reduced-motion: reduce) {
    .gp-seg { transition: none; }
    .gp-seg::after { animation: none; opacity: 0; }
    .gp-pilha { animation: none; }
}
.gp-barras li:hover .gp-rotulo strong { color: var(--nord6); }
@media (max-width: 420px) {
    .gp-barras { grid-template-columns: 1fr; }
}
.sub-obs { font-size: 0.68rem; color: var(--txt-fraco); font-variant-numeric: tabular-nums; }

.chat-carregando {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 0.7rem;
    min-height: 220px; height: 100%;
    color: var(--txt-fraco); font-size: 0.82rem;
}
.chat-carregando i {
    font-size: 1.5rem; color: var(--azul);
    animation: gira-carregando 1.1s linear infinite;
}
@keyframes gira-carregando { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .chat-carregando i { animation: none; } }

.sub-v.ok { color: var(--verde); }
.sub-v.erro { color: var(--vermelho); }
.cartao .valor.ok { color: var(--verde); }
.cartao .valor.erro { color: var(--vermelho); }
.sub-v.aviso-amarelo { color: var(--amarelo); }

.nota-card .vazio {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 0.6rem; text-align: center;
    flex: 1 1 auto; min-height: 110px;
    padding: 0.6rem 0.4rem;
}
.nota-card .vazio::before {
    content: "\f01c";
    font-family: "Font Awesome 6 Free"; font-weight: 900;
    font-size: 1.35rem; color: var(--txt-apagado);
    font-style: normal; opacity: 0.7;
}

.wchat::-webkit-scrollbar,
.tabela-rolagem::-webkit-scrollbar,
.nota-card .nota-lista::-webkit-scrollbar,
.wbolha details pre::-webkit-scrollbar { width: 5px; height: 5px; }
.wchat::-webkit-scrollbar-thumb,
.tabela-rolagem::-webkit-scrollbar-thumb,
.nota-card .nota-lista::-webkit-scrollbar-thumb,
.wbolha details pre::-webkit-scrollbar-thumb {
    background: var(--nord3); border: none; border-radius: 3px;
}
.wchat::-webkit-scrollbar-track,
.tabela-rolagem::-webkit-scrollbar-track { background: transparent; }

.sala-erro {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 0.55rem; height: 100%; min-height: 320px; padding: 2rem 1.5rem;
    text-align: center; background: var(--bg2);
}
.sala-erro i {
    font-size: 2.6rem; color: var(--amarelo);
    animation: sala-erro-pulso 1.8s ease-in-out infinite;
}
@keyframes sala-erro-pulso {
    0%, 100% { opacity: 0.55; transform: scale(1); }
    50%      { opacity: 1;    transform: scale(1.08); }
}
.sala-erro-titulo { color: var(--txt); font-size: 0.95rem; margin: 0; }
.sala-erro-motivo {
    color: var(--amarelo); font-family: var(--mono); font-size: 0.78rem; margin: 0;
}
.sala-erro-nota { color: var(--txt-fraco); font-size: 0.8rem; margin: 0; max-width: 42ch; }
.sala-erro-dica {
    color: var(--txt); font-size: 0.8rem; margin: 0; max-width: 46ch;
    line-height: 1.45;
}
.sala-erro-tec {
    color: var(--txt-fraco); font-family: var(--mono); font-size: 0.68rem;
    margin: 0.2rem 0 0; opacity: 0.65; max-width: 52ch; word-break: break-word;
}

.tela-login {
    display: flex; align-items: center; justify-content: center;
    min-height: 100vh; padding: 24px; overflow: hidden;
}
.tela-login .cosmos { filter: saturate(1.1) brightness(1.3); }
.login-veu {
    position: fixed; inset: 0; z-index: 1; pointer-events: none;
    background: radial-gradient(105% 75% at 50% 42%,
        rgba(var(--bg-rgb), 0.10) 0%,
        rgba(var(--bg-rgb), 0.30) 55%,
        rgba(var(--bg-rgb), 0.52) 100%);
}
.login-caixa {
    position: relative; z-index: 2;
    width: 100%; max-width: 372px; text-align: center;
    background: rgba(var(--bg-rgb), 0.72);
    border: 1px solid var(--borda-forte);
    border-radius: var(--raio); padding: 38px 30px 26px;
    backdrop-filter: blur(18px) saturate(1.1);
    -webkit-backdrop-filter: blur(18px) saturate(1.1);
}
.login-marca {
    position: relative;
    width: 58px; height: 58px; margin: 0 auto 22px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 50%; background: rgba(var(--azul-rgb), 0.16);
    border: 1px solid rgba(var(--azul-rgb), 0.34);
    color: var(--azul); font-size: 25px;
}
.login-marca::before,
.login-marca::after {
    content: ''; position: absolute; inset: -1px;
    border-radius: 50%; border: 1px solid rgba(var(--azul-rgb), 0.5);
    animation: marca-onda 3.2s cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
}
.login-marca::after { animation-delay: 1.6s; }
.login-marca i { animation: marca-pensa 3.2s ease-in-out infinite; }

@keyframes marca-onda {
    0%   { transform: scale(1);    opacity: 0.55; }
    70%  { transform: scale(1.75); opacity: 0; }
    100% { transform: scale(1.75); opacity: 0; }
}
@keyframes marca-pensa {
    0%, 100% { transform: scale(1);    filter: brightness(1); }
    45%      { transform: scale(1.09); filter: brightness(1.35); }
}
.login-caixa h1 {
    display: block; text-align: center;
    margin: 0 0 26px; font-size: 21px; font-weight: 600;
    letter-spacing: -0.01em; color: var(--txt);
}
.login-campo { display: block; text-align: left; margin-bottom: 16px; }
.login-campo > span:first-child {
    display: flex; align-items: center; gap: 7px; margin-bottom: 7px;
    font-size: 10.5px; text-transform: uppercase; letter-spacing: 0.07em;
    color: var(--txt-fraco);
}
.login-campo > span:first-child i { font-size: 10px; opacity: 0.8; }
.campo-caixa { position: relative; display: block; }
.campo-icone {
    position: absolute; left: 13px; top: 50%; transform: translateY(-50%);
    font-size: 13px; color: var(--txt-apagado); pointer-events: none;
    transition: color 0.15s;
}
.campo-caixa input {
    width: 100%; padding: 12px 13px 12px 38px;
    font-size: 15px; font-family: var(--fonte); color: var(--txt);
    background: rgba(var(--bg-rgb), 0.55);
    border: 1px solid var(--borda); border-radius: var(--raio-m);
    transition: border-color 0.15s, background 0.15s;
}
.campo-caixa input:focus {
    outline: none; border-color: var(--azul);
    background: rgba(var(--bg-rgb), 0.8);
}
.campo-caixa input:focus + .campo-icone,
.campo-caixa:focus-within .campo-icone { color: var(--azul); }
#login-codigo {
    font-family: var(--mono); font-size: 21px; letter-spacing: 0.3em;
    padding-left: 38px; text-indent: 0.3em;
}
#login-codigo::placeholder { color: var(--txt-apagado); opacity: 0.45; }
#login-enviar, #ativacao-enviar {
    width: 100%; margin-top: 10px; padding: 12px;
    font-size: 14px; font-weight: 600; font-family: var(--fonte);
    color: var(--bg); background: var(--azul);
    border: none; border-radius: var(--raio-m); cursor: pointer;
    display: inline-flex; align-items: center; justify-content: center; gap: 9px;
    transition: filter 0.15s;
}
#login-enviar:hover:not(:disabled),
#ativacao-enviar:hover:not(:disabled) { filter: brightness(1.08); }
#ativacao-enviar:disabled { opacity: 0.6; cursor: default; }
#login-enviar:disabled { opacity: 0.62; cursor: default; }
.login-erro {
    margin: 15px 0 0; padding: 10px 12px; font-size: 12.5px; text-align: left;
    color: var(--vermelho); background: rgba(var(--vermelho-rgb), 0.12);
    border: 1px solid rgba(var(--vermelho-rgb), 0.28);
    border-radius: var(--raio-m);
}
.login-nota {
    margin: 22px 0 0; font-size: 11px; color: var(--txt-apagado);
    display: flex; align-items: center; justify-content: center; gap: 6px;
}
@keyframes tremer {
    0%, 100% { transform: translateX(0); }
    20%, 60% { transform: translateX(-5px); }
    40%, 80% { transform: translateX(5px); }
}
.tremer { animation: tremer 0.3s ease; }
@media (prefers-reduced-motion: reduce) {
    .tremer,
    .login-marca::before,
    .login-marca::after,
    .login-marca i { animation: none; }
    .login-marca::before, .login-marca::after { opacity: 0; }
}

.tabela-btc tbody td { height: auto; padding: 0.32rem 0.6rem; }
.motivo-btc { color: var(--nord13); font-style: italic; font-size: 0.8rem; }

.painel-grafico { background: var(--painel, var(--nord1)); border: 1px solid var(--borda);
    border-radius: 10px; padding: 0.9rem 1rem 0.4rem; position: relative; }
.painel-grafico svg { width: 100%; height: 300px; display: block; }
.g-tooltip { position: absolute; pointer-events: none; background: var(--nord0);
    border: 1px solid var(--nord3); border-radius: 6px; padding: 0.35rem 0.55rem;
    font-size: 0.78rem; color: var(--nord6); display: none; z-index: 5;
    white-space: nowrap; }
.g-tooltip .tt-valor { color: var(--nord8); font-weight: 600; }
.g-tooltip .tt-aporte { color: var(--nord14); }
.g-legenda { display: flex; flex-wrap: wrap; gap: 0.5rem 1.1rem; font-size: 0.72rem;
    color: var(--txt-fraco); padding: 0.45rem 0.2rem 0.2rem; }
#g-volat { display: block; width: 100%; }
.g-legenda .volat-corr-badge { margin-left: auto; }
#g-meta { display: block; width: 100%; }
.dec-lista { list-style: none; margin: 0; padding: 0;
    display: flex; flex-direction: column; gap: 0.35rem; }
.dec-item { display: flex; align-items: flex-start; gap: 0.75rem;
    padding: 0.6rem 0.8rem; border-radius: var(--raio);
    background: rgba(var(--azul-rgb), 0.05);
    border-left: 2px solid var(--nord3); }
.dec-item > i { font-size: 0.9rem; line-height: 1.25rem; flex: none;
    color: var(--txt-fraco); }
.dec-item > div { flex: 1; min-width: 0; }
.dec-item b { display: block; font-size: 0.8rem; line-height: 1.25rem;
    font-weight: 500; }
.dec-item.dec-bom { border-left-color: var(--verde); }
.dec-item.dec-bom > i { color: var(--verde); }
.dec-item.dec-atencao { border-left-color: var(--amarelo); }
.dec-item.dec-atencao > i { color: var(--amarelo); }
.dec-pool { font-family: var(--mono); font-size: 0.72rem;
    color: var(--txt-fraco); font-weight: 400; margin-left: 0.45rem; }
.dec-quando { flex: none; font-size: 0.7rem; color: var(--txt-apagado);
    white-space: nowrap; padding-top: 0.15rem; }
.g-legenda .chip.meta-bateu::before { background: #A3BE8C; height: 8px;
    width: 8px; border-radius: 2px; }
.g-legenda .chip.meta-perto::before { background: #EBCB8B; height: 8px;
    width: 8px; border-radius: 2px; }
.g-legenda .chip.meta-longe::before { background: #BF616A; height: 8px;
    width: 8px; border-radius: 2px; }

.abas { display: flex; gap: 0.25rem; margin: 0 0 0.9rem;
    border-bottom: 1px solid var(--borda); overflow-x: auto;
    scrollbar-width: none; }
.abas::-webkit-scrollbar { display: none; }
.aba { display: inline-flex; align-items: center; gap: 0.4rem;
    background: none; border: 0; border-bottom: 2px solid transparent;
    color: var(--txt-fraco); cursor: pointer; white-space: nowrap;
    font: inherit; font-size: 0.74rem; letter-spacing: 0.04em;
    text-transform: uppercase; padding: 0.55rem 0.8rem;
    transition: color 0.15s ease, border-color 0.15s ease; }
.aba i { font-size: 0.82rem; }
.aba:hover { color: var(--txt); }
.aba:focus-visible { outline: 1px solid var(--azul); outline-offset: -2px; }
.aba.ativa { color: var(--azul); border-bottom-color: var(--azul); }
.aba .fa-lock { font-size: 0.66rem; opacity: 0.55; }
.aba-painel > h2:first-child { margin-top: 0.9rem; }
@media (max-width: 700px) {
    .aba { padding: 0.5rem 0.55rem; font-size: 0.68rem; }
    .aba span { display: none; }
    .aba i { font-size: 1rem; }
    .aba.ativa span { display: inline; }
}

#volat-tt { position: fixed; display: block; opacity: 0; z-index: 9;
    transition: opacity 0.12s; white-space: normal; max-width: 260px;
    line-height: 1.4; }
#volat-tt b { color: var(--nord8); }

.g-legenda .chip.volat-vol::before{background:#4A5468;height:8px;width:8px;
    border-radius:2px}
.g-legenda .chip.volat-pico::before{background:#D08770;height:8px;width:8px;
    border-radius:2px}
.g-legenda .chip.volat-taxa::before{background:var(--nord8);height:3px;width:12px;
    border-radius:1px}
.nota-card-titulo.titulo-com-badge, h2.titulo-com-badge {
    display: flex; align-items: center;
    justify-content: space-between; gap: 0.6rem; }
.nota-card-titulo.titulo-com-badge > span:first-child,
h2.titulo-com-badge > span:first-child { min-width: 0; }
h2.titulo-com-badge > .badge { margin-left: auto; }
h2.titulo-com-badge.secao-titulo::after { margin-left: 0.6rem; }
@keyframes volat-sobe{0%{opacity:.15}50%{opacity:.75}100%{opacity:.15}}
.volat-chama { pointer-events: none; }
@media (prefers-reduced-motion: reduce){.volat-chama{animation:none!important}}

@media (max-width: 700px) {
    .g-legenda { flex-direction: column; gap: 0.3rem; }
    .g-legenda .chip { white-space: nowrap; }
}
.g-legenda .chip::before { content: ""; display: inline-block; width: 10px; height: 3px;
    border-radius: 2px; margin-right: 0.35rem; vertical-align: middle; background: var(--nord8); }
.g-legenda .chip.aporte::before { height: 8px; width: 8px; border-radius: 50%;
    background: var(--nord14); }
.g-legenda .chip.chip-regua::before { height: 4px; width: 12px; border-radius: 2px;
    background: var(--nord15); opacity: 0.55; }
.mini-linhas { display: flex; flex-direction: column; gap: 0.3rem; margin-top: 0.45rem; }
.mini-linhas .linha { display: flex; justify-content: space-between; font-size: 0.8rem;
    color: var(--txt-fraco); border-bottom: 1px dashed var(--nord2); padding-bottom: 0.25rem; }
.mini-linhas .linha .v { color: var(--nord6); font-variant-numeric: tabular-nums; }
.mini-linhas .linha .v.ok { color: var(--nord14); }
.mini-linhas .linha .v.ruim { color: var(--nord11); }

.mini-linhas .linha span i { color: var(--nord9); margin-right: 0.3rem; width: 14px;
    text-align: center; opacity: 0.85; }
@media (max-width: 700px) {
    .mini-linhas .linha { flex-direction: column; align-items: stretch; gap: 0.1rem; }
    .mini-linhas .linha .v { align-self: flex-end; }
    .cabeca-taxas { flex-direction: column; align-items: flex-start; gap: 0.25rem; }
}

.grade { align-items: stretch; }
.cartao-taxas { display: flex; flex-direction: column; }
.cabeca-taxas { display: flex; justify-content: space-between; align-items: baseline; gap: 0.8rem; }
.cabeca-taxas .rotulo { margin: 0; }
.cabeca-taxas .total-taxas { font-size: 1.5rem; }
.cartao-taxas .mini-linhas { flex: 1; justify-content: center; margin-top: 0.6rem; }

.badge-mem { display: inline-flex; flex-direction: column; align-items: center;
             gap: 2px; line-height: 1.2; padding: 0.32rem 0.65rem; }
.badge-mem .badge-sub { font-size: 0.68rem; font-weight: 400; opacity: 0.85;
                        text-transform: none; letter-spacing: 0; }

.badge-vazia { background: transparent; border: 1px dashed var(--borda, #45506b);
               color: var(--txt-fraco, #8b93a7); font-weight: 400;
               text-transform: none; }

details.olho summary { list-style: none; cursor: pointer; display: inline-flex;
    align-items: center; justify-content: center; width: 1.9rem; height: 1.9rem;
    border: 1px solid var(--borda, #45506b); border-radius: 8px; margin: 0 auto; }
details.olho summary::-webkit-details-marker { display: none; }
details.olho summary i { margin: 0; }
details.olho[open] summary { color: var(--destaque, #7aa2ff); }
details.olho pre { text-align: left; }

.btn-ocultar { display: block; margin: 0.4rem auto 0.1rem; padding: 0.3rem 0.9rem;
    background: transparent; border: 1px solid var(--borda, #45506b);
    border-radius: 8px; color: var(--txt-fraco, #8b93a7); cursor: pointer;
    font-size: 0.78rem; }
.btn-ocultar:hover { color: var(--destaque, #7aa2ff);
    border-color: var(--destaque, #7aa2ff); }

details.olho[open] { display: block; width: 100%; }
details.olho[open] > summary { display: none; }
details.olho pre { width: 100%; box-sizing: border-box; margin: 0; }

.avatar-ceo-img { width: 72%; height: 72%; object-fit: contain; display: block; }
.avatar-ceo { display: flex; align-items: center; justify-content: center; }

@keyframes ceo-psy {
  0%   { filter: hue-rotate(0deg)   saturate(1.4); transform: scale(1)    rotate(-4deg); }
  25%  { filter: hue-rotate(90deg)  saturate(1.8); transform: scale(1.08) rotate(3deg); }
  50%  { filter: hue-rotate(180deg) saturate(1.5); transform: scale(0.96) rotate(-3deg); }
  75%  { filter: hue-rotate(270deg) saturate(1.9); transform: scale(1.06) rotate(4deg); }
  100% { filter: hue-rotate(360deg) saturate(1.4); transform: scale(1)    rotate(-4deg); }
}
.avatar-ceo-img { animation: ceo-psy 6s ease-in-out infinite; }
@media (prefers-reduced-motion: reduce) { .avatar-ceo-img { animation: none; } }

.fecho-extrato {
    margin: 0.9rem -1rem -0.85rem;
    border-top: 1px solid var(--nord3);
    background: var(--bg2);
    padding: 0.9rem 1rem 0.75rem;
    display: flex; flex-direction: column; gap: 0.28rem;
}
.fecho-linha {
    display: flex; align-items: baseline; justify-content: space-between;
    gap: 0.8rem; font-size: 0.82rem;
}
.fecho-k { color: var(--txt-fraco); display: flex; align-items: center; gap: 6px; min-width: 0; }
.fecho-k i { font-size: 0.7rem; opacity: 0.7; width: 12px; text-align: center; flex: 0 0 12px; }
.fecho-v { font-variant-numeric: tabular-nums; font-weight: 600; white-space: nowrap; }
.fecho-fora .fecho-k { padding-left: 4px; border-left: 2px dashed var(--borda); }
.fecho-fora .fecho-k, .fecho-fora .fecho-v { opacity: 0.85; }
.fecho-total {
    margin-top: 0.3rem; padding-top: 0.45rem;
    border-top: 1px solid var(--borda);
    font-size: 1rem;
}
.fecho-total .fecho-k { color: var(--nord6); font-weight: 600; }
.fecho-total .fecho-v { font-size: 1.15rem; }
.fecho-pct { font-size: 0.8rem; opacity: 0.75; font-weight: 500; }
@media (max-width: 700px) {
    .fecho-linha { flex-direction: column; align-items: stretch; gap: 0.05rem; }
    .fecho-k { line-height: 1.25; }
    .fecho-v { align-self: flex-end; }
    .fecho-fora .fecho-k { border-left: 0; padding-left: 0; }
    .fecho-extrato { gap: 0.5rem; }
}

.resumo-pos {
    margin: 0.9rem -1rem -0.85rem;
    border-top: 1px solid var(--borda);
    background: var(--bg2);
    padding: 0.9rem 1.1rem 1rem;
}
.eq-conta {
    display: flex; align-items: stretch; gap: 0.5rem; flex-wrap: wrap;
}
.eq-item {
    display: flex; flex-direction: column; gap: 0.2rem;
    padding: 0.55rem 0.8rem;
    flex: 1 1 8rem; min-width: 0;
    background: var(--bg3);
    border: 1px solid var(--nord3);
    border-radius: var(--raio);
}
.eq-item.fim { flex-basis: 10rem; }
.eq-k {
    display: inline-flex; align-items: center; gap: 0.35rem;
    font-size: 0.63rem; letter-spacing: 0.06em; text-transform: uppercase;
    color: var(--txt-apagado); white-space: nowrap;
}
.eq-k i { font-size: 0.66rem; opacity: 0.85; }
.eq-n {
    font-size: 0.9em; opacity: 0.72; letter-spacing: 0;
    text-transform: none; margin-left: 0.15rem;
}
.eq-v {
    font-size: 1.04rem; font-weight: 600; color: var(--nord6);
    display: inline-flex; align-items: center; gap: 5px;
    font-variant-numeric: tabular-nums;
}
.eq-v.sobe { color: var(--verde); }
.eq-v.desce { color: var(--vermelho); }
.eq-v.sobe i { animation: eq-sobe 2.2s ease-in-out infinite; }
.eq-v.desce i { animation: eq-desce 1.6s ease-in-out infinite; }
@keyframes eq-sobe {
    0%, 100% { transform: translateY(0); opacity: 1; }
    45% { transform: translateY(-2.5px); opacity: 0.6; }
}
@keyframes eq-desce {
    0%, 100% { transform: translateY(0); opacity: 1; }
    45% { transform: translateY(2.5px); opacity: 0.6; }
}
.eq-op {
    font-family: var(--mono); font-size: 1.15rem; color: var(--txt-apagado);
    align-self: center; flex: 0 0 auto;
    animation: eq-respira 3s ease-in-out infinite;
}
@keyframes eq-respira {
    0%, 100% { opacity: 0.45; }
    50% { opacity: 0.95; }
}
.eq-item.fim {
    border-left: 1px solid var(--borda);
    margin-left: 0.55rem; padding-left: 1.05rem;
}
.eq-item.fim .eq-v { font-size: 1.35rem; letter-spacing: -0.01em; }
.eq-item.extra { padding-left: 1.05rem; }
.eq-escopo {
    display: inline-flex; align-items: center; justify-content: center; gap: 0.35rem;
    flex: 0 0 auto; align-self: stretch;
    writing-mode: vertical-rl; transform: rotate(180deg);
    font-size: 0.58rem; letter-spacing: 0.12em; text-transform: uppercase;
    color: var(--txt-apagado); cursor: help;
}
.eq-escopo i { font-size: 0.62rem; transform: rotate(90deg); opacity: 0.85; }
.eq-hist {
    display: flex; align-items: stretch; gap: 0.5rem; flex-wrap: wrap;
    margin-left: 0.6rem; flex: 1 1 18rem;
}
.eq-hist .eq-item { flex: 1 1 6rem; min-width: max-content; }
.eq-hist .eq-v { font-size: 0.88rem; }
.eq-mini {
    display: block; height: 4px; border-radius: 3px;
    overflow: hidden; background: var(--bg3); margin-top: 0.25rem;
}
.eq-seg {
    display: block; height: 100%; position: relative; overflow: hidden;
    transition: width 0.9s cubic-bezier(0.25, 0.9, 0.3, 1);
}
.eq-seg::after {
    content: ""; position: absolute; inset: 0;
    background: linear-gradient(100deg, transparent 20%,
        rgba(255,255,255,0.3) 50%, transparent 80%);
    transform: translateX(-100%);
    animation: eq-brilho 3.6s ease-in-out infinite;
}
.eq-hist .eq-item:nth-of-type(2) .eq-seg::after { animation-delay: 0.5s; }
.eq-hist .eq-item:nth-of-type(3) .eq-seg::after { animation-delay: 1s; }
@keyframes eq-brilho {
    0% { transform: translateX(-100%); }
    55%, 100% { transform: translateX(220%); }
}
@media (max-width: 860px) {
    .eq-hist { margin-left: 0; border-left: 0; border-top: 1px dashed var(--borda);
        padding: 0.65rem 0 0; margin-top: 0.65rem; width: 100%; flex-wrap: wrap; }
    .eq-item.fim { margin-left: 0.3rem; padding-left: 0.8rem; }
}
@media (max-width: 560px) {
    .eq-conta { flex-direction: column; align-items: stretch; align-content: flex-start; }
    .eq-op { align-self: flex-start; margin: 0; }
    .eq-item, .eq-item.fim, .eq-item.extra { padding: 0; border-left: 0; margin-left: 0; }
    .eq-hist { flex: 0 0 auto; align-items: flex-start; align-content: flex-start; }
    .eq-hist .eq-item { flex: 1 1 0; padding: 0.55rem 0.8rem; }
    .eq-escopo { writing-mode: horizontal-tb; transform: none; justify-content: flex-start; }
    .eq-escopo i { transform: none; }
    .eq-hist .eq-escopo { flex-basis: 100%; }
}

.cartao-largo:has(.meta-hero),
.nota-card:has(.meta-hero) { padding-top: 1.05rem; padding-bottom: 1.15rem; }
.cartao-largo:has(.meta-hero) > .rotulo,
.nota-card:has(.meta-hero) > .nota-card-titulo { margin-bottom: 0.35rem; }
.barra-meta-extra { margin-bottom: 0.15rem; }

.pool-ativos {
    display: block;
    margin-top: 3px;
    font-size: .74rem;
    line-height: 1.3;
    color: var(--txt-fraco, #8a94a8);
    letter-spacing: .01em;
}

.ico-risco {
    margin-left: 7px;
    font-size: .82em;
    color: var(--amarelo, #EBCB8B);
    display: inline-block;
    transform-origin: 50% 60%;
    animation: treme-risco 2.4s ease-in-out infinite;
}
@keyframes treme-risco {
    0%, 62%, 100% { transform: rotate(0deg); }
    66%  { transform: rotate(-11deg); }
    70%  { transform: rotate(9deg); }
    74%  { transform: rotate(-7deg); }
    78%  { transform: rotate(5deg); }
    82%  { transform: rotate(-3deg); }
    86%  { transform: rotate(0deg); }
}
@media (prefers-reduced-motion: reduce) {
    .ico-risco { animation: none; }
}

.chat-btn.som.bloqueado { color: var(--amarelo); animation: none; }

.prev-placar { position: relative; }
.prev-hero { display: flex; flex-direction: column; gap: 0.15rem; margin: 0.35rem 0 0; }
.prev-hero-val {
    font-size: 2.1rem; font-weight: 700; line-height: 1;
    font-variant-numeric: tabular-nums;
}
.prev-hero-sub { color: var(--txt-fraco); font-size: 0.72rem; }

h2 .prev-cont {
    display: inline-flex; align-items: center; justify-content: center;
    margin-left: 0.5rem; padding: 2px 9px; border-radius: var(--raio-pilula);
    background: var(--bg3); color: var(--txt-fraco);
    font-size: 0.68rem; font-weight: 700; font-variant-numeric: tabular-nums;
}

.prev-lista { display: flex; flex-direction: column; gap: 0.55rem; }

.prev-item {
    background: var(--bg2);
    border-left: 3px solid var(--borda-forte);
    padding: 0.7rem 0.9rem;
}
.prev-ok    { border-left-color: var(--verde); }
.prev-media { border-left-color: var(--amarelo); }
.prev-baixa { border-left-color: var(--vermelho); }
.prev-aberta { border-left-color: var(--azul); }
.prev-falha { border-left-color: var(--bg4); }

.prev-cab {
    display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap;
    margin-bottom: 0.55rem;
}
.prev-id { color: var(--txt-fraco); font-size: 0.8rem; font-weight: 700; }
.prev-pool { color: var(--txt); font-size: 0.86rem; font-weight: 600; }
.prev-cab-dir { margin-left: auto; display: flex; align-items: center; gap: 0.45rem; }
.prev-dur {
    display: inline-flex; align-items: center; gap: 0.35rem;
    color: var(--txt-fraco); font-size: 0.72rem;
}
.prev-dur i { color: var(--azul); opacity: 0.9; }

.prev-conf {
    display: grid; grid-template-columns: 1fr auto 1fr 1fr 1fr;
    gap: 0.9rem; align-items: center;
}
.prev-conf-compacta { grid-template-columns: repeat(auto-fit, minmax(min(150px, 100%), 1fr)); }
.prev-lado { display: flex; flex-direction: column; gap: 0.18rem; min-width: 0; }
.prev-k {
    display: inline-flex; align-items: center; gap: 0.35rem;
    color: var(--txt-apagado); font-size: 0.63rem;
    letter-spacing: 0.05em; text-transform: uppercase; white-space: nowrap;
}
.prev-k i { color: var(--azul); font-size: 0.68rem; width: 12px; text-align: center; }
.prev-v {
    color: var(--txt); font-size: 1rem; font-weight: 600; line-height: 1.15;
    font-variant-numeric: tabular-nums;
}
.prev-det {
    display: inline-flex; align-items: center; gap: 0.35rem; flex-wrap: wrap;
    color: var(--txt-fraco); font-size: 0.68rem;
}
.prev-lado-real .prev-v { color: var(--verde-claro); }
.prev-seta { color: var(--txt-apagado); font-size: 0.9rem; text-align: center; }

.prev-dados { margin-top: 0.6rem; }
.prev-dados summary {
    color: var(--txt-fraco); font-size: 0.7rem; cursor: pointer;
    display: inline-flex; align-items: center; gap: 0.35rem;
}
.prev-dados summary i { color: var(--azul); }

@media (max-width: 900px) {
    .prev-conf { grid-template-columns: repeat(auto-fit, minmax(min(140px, 100%), 1fr)); }
    .prev-seta { display: none; }
}

.prev-falhas-grade {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(min(230px, 100%), 1fr));
    gap: 1px; background: var(--borda);
}
.prev-falha-cel {
    background: var(--bg2); padding: 0.6rem 0.8rem;
    display: flex; align-items: center; gap: 0.6rem; min-width: 0;
}
.prev-falha-n {
    color: var(--vermelho); font-size: 1.05rem; font-weight: 700;
    font-variant-numeric: tabular-nums; min-width: 2ch; text-align: right;
}
.prev-falha-pool {
    color: var(--txt-claro); font-size: 0.78rem;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1 1 auto;
}

.prev-hero-nota {
    display: inline-flex; align-items: center; gap: 0.4rem; flex-wrap: wrap;
    margin-top: 0.3rem; color: var(--amarelo); font-size: 0.7rem;
}
.prev-hero-nota b { color: var(--txt-claro); font-variant-numeric: tabular-nums; }
.prev-n {
    margin-left: 0.4rem; color: var(--txt-apagado);
    font-size: 0.62rem; font-weight: 600;
}

.sit-ico {
    width: 14px; text-align: center; margin-right: 3px;
    font-size: 0.92em; display: inline-block;
}
.sit-ok    { color: var(--verde);       animation: sit-respira  3.6s ease-in-out infinite; }
.sit-velha { color: var(--amarelo);     animation: sit-vira     4.2s ease-in-out infinite; }
.sit-fora  { color: var(--azul);        animation: sit-orbita   6.0s linear infinite; opacity: 0.7; }
.sit-barra { color: var(--txt-apagado); opacity: 0.45; }

@keyframes sit-respira {
    0%, 100% { transform: scale(1);    opacity: 0.65; }
    45%      { transform: scale(1.18); opacity: 1; }
}
@keyframes sit-vira {
    0%, 55%   { transform: rotate(0); }
    70%, 100% { transform: rotate(180deg); }
}
@keyframes sit-orbita {
    0%   { transform: rotate(0); }
    100% { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
    .sit-ok, .sit-velha, .sit-fora { animation: none; }
}

.sit-alvo { display: inline-block; }
[data-dica] { position: relative; }
[data-dica]::after {
    content: attr(data-dica);
    position: absolute; left: 0; top: calc(100% + 6px); z-index: 40;
    width: max-content; max-width: 320px;
    background: var(--bg0, #22272e); color: var(--txt-claro);
    border: 1px solid var(--borda-forte);
    padding: 7px 10px; border-radius: 6px;
    font-size: 0.72rem; font-weight: 400; line-height: 1.35;
    text-transform: none; letter-spacing: 0; white-space: normal;
    opacity: 0; visibility: hidden; pointer-events: none;
    transition: opacity 0.12s ease-out, transform 0.12s ease-out;
    transform: translateY(-3px);
}
[data-dica]:hover::after {
    opacity: 1; visibility: visible; transform: translateY(0);
}
tbody tr:nth-last-child(-n+3) [data-dica]::after {
    top: auto; bottom: calc(100% + 6px); transform: translateY(3px);
}
tbody tr:nth-last-child(-n+3) [data-dica]:hover::after { transform: translateY(0); }

.inv-acoes { display: flex; gap: 0.6rem; flex-wrap: wrap; align-items: center; }
.inv-bt {
    display: inline-flex; align-items: center; gap: 0.45rem;
    background: rgba(var(--verde-rgb), 0.16); color: var(--verde);
    border: none; border-radius: var(--raio-pilula);
    padding: 0.55rem 1.1rem; font-size: 0.78rem; font-weight: 700;
    cursor: pointer; font-family: inherit;
}
.inv-bt:hover { background: rgba(var(--verde-rgb), 0.26); }
.inv-bt-saque { background: rgba(var(--amarelo-rgb), 0.16); color: var(--amarelo); }
.inv-bt-saque:hover { background: rgba(var(--amarelo-rgb), 0.26); }
.inv-bt-cancela { background: rgba(var(--txt-rgb), 0.08); color: var(--txt-fraco); }
.inv-bt-cancela:hover { background: rgba(var(--txt-rgb), 0.14); }
.inv-bt-trocar { background: rgba(var(--azul-rgb), 0.16); color: var(--azul); }
.inv-bt-trocar:hover { background: rgba(var(--azul-rgb), 0.26); }
.inv-cart-end { display: inline-flex; align-items: center; gap: 0.4rem; }
.inv-cart-end .botao-copiar { margin-right: 0; padding: 1px 7px; font-size: 0.7rem; }
.inv-dialogo {
    background: var(--bg2); color: var(--txt); border: 1px solid var(--borda);
    border-radius: var(--raio); padding: 1.4rem;
    width: min(92vw, 25rem); max-width: 92vw; box-sizing: border-box;
}
.inv-dialogo .login-campo { margin-bottom: 0.9rem; }
.inv-dialogo .login-campo > span:first-child i {
    margin-right: 0.4rem; opacity: 0.75; width: 11px; text-align: center;
}
.inv-dialogo .campo-caixa { display: block; position: relative; }
.inv-dialogo input.com-tudo { padding-right: 62px; }
.inv-prazo {
    display: flex; align-items: flex-start; gap: 0.55rem;
    background: rgba(var(--amarelo-rgb), 0.12);
    border-radius: var(--raio); padding: 0.6rem 0.75rem;
    font-size: 0.72rem; line-height: 1.45; color: var(--txt-claro);
    margin: 0.2rem 0 0.9rem;
}
.inv-prazo i { color: var(--amarelo); margin-top: 0.15rem; }
.inv-prazo b { color: var(--amarelo); }
#inv-dialogo-ajuda { font-size: 0.72rem; line-height: 1.45; margin: 0 0 0.9rem; }
.inv-dialogo::backdrop { background: rgba(0, 0, 0, 0.55); }
.inv-dialogo h3 { margin: 0 0 1rem; font-size: 0.95rem; }
.inv-dialogo .inv-acoes { margin-top: 1rem; }
.inv-bt-mini { padding: 0.35rem 0.7rem; font-size: 0.7rem; }
.inv-bt-recusa { background: rgba(var(--vermelho-rgb), 0.16); color: var(--vermelho); }
.inv-bt-recusa:hover { background: rgba(var(--vermelho-rgb), 0.26); }
.inv-bt i { line-height: 1; font-size: 0.85em; }
.badge-investidor {
    color: var(--amarelo);
    background: rgba(var(--amarelo-rgb), 0.14);
}
.badge-investidor i, .badge-alta i { color: inherit; opacity: 0.85; }
.h2-com-acao { display: flex; align-items: center; gap: 0.5rem; }
.h2-com-acao > .inv-bt { margin-left: auto; }
h1 > .inv-bt { margin-left: auto; }
#btn-convidar { padding: 0.5rem 1.05rem; font-size: 0.78rem; }
#btn-convidar i { color: inherit; font-size: 0.85rem; }
.tabela .botao-copiar {
    background: none; border: none; color: var(--txt-fraco);
    padding: 2px 4px; margin-right: 0;
}
.tabela .botao-copiar:hover { background: none; color: var(--azul); }

.inv-mover {
    display: flex; align-items: center; justify-content: space-between;
    gap: 0.9rem; flex-wrap: wrap;
}
.inv-endereco {
    display: inline-flex; align-items: center; gap: 0.5rem;
    background: rgba(var(--txt-rgb), 0.06);
    border: 1px solid var(--borda); border-radius: var(--raio-pilula);
    padding: 0.4rem 0.55rem 0.4rem 0.85rem; font-size: 0.72rem;
    max-width: 100%; overflow: hidden;
}
.inv-endereco > i { color: var(--amarelo); }
.inv-endereco .inv-endereco-rot {
    color: var(--txt-fraco); text-transform: uppercase;
    letter-spacing: 0.04em; font-size: 0.64rem; white-space: nowrap;
}
.inv-endereco .num {
    color: var(--txt); overflow: hidden; text-overflow: ellipsis;
    white-space: nowrap;
}
@media (max-width: 700px) {
    .inv-mover { flex-direction: column; align-items: stretch; }
    .inv-acoes { justify-content: stretch; }
    .inv-acoes .inv-bt { flex: 1 1 auto; justify-content: center; }
}

.inv-notas { display: flex; flex-wrap: wrap; gap: 0.45rem; margin-top: 0.7rem; }
.inv-nota {
    flex: 1 1 14rem; display: inline-flex; align-items: center;
    justify-content: center; text-align: center; gap: 0.4rem;
    background: rgba(var(--txt-rgb), 0.06); color: var(--txt-fraco);
    border-radius: var(--raio-pilula); padding: 0.42rem 0.8rem;
    font-size: 0.7rem;
}
.inv-nota i { color: var(--azul); font-size: 0.85em; }
.inv-nota b { color: var(--txt); font-weight: 700; }
.inv-nota-alerta { background: rgba(var(--amarelo-rgb), 0.12); }
.inv-nota-alerta i, .inv-nota-alerta b { color: var(--amarelo); }

.inv-bt-tudo {
    position: absolute; right: 8px; top: 50%; transform: translateY(-50%);
    background: rgba(var(--azul-rgb), 0.16); border: none; cursor: pointer;
    font-family: inherit; color: var(--azul); font-size: 0.66rem;
    font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em;
    padding: 0.28rem 0.6rem; border-radius: var(--raio-pilula);
}
.inv-bt-tudo:hover { color: var(--txt); }

.badge-sit-ok     { color: var(--verde);    background: rgba(var(--verde-rgb), 0.16); }
.badge-sit-nao    { color: var(--vermelho); background: rgba(var(--vermelho-rgb), 0.16); }
.badge-sit-espera { color: var(--amarelo);  background: rgba(var(--amarelo-rgb), 0.14); }

.inv-cart-ok, .inv-cart-passo, .inv-cart-alerta, .inv-cart-perigo {
    display: flex; align-items: flex-start; gap: 0.9rem;
    border-radius: var(--raio); padding: 1rem 1.15rem;
}
.inv-cart-ok     { background: rgba(var(--verde-rgb), 0.12); }
.inv-cart-passo  { background: rgba(var(--azul-rgb), 0.12); }
.inv-cart-alerta { background: rgba(var(--amarelo-rgb), 0.12); }
.inv-cart-perigo { background: rgba(var(--vermelho-rgb), 0.12); }
.inv-dialogo h3 i.pg-ih-perigo { color: var(--vermelho); }
.inv-dialogo h3 i.pg-ih-aviso  { color: var(--amarelo); }
.inv-cart-ok > i, .inv-cart-passo > i, .inv-cart-alerta > i,
.inv-cart-perigo > i {
    font-size: 1.3rem; line-height: 1.25rem; flex: none;
}
.inv-cart-ok > i     { color: var(--verde); }
.inv-cart-passo > i  { color: var(--azul); }
.inv-cart-alerta > i { color: var(--amarelo); }
.inv-cart-perigo > i { color: var(--vermelho); }
.inv-cart-ok > div, .inv-cart-passo > div, .inv-cart-alerta > div,
.inv-cart-perigo > div { flex: 1; }
.inv-cart-ok b, .inv-cart-passo b, .inv-cart-alerta b, .inv-cart-perigo b {
    display: block; font-size: 0.82rem; line-height: 1.25rem;
    margin-bottom: 0.35rem;
}
.inv-cart-ok .pool-ativos + .pool-ativos,
.inv-cart-passo .pool-ativos + .pool-ativos,
.inv-cart-alerta .pool-ativos + .pool-ativos { margin-top: 0.5rem; }
.inv-dialogo-larga { width: min(94vw, 34rem); }
.cart-passos {
    display: flex; gap: 0.5rem; list-style: none; padding: 0;
    margin: 0 0 1.1rem; font-size: 0.68rem; text-transform: uppercase;
    letter-spacing: 0.04em;
}
.cart-passos li {
    flex: 1 1 0; display: flex; align-items: center; justify-content: center;
    gap: 0.35rem; text-align: center; color: var(--txt-fraco);
    background: rgba(var(--txt-rgb), 0.06); border-radius: var(--raio-pilula);
    padding: 0.42rem 0.4rem; min-width: 0;
}
.cart-passos li i { font-size: 0.85em; }
.cart-passos li.ativo { color: var(--azul); background: rgba(var(--azul-rgb), 0.16); }
.cart-passos li.feito { color: var(--verde); background: rgba(var(--verde-rgb), 0.14); }
.cart-frase {
    background: rgba(var(--bg-rgb), 0.6); border: 1px solid var(--borda);
    border-radius: var(--raio); padding: 0.7rem; font-size: 0.68rem;
    line-height: 1.5; white-space: pre-wrap; word-break: break-all;
    max-height: 9rem; overflow-y: auto; margin: 0 0 0.9rem;
}

.inv-dialogo .inv-acoes { display: flex; gap: 0.5rem; flex-wrap: nowrap; }
.inv-dialogo .inv-acoes .inv-bt {
    flex: 1 1 auto; justify-content: center; padding: 0.6rem 0.8rem;
    white-space: nowrap;
}
.inv-dialogo .inv-acoes .inv-bt-recusa { flex: 0 0 auto; }
#convite-form .inv-acoes .inv-bt { flex: 1 1 100%; }
#dlg-conferido .inv-acoes .inv-bt, #dlg-pagar .inv-acoes .inv-bt { flex: 1 1 100%; }
#dlg-conferido #conf-hash, #dlg-pagar #pag-destino {
    font-family: var(--mono); font-size: 0.7rem;
    word-break: break-all; overflow-wrap: anywhere;
}
#dlg-conferido .inv-cart-passo > div, #dlg-pagar .inv-cart-passo > div { min-width: 0; }
#dlg-conferido .inv-cart-passo, #dlg-pagar .inv-cart-passo { margin-bottom: 0.9rem; }
#dlg-conferido .inv-prazo, #dlg-pagar .inv-prazo { margin-top: 0.9rem; }

.inv-dialogo input[type="number"] { -moz-appearance: textfield; appearance: textfield; }
.inv-dialogo input[type="number"]::-webkit-outer-spin-button,
.inv-dialogo input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none; margin: 0;
}

.inv-prazo-dep { background: rgba(var(--vermelho-rgb), 0.12); }
.inv-prazo-dep i, .inv-prazo-dep b { color: var(--vermelho); }
.inv-prazo-custo { background: rgba(var(--azul-rgb), 0.12); }
.inv-prazo-custo i, .inv-prazo-custo b { color: var(--azul); }
.inv-custo-linha { display: block; margin-top: 0.4rem; color: var(--txt); }
.inv-custo-val { color: var(--txt-fraco); }
.inv-nulo { color: var(--txt-fraco); }
.inv-dep-end {
    display: block; margin-top: 0.4rem; font-size: 0.68rem;
    color: var(--txt); word-break: break-all;
}

.cart-bt-assinar { width: 100%; justify-content: center; padding: 0.7rem; }
.inv-dialogo form { position: relative; }
.inv-dialogo h3 { padding-right: 1.7rem; }
.dlg-x {
    position: absolute; top: -0.5rem; right: -0.5rem;
    background: none; border: none; cursor: pointer; line-height: 1;
    color: var(--txt-apagado); font-size: 0.95rem;
    padding: 0.35rem 0.5rem; border-radius: var(--raio-btn);
    transition: color 0.15s ease, background 0.15s ease;
}
.dlg-x:hover { color: var(--vermelho); background: rgba(var(--vermelho-rgb), 0.16); }
.chat-aviso { margin: 0.55rem 0 0; font-size: 0.7rem; line-height: 1.5; }
.chat-aviso i { color: var(--azul); margin-right: 0.35rem; }
.inv-fatia-caixa {
    background: rgba(var(--azul-rgb), 0.12);
    margin: 0 0 0.9rem;
}
.inv-fatia-caixa > i { color: var(--azul); }
.inv-fatia-caixa b { color: var(--azul); }
.badge-fatia {
    color: var(--azul); background: rgba(var(--azul-rgb), 0.22);
    font-family: var(--mono); font-weight: 700;
}
.secao-recolhivel > summary {
    cursor: pointer; list-style: none;
    font-size: 0.72rem; font-weight: 400; color: var(--txt-fraco);
    text-transform: uppercase; letter-spacing: 0.06em;
    border-bottom: 1px solid var(--borda); padding-bottom: 0.4rem;
    margin: 1.8rem 0 0.85rem;
    display: flex; align-items: center; gap: 0;
}
.secao-recolhivel > summary::-webkit-details-marker { display: none; }
.secao-recolhivel > summary > i { margin-right: 0.4rem; color: var(--azul); }
.secao-recolhivel > summary::after {
    content: "\f078"; font-family: "Font Awesome 6 Free"; font-weight: 900;
    margin-left: auto; font-size: 0.68rem; color: var(--txt-fraco);
    transition: transform 0.15s ease;
}
.secao-recolhivel[open] > summary::after { transform: rotate(180deg); }
.secao-recolhivel > summary:hover { color: var(--txt); }
.bloco-decisoes { margin-top: 0.7rem; }
.bloco-decisoes .tabela-rolagem { max-height: 26rem; overflow-y: auto; }
.inv-cards-pool { margin-bottom: 0.9rem; }
.inv-cards-pool .detalhe { font-size: 0.68rem; margin-top: 0.15rem; }
.inv-resumo {
    background: rgba(var(--txt-rgb), 0.05);
    border: 1px solid var(--borda); border-radius: var(--raio);
    padding: 0.7rem 0.85rem; margin: 0 0 0.9rem;
    display: flex; flex-direction: column; gap: 0.4rem;
}
.inv-resumo-linha {
    display: flex; align-items: center; justify-content: space-between;
    gap: 0.6rem; font-size: 0.74rem;
}
.inv-resumo-linha > span { color: var(--txt-fraco); display: flex; align-items: center; gap: 0.4rem; }
.inv-resumo-linha > span i { color: var(--txt-fraco); width: 0.95rem; text-align: center; }
.inv-resumo-linha b { font-family: var(--mono); font-size: 0.8rem; }
.inv-resumo-nota {
    display: flex; align-items: flex-start; gap: 0.4rem;
    border-top: 1px solid var(--borda); padding-top: 0.45rem; margin-top: 0.1rem;
    font-size: 0.68rem; line-height: 1.45; color: var(--txt-fraco);
}
.inv-resumo-nota i { color: var(--azul); margin-top: 0.12rem; }
.inv-dialogo h3 i { margin-right: 0.45rem; color: var(--azul); }
.inv-cart-ok .pool-ativos,
.inv-cart-passo .pool-ativos,
.inv-cart-alerta .pool-ativos { color: var(--txt); }
.cartao {
    transition: border-color 0.15s ease, background 0.15s ease;
}
.cartao:hover {
    border-color: rgba(var(--azul-rgb), 0.45);
    background: var(--bg3);
}
.inv-bt, .chat-btn, .botao-copiar, .chat-agente {
    transition: background 0.14s ease, color 0.14s ease, border-color 0.14s ease;
}
.mencao { transition: background 0.1s ease; }
.mencao:hover { background: var(--bg3); }
.secao-recolhivel > summary, .bloco-recolhivel > summary {
    transition: color 0.14s ease, background 0.14s ease;
}
.wbolha { transition: transform 0.14s ease; }
.wmsg:hover .wbolha { transform: translateY(-1px); }
.inv-bt[disabled],
.inv-bt[disabled]:hover,
.inv-bt-saque[disabled],
.inv-bt-saque[disabled]:hover,
.inv-bt-trocar[disabled],
.inv-bt-trocar[disabled]:hover {
    background: rgba(var(--txt-rgb), 0.05);
    color: var(--txt-fraco);
    cursor: not-allowed;
    opacity: 1;
}
.inv-bt[disabled] i { color: var(--txt-fraco); }
.inv-trava-nota {
    display: flex; align-items: flex-start; gap: 0.45rem;
    margin: 0.6rem 0 0; font-size: 0.72rem; line-height: 1.5;
}
.inv-trava-nota i { color: var(--amarelo); margin-top: 0.15rem; }
.inv-cart-fixa {
    display: inline-flex; align-items: center; gap: 0.35rem;
    color: var(--amarelo); font-size: 0.7rem;
    background: rgba(var(--amarelo-rgb), 0.14);
    border-radius: var(--raio-pilula);
    padding: 0.35rem 0.75rem; white-space: nowrap;
}
.inv-cart-end .botao-copiar {
    background: none; border: none; color: var(--txt-fraco);
    padding: 2px 4px;
}
.inv-cart-end .botao-copiar:hover { background: none; color: var(--azul); }
.secao-alerta { margin-top: 1.8rem; }
.inv-orfa { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; }
.inv-orfa .inv-bt-mini { margin-left: auto; }
.inv-cart-acao { flex-direction: column; align-items: stretch; gap: 0.7rem; }
.inv-cart-acao > .inv-bt { align-self: flex-end; }
.inv-alerta-txt {
    font-size: 0.74rem; line-height: 1.45; color: var(--txt);
    text-wrap: pretty;
}
.inv-prazo span, .inv-cart-ok .pool-ativos, .inv-cart-alerta .pool-ativos {
    text-wrap: pretty;
}
.inv-dialogo .login-erro {
    display: flex; align-items: flex-start; gap: 0.55rem;
    line-height: 1.5; text-wrap: pretty; color: var(--txt);
    overflow-wrap: anywhere; margin: 0.2rem 0 0.9rem;
}
.inv-dialogo .login-erro > i {
    color: var(--vermelho); margin-top: 0.15rem; flex: 0 0 auto;
}
.inv-dialogo .login-erro .erro-end {
    display: inline-block; margin: 0.15rem 0;
    color: var(--txt); font-size: 0.72rem; font-weight: 600;
}
.inv-acoes-topo {
    display: flex; justify-content: flex-end; gap: 0.5rem;
    margin: 0 0 0.75rem;
}
.inv-moeda {
    display: flex; align-items: center; gap: 0.6rem;
    padding: 0.55rem 0.6rem 0.55rem 0.55rem;
    background: var(--bg3); border: 1px solid var(--borda);
    border-radius: var(--raio-m);
}
.inv-moeda-logo { width: 26px; height: 26px; border-radius: 50%; flex: 0 0 auto; }
.inv-moeda-nome { display: flex; flex-direction: column; line-height: 1.15; }
.inv-moeda-nome b { color: var(--txt); font-size: 0.84rem; }
.inv-moeda-nome small { color: var(--txt); font-size: 0.68rem; opacity: 0.8; }
.inv-moeda-rede {
    margin-left: auto; display: inline-flex; align-items: center; gap: 0.35rem;
    padding: 0.22rem 0.6rem 0.22rem 0.32rem;
    background: rgba(var(--azul-rgb), 0.2); color: var(--txt);
    border-radius: var(--raio-pilula); font-size: 0.74rem; white-space: nowrap;
}
.inv-moeda-rede img { width: 15px; height: 15px; border-radius: 50%; }
.secao-dados + .grade { margin-top: 1rem; }
.comite-investidor { align-items: stretch; }
.comite-investidor #sala3d canvas { pointer-events: none; }
.comite-investidor > .chat-wrap .wchat {
    height: 0; flex: 1 1 auto; min-height: 320px;
}
.secao-titulo {
    cursor: pointer; user-select: none;
    display: flex; align-items: center; gap: 0;
    transition: color 0.15s ease;
}
.secao-titulo:hover { color: var(--txt); }
.secao-titulo:focus-visible { outline: 1px solid var(--azul); outline-offset: 3px; }
.secao-titulo::after {
    content: "\f078"; font-family: "Font Awesome 6 Free"; font-weight: 900;
    margin-left: auto; font-size: 0.68rem; color: var(--txt-apagado);
    transition: transform 0.18s ease, color 0.15s ease;
}
.secao-titulo:hover::after { color: var(--azul); }
.secao-titulo.recolhida::after { transform: rotate(-90deg); }
.secao-titulo.recolhida { margin-bottom: 0.2rem; }
.inv-meta { margin-top: 1rem; }
.inv-meta .barra-meta { margin: 0.9rem 0 0.35rem; }
.inv-meta .barra-meta-fill,
.inv-meta .barra-meta-extra-fill { animation: none; }
.inv-alerta-topo > .icone-tremendo { margin-top: 0.1rem; }
.inv-cart-espera { background: rgba(var(--azul-rgb), 0.12); }
.inv-cart-espera > i { color: var(--azul); }
.inv-cart-espera .inv-cart-fixa {
    color: var(--azul); background: rgba(var(--azul-rgb), 0.16);
}
.inv-alerta-topo {
    background: rgba(var(--amarelo-rgb), 0.14);
    border: 1px solid rgba(var(--amarelo-rgb), 0.3);
    margin: 0 0 0.75rem;
}
.inv-alerta-topo > i { color: var(--amarelo); font-size: 1rem; }
.inv-alerta-topo b { color: var(--amarelo); }
.inv-cart-ok .pool-ativos b,
.inv-cart-passo .pool-ativos b,
.inv-cart-alerta .pool-ativos b {
    display: inline; font-size: inherit; margin: 0; color: var(--amarelo);
}
@keyframes tremor-aviso {
    0%, 92%, 100% { transform: rotate(0deg); }
    93% { transform: rotate(-11deg); }
    94% { transform: rotate(9deg); }
    95% { transform: rotate(-7deg); }
    96% { transform: rotate(6deg); }
    97% { transform: rotate(-4deg); }
    98% { transform: rotate(3deg); }
    99% { transform: rotate(-1deg); }
}
.icone-tremendo {
    display: inline-block; transform-origin: 50% 85%;
    animation: tremor-aviso 3.2s ease-in-out infinite;
    margin-right: 0.45rem; color: var(--amarelo);
}
@media (prefers-reduced-motion: reduce) {
    .icone-tremendo { animation: none; }
}
.cart-bt-conectar { width: 100%; justify-content: center; margin-bottom: 0.4rem; }
.cart-bt-conectar.conectado {
    background: rgba(var(--verde-rgb), 0.22); font-family: var(--mono);
}
.cart-conectar-nota { font-size: 0.68rem; line-height: 1.45; margin: 0 0 0.9rem; }
.icone-tremendo.icone-azul { color: var(--azul); }
.inv-cart-passo .pool-ativos b { color: var(--azul); display: inline;
    font-size: inherit; margin: 0; }
.inv-cart-passo .pool-ativos .num { font-family: var(--mono); font-size: 0.7rem; }

body.tela-login:has(#ativacao:not([hidden])) .login-caixa { max-width: 470px; }
.ativacao-ola {
    font-size: 0.88rem; color: var(--txt); margin: 0 0 0.9rem;
    line-height: 1.4; text-align: center;
}
.ativacao-ola b { color: var(--azul); }
.ativacao-passos {
    display: flex; flex-direction: column; gap: 0.55rem;
    margin: 0 0 1.1rem; padding: 0; list-style: none; text-align: left;
    font-size: 0.78rem; color: var(--txt-claro); line-height: 1.4;
}
.ativacao-passos li {
    display: flex; align-items: center; gap: 0.7rem; padding: 0;
}
.ativacao-passos li > i {
    flex: none; width: 1.9rem; height: 1.9rem; border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    background: rgba(var(--azul-rgb), 0.14); color: var(--azul);
    font-size: 0.8rem;
}
.ativacao-passos li > span { flex: 1; }
.ativacao-passos b { color: var(--txt); }
.ativacao-passos b { color: var(--txt); }
.ativacao-qr {
    display: flex; justify-content: center; align-items: center;
    margin-bottom: 1rem;
}
.qr-moldura {
    position: relative; padding: 14px; border-radius: 12px;
    background: rgba(var(--azul-rgb), 0.06);
    line-height: 0; width: fit-content; max-width: 100%;
    box-sizing: border-box;
}
.qr-moldura > div {
    display: flex; justify-content: center; line-height: 0;
    width: 170px; max-width: 100%;
}
.qr-canto {
    position: absolute; width: 20px; height: 20px;
    border: 3px solid var(--ciano);
}
.qr-canto.tl { top: 0; left: 0; border-right: none; border-bottom: none;
               border-radius: 8px 0 0 0; }
.qr-canto.tr { top: 0; right: 0; border-left: none; border-bottom: none;
               border-radius: 0 8px 0 0; }
.qr-canto.bl { bottom: 0; left: 0; border-right: none; border-top: none;
               border-radius: 0 0 0 8px; }
.qr-canto.br { bottom: 0; right: 0; border-left: none; border-top: none;
               border-radius: 0 0 8px 0; }
.ativacao-qr svg {
    display: block; width: 100%; height: auto;
    background: #fff; border-radius: 6px; padding: 7px;
    box-sizing: border-box;
}
.ativacao-manual { margin-bottom: 1rem; }
.ativacao-manual label {
    display: block; font-size: 0.66rem; font-weight: 600;
    color: var(--txt-fraco); text-transform: uppercase;
    letter-spacing: 0.06em; margin-bottom: 0.35rem;
}
.ativacao-manual label i { margin-right: 0.4rem; opacity: 0.75; }
.ativacao-chave-caixa {
    display: flex; align-items: center; gap: 0.5rem;
    padding: 0.55rem 0.7rem; border-radius: var(--raio);
    background: rgba(var(--azul-rgb), 0.07);
    border: 1px dashed rgba(var(--azul-rgb), 0.3);
}
.ativacao-chave-caixa code {
    flex: 1; font-size: 0.76rem; color: var(--txt);
    word-break: break-all; letter-spacing: 0.08em; text-align: left;
}
.ativacao-chave-caixa .botao-copiar { margin-right: 0; flex: none; }

.grafico-baldes {
    margin: 0.9rem 0 0.9rem;
    padding: 0.85rem 1rem 0.95rem;
    background: var(--bg);
    border: 1px solid var(--borda);
    border-radius: var(--raio-m);
}
.gb-ico-acoes { color: #5E9FE8; }
.gb-ico-grande_stable { color: #E0A21B; }
.gb-ico-vol_vol { color: #A39AF0; }
.gb-ico-oportunidade { color: #E2668F; }
.gb-k-acoes { --cor: #5E9FE8; --cor-rgb: 94, 159, 232; }
.gb-k-grande_stable { --cor: #E0A21B; --cor-rgb: 224, 162, 27; }
.gb-k-vol_vol { --cor: #A39AF0; --cor-rgb: 163, 154, 240; }
.gb-k-oportunidade { --cor: #E2668F; --cor-rgb: 226, 102, 143; }
.gb-cards {
    list-style: none; margin: 0; padding: 0;
    display: grid; gap: 8px; grid-template-columns: repeat(4, minmax(0, 1fr));
}
.gb-card {
    display: flex; flex-direction: column; gap: 0.55rem; min-width: 0;
    background: var(--bg2);
    border: 1px solid var(--borda);
    border-top: 2px solid rgba(var(--cor-rgb), 0.85);
    border-radius: var(--raio-m);
    padding: 0.65rem 0.75rem 0.7rem;
    transition: border-color 0.2s, background 0.2s;
}
.gb-card:hover { border-color: var(--nord3); border-top-color: var(--cor); background: var(--bg3); }
.gb-topo { display: flex; align-items: center; gap: 0.55rem; min-width: 0; }
.gb-ico {
    width: 26px; height: 26px; flex: 0 0 auto;
    display: grid; place-items: center;
    border-radius: 7px; font-size: 0.82rem;
    color: var(--cor); background: rgba(var(--cor-rgb), 0.16);
}
.gb-topo strong {
    font-size: 0.86rem; font-weight: 500; color: var(--nord4);
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.gb-card:hover .gb-topo strong { color: var(--nord6); }
.gb-estado {
    margin-left: auto; flex: 0 0 auto;
    width: 20px; height: 20px; display: grid; place-items: center;
    border-radius: 999px; font-size: 0.62rem;
}
.gb-ok .gb-estado { color: var(--verde); background: rgba(var(--verde-rgb), 0.14); }
.gb-baixo .gb-estado { color: var(--amarelo); background: rgba(var(--amarelo-rgb), 0.16); }
.gb-alto .gb-estado { color: var(--vermelho); background: rgba(var(--vermelho-rgb), 0.18); }
.gb-valor {
    display: flex; align-items: baseline; justify-content: space-between; gap: 0.5rem;
    font-size: 1.02rem; font-weight: 600; color: var(--nord6);
    font-variant-numeric: tabular-nums;
}
.gb-valor em {
    font-style: normal; font-size: 0.78rem; font-weight: 600; color: var(--cor);
    white-space: nowrap;
}
.gb-valor em small { font-size: 0.72rem; font-weight: 500; color: var(--txt-fraco); }
.gb-regua {
    position: relative; height: 6px; margin: 0.15rem 0 0.05rem;
    border-radius: 999px; background: var(--bg);
}
.gb-faixa {
    position: absolute; top: 0; bottom: 0;
    border-radius: 999px; background: rgba(var(--txt-rgb), 0.12);
}
.gb-fill {
    position: absolute; left: 0; top: 0; bottom: 0;
    border-radius: 999px; background: var(--cor);
    transition: width 0.9s cubic-bezier(0.25, 0.9, 0.3, 1);
}
.gb-alvo {
    position: absolute; top: -3px; bottom: -3px; width: 2px; margin-left: -1px;
    border-radius: 1px; background: var(--nord6); opacity: 0.85;
}
.gb-rodape {
    display: flex; align-items: center; gap: 0.9rem;
    font-size: 0.74rem; color: var(--txt-medio); font-variant-numeric: tabular-nums;
}
.gb-rodape i { margin-right: 0.35rem; color: var(--txt-apagado); font-size: 0.68rem; }
@media (max-width: 980px) { .gb-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 420px) { .gb-cards { grid-template-columns: minmax(0, 1fr); } }
@media (prefers-reduced-motion: reduce) { .gb-fill { transition: none; } }