/* =====================================================================
   Launch Lazarus — tema "Estandarte": preto, branco, vermelho e azul-bandeira.
   Sem bordas, sem cantos arredondados. A separação vem só do TOM das superfícies
   (preto → cinza muito escuro) e de um acento verde fino nos estados ativos.

   Carregado POR ÚLTIMO em todas as páginas (depois de style.css, coin.css etc.).
   Para voltar ao visual antigo: tire o <link href="/theme.css"> das páginas
   (os arquivos originais estão em backup-pre-tema/).
   ===================================================================== */

/* ---------- 1. tokens ---------- */
:root {
  color-scheme: dark;

  /* superfícies: cada degrau é um pouco mais claro que o anterior */
  --s0: #000000;  /* fundo da página */
  --s1: #000000;  /* painéis, cartões: preto puro; quem separa é a borda (#1E1E22) */
  --s2: #000000;  /* campos, chips, controles em repouso */
  --s3: #0a1426;  /* hover */
  --s4: #0f2547;  /* selecionado / pressionado */

  /* nomes que o resto do CSS já usa */
  --bg: var(--s0);
  --card: var(--s1);
  --card-2: var(--s2);
  --field: var(--s2);
  --line: #1E1E22;       /* a cor das bordas e dos divisores */
  --line-2: #1E1E22;
  --hover-line: #2C2C31;
  --radius: 0;

  /* texto */
  --text: #f2f2f2;
  --white: #ffffff;
  --muted: #8f8f8f;
  --faint: #5e5e5e;

  /* acentos */
  --green: #2478e0;
  --green-2: #4c93ee;           /* hover do verde */
  --green-ink: #ffffff;         /* texto sobre fundo verde */
  --green-bg: rgba(36, 120, 224, .12);
  --red: #ed1c24;
  --red-bg: rgba(237, 28, 36, .12);
  --amber: #f2f2f2;
  --blue: #4c93ee;
  --flag: #024fa2;               /* azul da bandeira: superfícies de destaque */
  --flag-2: #013a78;
  --buy: var(--green);
  --sell: var(--red);
  --buy-bg: var(--green-bg);
  --sell-bg: var(--red-bg);

  --shadow-pop: 0 24px 64px rgba(0, 0, 0, .85);
  --sans: "Inter", "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
  --mono: "JetBrains Mono", "Cascadia Mono", ui-monospace, "SF Mono", Consolas, monospace;
}

/* ---------- 2. regra geral: nada de borda, nada de canto arredondado ---------- */
/* A borda continua ocupando o espaço (o layout não mexe), só fica invisível. */
*, *::before, *::after { border-color: var(--line-2) !important; border-radius: 0 !important; }
/* botões de cor cheia (verde, vermelho) ficam sem contorno cinza */
.btn-solid, .trade-btn:not(:disabled), .sn-create, .ip-edit.buy, .ip-edit.sell, .ip-amt.buy, .ip-amt.sell, .tag[data-kind], .hot-tag, .official-badge { border-color: transparent !important; }
/* Fundo com degradê: por padrão ele se ajusta ao "padding box" e REPETE na borda transparente, o que desenha uma linha fina em volta. */
*, *::before, *::after { background-origin: border-box !important; }
input, progress { accent-color: var(--green) !important; }
::selection { background: var(--green); color: #000; }
:focus-visible { outline: 2px solid var(--green); outline-offset: 2px; }
* { scrollbar-width: thin; scrollbar-color: var(--s4) transparent; }
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--s4); }
::-webkit-scrollbar-thumb:hover { background: #3a3a3a; }

body { background: var(--s0); color: var(--text); font-feature-settings: "cv11", "ss01"; }
a { text-underline-offset: 3px; }
h1, h2, h3 { letter-spacing: -.02em; }

/* ---------- 3. larguras ---------- */
.wrap { width: min(1440px, 100% - 48px); }
.wrap:has(> .layout) { width: min(1200px, 100% - 48px); }   /* /create: formulário + prévia */
main.feed:has(.coins.is-table) { width: min(1440px, 100% - 48px); }
.topbar-wide:not(.coin-topbar) { width: min(1440px, 100% - 48px); }

/* ---------- 4. topo ---------- */
.topbar { background: var(--s1); z-index: 20; }
.brand { font-weight: 800; letter-spacing: -.02em; }
.brand em { color: var(--green); font-weight: 800; }
.mark { background: #000; }
.nav a:hover, .nav-link:hover { background: var(--s3); color: #fff; }
.nav a[aria-current="page"], .nav-link[aria-current="page"] { background: var(--s2); color: #fff; box-shadow: inset 0 -2px 0 var(--green); }
.nav-link { font-weight: 600; }

.net, .status, .search-trigger, .social-btn, .acct-btn, .mode-switch, .qbox, .icon-btn.framed { background: var(--s2); }
.search-trigger:hover, .social-btn:hover, .acct-btn:hover, .acct-btn[aria-expanded="true"], .icon-btn.framed:hover { background: var(--s3); }
.st-kbd, .sd-foot kbd { background: var(--s3); color: var(--muted); }
.net i, .status i { background: var(--green); }

/* ---------- 5. botões ---------- */
.btn { font-weight: 700; letter-spacing: .005em; }
.btn-solid, .btn-primary, .trade-btn.neutral { background: var(--green); color: var(--green-ink); }
.btn-solid:hover, .btn-primary:hover:not(:disabled) { background: var(--green-2); color: var(--green-ink); }
.btn-primary:disabled { background: var(--s3); color: var(--faint); }
.btn-ghost { background: var(--s2); color: var(--text); }
.btn-ghost:hover:not(:disabled) { background: var(--s3); color: #fff; }
.btn-ghost:disabled { background: var(--s2); color: var(--muted); }
.trade-btn { font-weight: 800; letter-spacing: .01em; }
.trade-btn.buy { background: var(--green); color: var(--green-ink); }
.trade-btn.sell { background: var(--red); color: #ffffff; }
.trade-btn:disabled { background: var(--s2); color: var(--faint); }
.icon-btn:hover, .ip-icon:hover, .set-x:hover, .sh-x:hover, .reset:hover { background: var(--s3); }

/* controles que eram só contorno: ganham preenchimento para continuarem parecendo clicáveis */
.links a, .ch-links a, .ca-icon, .gear, .quick button, .select, .hc-ca-icon, .pf-chip, .pf-share, .pf-row-share,
.af-presets button, .sd-sort button, .field-help, .help, .tag, .pf-status, .dl-tag, .ip-chip, .ip-sol, .chip, .ca-chip,
.pf-pv-pill, .dev-btn, label.lbl .field-help, .tr-filters .help, .mode-switch .mode-help, .hc-btn, .coins.is-table .ca,
.mc .pair, .pair-chip, .sd-count, .iw-chip, .iw-bal, .cr-mint code, .cd-mint code, .iw-addr code { background: var(--s2); }
.links a:hover, .ch-links a:hover, .gear:hover, .quick button:hover:not(:disabled), .select:hover, .pf-chip:hover, .pf-share:hover,
.pf-row-share:hover, .af-presets button:hover, .sd-sort button:hover, .chip-link:hover, .ca-chip:hover, .dev-btn:hover:not(:disabled),
.coins.is-table .ca:hover, .hc-btn:hover, .tag:hover { background: var(--s4); color: #fff; }
.ca-icon:hover, .ca:hover .ca-icon, .hc-ca:hover .hc-ca-icon { background: var(--s4); }
.ca.done .ca-copy, .ca-chip.done, .pf-chip.done, .hc-ca.done .hc-ca-icon { background: var(--green); color: var(--green-ink); }

/* ---------- 6. campos ---------- */
input[type=text], input[type=number], input[type=search], input[type=password], input[type=url], input[type=email], input:not([type]), textarea, select {
  background: var(--s2); color: var(--text);
}
input:hover, textarea:hover { background: var(--s3); }
input:focus, textarea:focus, select:focus, .select:focus { background: var(--s3); box-shadow: inset 0 -2px 0 var(--green); outline: none; }
input::placeholder, textarea::placeholder { color: var(--faint); }
.set-ctl .field:focus-within, .amount:focus-within, .qbox:focus-within, .iw-qrcard:focus-within { background: var(--s3); box-shadow: inset 0 -2px 0 var(--green); }
/* `.field` só vira caixa na janela de configurações (.set-ctl); no /create e no resto ele é só o agrupador do rótulo + campo */
.amount, .set-ctl .field, .quick button { background: var(--s2); }
.data-search input:focus { box-shadow: inset 0 -2px 0 var(--green); }
/* busca (Ctrl K): a linha é limpa, sem caixa de fundo; o foco acende a barra verde embaixo da linha toda (ícone + campo + Esc) */
input.sd-input, input.sd-input:hover, input.sd-input:focus { background: transparent; box-shadow: none; }
.sd-box:focus-within { box-shadow: inset 0 -2px 0 var(--green); }
.qbox.bad, .set-ctl .field.bad, .iw-input.bad, input.bad { box-shadow: inset 0 -2px 0 var(--red); }
.switch, .choice, .drop, .trade-tabs, .seg, .tr-filters, .mode-switch, .iw-tabs, .af-period { background: var(--s2); }
.switch:hover, .drop:hover, .drop.over { background: var(--s3); }
.drop:focus-within { background: var(--s3); box-shadow: inset 0 -2px 0 var(--green); }
.drop .drop-icon { background: var(--s3); }
.track { background: var(--s4); }
.track::after { background: var(--muted); }
.switch input:checked + .track { background: var(--green); }
.switch input:checked + .track::after { background: #000; }
.choice-opt input:checked + .choice-body { background: var(--s4); color: #fff; box-shadow: inset 0 -2px 0 var(--green); }

/* ---------- 7. estados selecionados: fundo mais claro + barra verde fina embaixo ---------- */
.tab[aria-selected="true"], .seg button.on, .seg-tabs button[aria-selected="true"], .pager button[aria-current="page"],
.tr-filters button[aria-pressed="true"], .iw-tabs button[aria-selected="true"], .af-period button[aria-pressed="true"],
.mode-switch button[data-mode="manual"][aria-pressed="true"], .sd-sort button[aria-pressed="true"] {
  background: var(--s4); color: #fff; box-shadow: inset 0 -2px 0 var(--green);
}
.tab:hover, .pager button:hover:not(:disabled), .seg button:hover, .tr-filters button:hover { background: var(--s3); color: #fff; }
.mode-switch button[data-mode="instant"][aria-pressed="true"] { box-shadow: inset 0 -2px 0 var(--amber); }
.sd-tab[aria-selected="true"], .pf-top-tab[aria-selected="true"] { color: #fff; box-shadow: inset 0 -2px 0 var(--green); }
.trade-tabs button.buy[aria-selected="true"] { background: var(--green); color: var(--green-ink); }
.trade-tabs button.sell[aria-selected="true"] { background: var(--red); color: #ffffff; }
.tab .count, .sd-count { background: transparent; }

/* ---------- 8. cartões e painéis ---------- */
.card, .pf-head, .pf-card, .pf-pv, .pf-top, .pf-aff, .pf-table-wrap, .pf-bars, .af-overview > div, .af-steps li, .af-faq details,
.clone-note, .empty, .pf-empty, .cards > div, .hh-card-in { background: var(--s1); }
.hh-card-in { background: var(--s0); }
.coin, .clone-note { background: var(--s2); }
.card-body, .coin-body { background: transparent; }
details { padding-top: 14px; }
.pf-aff-stats > div, .cf-details { background: var(--s2); }
.cd-coin, .iw-qrcard { background: var(--s2); }

.coin-card { background: var(--s1); transition: background .15s, box-shadow .15s; }
.coin-card:hover { background: var(--s2); box-shadow: inset 0 -2px 0 var(--green); }
.coins { gap: 12px; }
.ca { background: transparent; }
.ca:hover { background: var(--s3); }

/* caixa do dev: a faixa colorida à esquerda mostra de relance quem é o dev */
.dev-box { background: linear-gradient(90deg, rgba(255,255,255,.06), rgba(255,255,255,.02)); box-shadow: inset 3px 0 0 #3d3d3d; }
.dev-box:has(.dev-hist[data-tone="good"]) { box-shadow: inset 3px 0 0 var(--green); }
.dev-box:has(.dev-hist[data-tone="bad"]) { box-shadow: inset 3px 0 0 var(--red); }
.coin-card .dev-box[data-fame] { box-shadow: inset 3px 0 0 #3b82f6; }
.coin-card .dev-box[data-whale] { box-shadow: inset 3px 0 0 #a855f7; }

/* ---------- 9. home ---------- */
.feed { padding-top: 28px; }
.home-hero { background: linear-gradient(115deg, var(--s1) 52%, rgba(36, 120, 224, .09)); }
.hh-line { stroke: rgba(36, 120, 224, .45); }
.hh-track { stroke: rgba(36, 120, 224, .08); }
.eyebrow::before { background: var(--green); }
.explore-title { display: inline-flex; align-items: center; gap: 12px; font-weight: 800; letter-spacing: -.025em; }
.explore-title::before { content: ""; width: 5px; height: 26px; background: var(--green); }
.status.live { color: #fff; }
.status.paused i { background: var(--red); }

/* visão em tabela */
.table-head:not([hidden]) { background: var(--s2); color: var(--muted); }
.coins.is-table { background: var(--s1); }
.coins.is-table .coin-card { background: transparent; box-shadow: none; }
.coins.is-table .coin-card:nth-child(even) { background: rgba(255, 255, 255, .025); }
.coins.is-table .coin-card:hover { background: var(--s3); box-shadow: inset 3px 0 0 var(--green); }

/* ---------- 10. janelas, menus e balões: superfície mais clara + sombra no lugar da borda ---------- */
.search-dialog, .confirm-dialog, .created-dialog, .share-dialog, .viewmenu, .settings, .edit-dialog, .instant-dialog, .hovercard, .acct-menu, .mode-pop {
  background: #101010; box-shadow: var(--shadow-pop);
}
.search-dialog::backdrop, .confirm-dialog::backdrop, .created-dialog::backdrop, .share-dialog::backdrop, .viewmenu::backdrop,
.settings::backdrop, .edit-dialog::backdrop, .instant-dialog::backdrop, .img-dialog::backdrop { background: rgba(0, 0, 0, .82); }
.vm-foot { background: #101010; }
.vm-sec { background: var(--s2); }
.vm-stack label, .vm-checks label { background: var(--s3); }
.vm-stack label:hover, .vm-checks label:hover { background: var(--s4); }
.vm-stack label:has(input:checked), .vm-checks label:has(input:checked) { background: var(--green-bg); color: var(--green); box-shadow: inset 0 -2px 0 var(--green); }
.viewmenu select, .viewmenu .vm-field input[type="text"] { background: var(--s3); }
.sd-item:hover, .sd-item[aria-selected="true"] { background: var(--s3); }
.sd-item[aria-selected="true"] { box-shadow: inset 3px 0 0 var(--green); }
.hc-dim { background: rgba(0, 0, 0, .75); }
.acct-item:hover, .acct-addr a:hover { background: var(--s3); }
.acct-item.danger:hover { background: var(--red-bg); }
.toast, .update { background: #fff; color: #000; box-shadow: var(--shadow-pop); }
.img-dialog img { box-shadow: var(--shadow-pop); }
.mp-more { text-decoration-color: var(--green); }

/* ---------- 11. página da moeda: 3 colunas separadas por vãos pretos de 2px ---------- */
.coin-layout { gap: 2px; background: var(--s0); }
.coin-main, .coin-side { gap: 2px; }
.trend, .coin-main > :not(.coin-error), .coin-side > * { background: var(--s1); }
.coin-main > .coin-error { background: var(--red-bg); }
.coin-layout.trend-off, .coin-layout.side-off { gap: 0; }
.panel, .coin-head { background: var(--s1); }
.chart-panel { background: var(--s1); }
.splitter i { background: var(--s4); }
.splitter:hover i, .splitter.dragging i { background: var(--green); }
.trend-head { background: transparent; }
.trend-list a:nth-child(even) { background: rgba(255, 255, 255, .02); }
.trend-list a:hover { background: var(--s3); }
.trend-list a[aria-current="page"] { background: var(--s4); box-shadow: inset 3px 0 0 var(--green); }
.tbl th { background: var(--s2); color: var(--muted); }
.tbl tbody tr:nth-child(even) td { background: rgba(255, 255, 255, .02); }
.tbl tr:hover td { background: var(--s3) !important; }
.pf-tbl th, .af-table th { color: var(--muted); }
.pf-tbl tbody tr:nth-child(even) td, .af-table tbody tr:nth-child(even) td { background: rgba(255, 255, 255, .02); }
.pf-tbl tbody tr:hover td { background: var(--s3); }
.table-wrap, .pf-table-wrap { background: transparent; }
.pf-table-wrap { background: var(--s1); }
.collapse-btn { background: var(--s2); }
.collapse-btn:hover { background: var(--s4); }
.trade-note, .trade-msg { background: var(--s2); }
.trade-msg.err { background: var(--red-bg); }
.trade-msg.ok { background: var(--green-bg); }
.ch-badge { background: var(--s0); }
.bar { background: var(--red); }
.athbar .bar { background: var(--s4); }
.chg.up { background: var(--green-bg); }
.chg.down { background: var(--red-bg); }
.tag[data-kind="creator"] { background: var(--green); }
.ip-amt.buy { background: var(--green-bg); }
.ip-amt.buy:hover:not(:disabled) { background: var(--green); color: var(--green-ink); }
.ip-amt.sell { background: var(--red-bg); }
.ip-amt.sell:hover:not(:disabled) { background: var(--red); color: #ffffff; }
.ip-edit { background: var(--s2); }
.ip-edit:focus { background: var(--s3); box-shadow: inset 0 -2px 0 var(--green); }
.ip-stats > div { background: transparent; }
.pf-sellall, .pf-row-sell { background: var(--red-bg); color: var(--red); }
.pf-sellall:hover:not(:disabled), .pf-row-sell:hover:not(:disabled) { background: var(--red); color: #ffffff; }

/* ---------- 12. perfil, afiliados, docs ---------- */
.pf-pv-tip { background: var(--s3); }
.pf-aff-chip { color: var(--green); }
.af-stat.main { box-shadow: inset 0 3px 0 var(--green); }
.af-split .us { background: var(--s3); }
.af-presets button.on { background: var(--green); color: var(--green-ink); }
.af-chart-box .axis { stroke: var(--s3); }
.af-table tr.me td { background: var(--green-bg) !important; }
.af-faq summary:hover { background: var(--s2); }
.af-warn { background: rgba(255, 197, 61, .09); }
.af-points svg { stroke: var(--green-ink); }

.docs-content code, .docs-content kbd { background: var(--s3); color: #e6e6e6; }
.docs-content .tbl { background: var(--s1); }
.docs-content th { background: var(--s2); }
.docs-content tbody tr:nth-child(even) td { background: rgba(255, 255, 255, .02); }
.docs-content section > h2 { padding-top: 32px; }
.docs-nav a[aria-current="true"] { background: var(--green-bg); box-shadow: inset 2px 0 0 var(--green); }
.callout { background: rgba(59, 130, 246, .08); box-shadow: inset 3px 0 0 #3b82f6; }
.callout.warn { background: rgba(255, 197, 61, .08); box-shadow: inset 3px 0 0 var(--amber); }
.callout.danger { background: var(--red-bg); box-shadow: inset 3px 0 0 var(--red); }
.callout.ok { background: var(--green-bg); box-shadow: inset 3px 0 0 var(--green); }
.steps > li::before { background: var(--green); color: var(--green-ink); }
.docs-nav { background: transparent; }
@media (max-width: 900px) { .docs-nav { background: var(--s1); } }

/* ---------- 13. seleção por contorno que precisa ficar visível (anel só nos estados ligados) ---------- */
.sh-upload { background: var(--s2); }
.sh-upload.on { background: var(--green-bg); color: var(--green); }
.sh-clip.on { box-shadow: 0 0 0 2px var(--green); }
.sh-clip { background: #000; }
.account.is-instant .acct-avatar { box-shadow: 0 0 0 2px var(--amber); }
.account.is-instant[data-locked="1"] .acct-avatar { box-shadow: 0 0 0 2px #555; }
.iw-warn, .iw-secret { background: rgba(255, 197, 61, .08); }

/* ---------- 14. rodapé ---------- */
footer { background: var(--s1); margin-top: 24px; }
footer .wrap { color: var(--faint); }

/* ---------- 15. detalhes finos ---------- */
.card-title, .pv-label, label.lbl, .vm-title, .docs-nav h2 { letter-spacing: .12em; }
.card-title { color: var(--text); }
.card-title::before { content: ""; width: 4px; height: 12px; background: var(--green); flex: none; }
h1 span, .af-hero h1 span { color: var(--green); }
.ch-stats dd, .mc-val, .tr-mc, .pf-card b, .pf-pv-value, .af-stat .v b { font-feature-settings: "tnum" 1; }
.ch-stats dd { font-weight: 700; }

@media (max-width: 720px) {
  .wrap, .topbar-wide:not(.coin-topbar), main.feed:has(.coins.is-table) { width: calc(100% - 24px); }
  .coins { gap: 8px; }
}

/* ---------- 16. janela "Connect Wallet" (Reown AppKit) ---------- */
/* O AppKit usa shadow DOM: o CSS da página não entra lá, mas as variáveis (tokens) do :root entram.
   `html:root` tem mais peso que o `:root` que o AppKit injeta no <head> em tempo de execução. */
html:root {
  --apkt-fontFamily-mono: "JetBrains Mono", "Cascadia Mono", ui-monospace, "SF Mono", Consolas, monospace;

  /* nada de canto arredondado */
  --apkt-borderRadius-1: 0px; --apkt-borderRadius-2: 0px; --apkt-borderRadius-3: 0px; --apkt-borderRadius-4: 0px;
  --apkt-borderRadius-5: 0px; --apkt-borderRadius-6: 0px; --apkt-borderRadius-8: 0px; --apkt-borderRadius-10: 0px;
  --apkt-borderRadius-16: 0px; --apkt-borderRadius-20: 0px; --apkt-borderRadius-32: 0px; --apkt-borderRadius-64: 0px;
  --apkt-borderRadius-128: 0px; --apkt-borderRadius-round: 0px;
  --w3m-border-radius-master: 0px;

  /* superfícies: mesma escala do resto da plataforma */
  --apkt-tokens-theme-backgroundPrimary: #101010;
  --apkt-tokens-theme-foregroundPrimary: #151515;
  --apkt-tokens-theme-foregroundSecondary: #1e1e1e;
  --apkt-tokens-theme-foregroundTertiary: #292929;
  --apkt-tokens-theme-overlay: rgba(0, 0, 0, .82);
  --apkt-tokens-core-glass010: rgba(255, 255, 255, .06);

  /* sem linhas */
  --apkt-tokens-theme-borderPrimary: transparent;
  --apkt-tokens-theme-borderPrimaryDark: transparent;
  --apkt-tokens-theme-borderSecondary: transparent;
  --apkt-tokens-core-borderSecondary: transparent;
  --apkt-tokens-core-borderSuccess: transparent;
  --apkt-tokens-core-borderError: transparent;
  --apkt-tokens-core-borderWarning: transparent;

  /* texto */
  --apkt-tokens-theme-textPrimary: #f2f2f2;
  --apkt-tokens-theme-textSecondary: #8f8f8f;
  --apkt-tokens-theme-textTertiary: #b5b5b5;

  /* verde no lugar do azul */
  --apkt-tokens-core-backgroundAccentPrimary: #2478e0;
  --apkt-tokens-core-borderAccentPrimary: #2478e0;
  --apkt-tokens-core-textAccentPrimary: #2478e0;
  --apkt-tokens-core-iconAccentPrimary: #2478e0;
  --apkt-tokens-core-foregroundAccent010: rgba(36, 120, 224, .10);
  --apkt-tokens-core-foregroundAccent020: rgba(36, 120, 224, .20);
  --apkt-tokens-core-foregroundAccent040: rgba(36, 120, 224, .40);
  --apkt-tokens-core-foregroundAccent060: rgba(36, 120, 224, .60);
  --apkt-tokens-core-backgroundSuccess: rgba(36, 120, 224, .12);
  --apkt-tokens-core-textSuccess: #2478e0;
  --apkt-tokens-core-iconSuccess: #2478e0;
  --apkt-tokens-core-backgroundError: rgba(237, 28, 36, .12);
  --apkt-tokens-core-textError: #ed1c24;
  --apkt-tokens-core-iconError: #ed1c24;
  --apkt-tokens-core-backgroundWarning: rgba(255, 197, 61, .12);
  --apkt-tokens-core-textWarning: #f2f2f2;
  --apkt-tokens-core-iconWarning: #f2f2f2;
  --apkt-colors-accent010: rgba(36, 120, 224, .10); --apkt-colors-accent020: rgba(36, 120, 224, .20); --apkt-colors-accent030: rgba(36, 120, 224, .30);
  --apkt-colors-accent040: rgba(36, 120, 224, .40); --apkt-colors-accent050: rgba(36, 120, 224, .50); --apkt-colors-accent060: rgba(36, 120, 224, .60);
  --apkt-colors-accent070: rgba(36, 120, 224, .70); --apkt-colors-accent080: rgba(36, 120, 224, .80); --apkt-colors-accent090: rgba(36, 120, 224, .90);
  --apkt-colors-accent100: #2478e0;
}

/* editar perfil (profile.css): a câmera é verde sólida; mensagens em tons planos */
.ed-cam { background: var(--green); color: var(--green-ink); }
.ed-msg { background: var(--red-bg); color: #ffb3b9; }
.ed-msg[data-tone="info"] { background: var(--s2); color: var(--muted); }

/* esconder os dados do dev (botão ao lado do Quick buy): a caixa do dev some dos cartões em todas as visões */
.dev-toggle { display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 0 14px; background: var(--s2); color: var(--muted); font: inherit; font-size: 13px; cursor: pointer; white-space: nowrap; transition: color .15s, background .15s; }
.dev-toggle:hover { color: #fff; background: var(--s3); }
.dev-toggle svg { width: 16px; height: 16px; flex: none; }
.dev-toggle .dt-eye-off { display: none; }
.dev-toggle[aria-pressed="true"] { color: var(--green); box-shadow: inset 0 -2px 0 var(--green); }
.dev-toggle[aria-pressed="true"] .dt-eye { display: none; }
.dev-toggle[aria-pressed="true"] .dt-eye-off { display: block; }
body.no-dev .coin-card .dev-box { display: none !important; }
body.no-dev .table-head span:nth-child(9) { color: transparent; } /* tabela: some o título da coluna Dev */
@media (max-width: 640px) { .dev-toggle span { display: none; } .dev-toggle { padding: 0 10px; } }

/* botão "View profile" no canto do cartão em destaque (featured.js): chip cinza, sem borda; verde ao passar o mouse */
.hc-profile { position: relative; z-index: 2; flex: none; display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 11px; background: var(--s2); color: #fff; font-size: 12px; font-weight: 600; letter-spacing: .01em; text-decoration: none; white-space: nowrap; transition: background .15s, color .15s; }
.hc-profile:hover, .hc-profile:focus-visible { background: var(--s3); color: var(--green); box-shadow: inset 0 -2px 0 var(--green); outline: none; }
.hc-profile .hc-user { width: 14px; height: 14px; flex: none; }
@media (max-width: 420px) { .hc-profile { padding: 0 9px; } }

/* ---------- tema BLACK: o que tinha cinza fixo no CSS das páginas também vai para o preto ---------- */
.chart-panel, .collapse-btn, .ch-badge, .data-panel, .trade, .coin-head, .topbar, .sn { background-color: #000; }
.tbl th { background: #000; }

/* contorno #1E1E22 nos blocos que só se separavam pelo tom (agora o fundo é todo preto) */
.cd-chip,
.cd-follow,
.cd-more,
.cd-pill,
.ed-xlink,
.lv-chip2,
.lv-panel,
.lv-pill,
.lv-status,
.lv-strip,
.pf-top-tabs,
.sw-card,
.sw-chart,
.sw-chip,
.sw-dialog,
.sw-gear,
.sw-info,
.sw-msg,
.sw-route,
.sw-routes,
.sw-search input,
.sw-seg,
.sw-toggle,
.sw-tok,
.sw-trades { border: 1px solid var(--line-2) !important; }

/* ---------- bordas #1E1E22 do painel lateral e da faixa de boas-vindas ---------- */
.sn { border-right: 1px solid var(--line-2) !important; }
.sn-top { border-bottom: 1px solid var(--line-2) !important; }
.sn-account { border: 1px solid var(--line-2) !important; }
.sn-bottom { border-top: 1px solid var(--line-2) !important; }
.sn-sep { height: 1px; background: var(--line-2) !important; margin: 6px 10px; }
:root[data-sn="closed"] .sn-sep { height: 1px; background: var(--line-2) !important; margin: 6px 6px; }
.home-hero { border: 1px solid var(--line-2) !important; }
.topbar { border-bottom: 1px solid var(--line-2) !important; }