/* v2.54.0 · Menu lateral com a logo no topo (menu.js) · v2.55.1: também nas páginas de ferramentas (body.c3m-site) */
:root { --c3m-w: 272px; --c3m-mini: 76px; }
.c3m {
  --m-bg: var(--t-s1, #070914);
  --m-line: var(--t-l1, rgba(130, 150, 255, 0.16));
  --m-text: var(--t-text, #eef2ff);
  --m-muted: var(--t-muted, #8e98c6);
  --m-faint: var(--t-faint, #5d6694);
  --m-a1: var(--t-a1, #9b5cff);
  --m-a2: var(--t-a2, #e04cd6);
  --m-data: var(--t-data, #22d3ee);
  position: fixed; inset: 0 auto 0 0; z-index: 120; width: var(--c3m-w);
  display: flex; flex-direction: column; gap: 0;
  background: linear-gradient(180deg, color-mix(in srgb, var(--m-a1) 10%, var(--m-bg)) 0, var(--m-bg) 260px);
  border-right: 1px solid var(--m-line);
  color: var(--m-text); font-family: var(--t-font, inherit);
}
.c3m[hidden], .c3m [hidden], .c3m-shade[hidden] { display: none !important; }

/* Logo */
.c3m-logo { position: relative; display: grid; place-items: center; flex: none; margin: 18px 18px 8px; padding: 6px 0 2px; border-radius: 18px; text-decoration: none; outline-offset: 3px; }
.c3m-logo img { position: relative; display: block; user-select: none; -webkit-user-drag: none; }
.c3m-logo-full { width: 176px; height: auto; filter: drop-shadow(0 6px 22px color-mix(in srgb, var(--m-a1) 45%, transparent)); transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1); }
.c3m-logo:hover .c3m-logo-full { transform: translateY(-2px) scale(1.025); }
.c3m-logo-mini { display: none !important; width: 52px; height: 52px; }
.c3m-halo { position: absolute; left: 50%; top: 50%; width: 190px; height: 190px; margin: -95px 0 0 -95px; border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--m-a1) 30%, transparent) 0, color-mix(in srgb, var(--m-data) 10%, transparent) 45%, transparent 70%); opacity: 0.55; pointer-events: none; animation: c3m-halo 6s ease-in-out infinite; }
@keyframes c3m-halo { 50% { opacity: 0.95; transform: scale(1.08); } }
.c3m-x { display: none; }


/* Itens */
.c3m-nav { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 4px 12px 14px; scrollbar-width: thin; scrollbar-color: transparent transparent; }
.c3m-nav:hover { scrollbar-color: color-mix(in srgb, var(--m-muted) 35%, transparent) transparent; }
.c3m-nav::-webkit-scrollbar { width: 6px; }
.c3m-nav::-webkit-scrollbar-thumb { background: transparent; border-radius: 6px; }
.c3m-nav:hover::-webkit-scrollbar-thumb { background: color-mix(in srgb, var(--m-muted) 35%, transparent); }
.c3m-grp + .c3m-grp { margin-top: 14px; }
/* v2.60: nome do grupo é só um rótulo (não fecha mais: o menu ficou curto). */
.c3m-lbl { margin: 0 0 4px; padding: 0 12px; color: var(--m-faint); font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; line-height: 22px; }
.c3m-narrow { display: none !important; }
.c3m-list { display: flex; flex-direction: column; gap: 2px; }
.c3m-it { position: relative; display: flex; align-items: center; gap: 11px; width: 100%; min-height: 37px; padding: 0 10px 0 12px; border: 0; border-radius: 10px; background: transparent; color: var(--m-muted); font: inherit; font-size: 14px; font-weight: 600; line-height: 1.2; text-align: left; text-decoration: none; cursor: pointer; transition: background-color 0.18s, color 0.18s; }
.c3m-it svg { flex: none; color: var(--m-faint); transition: color 0.18s; }
.c3m-it > span { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.c3m-it:hover { color: var(--m-text); background: color-mix(in srgb, var(--m-text) 6%, transparent); }
.c3m-it:hover svg { color: var(--m-text); }
.c3m-it:focus-visible, .c3m-rail:focus-visible { outline: 2px solid var(--m-data); outline-offset: -2px; }
.c3m-it.on { color: var(--m-text); background: linear-gradient(100deg, color-mix(in srgb, var(--m-a1) 30%, transparent), color-mix(in srgb, var(--m-data) 12%, transparent)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--m-a1) 40%, transparent); }
.c3m-it.on svg { color: var(--m-data); }
.c3m-it.on::before { content: ""; position: absolute; left: -12px; top: 9px; bottom: 9px; width: 3px; border-radius: 0 3px 3px 0; background: linear-gradient(var(--m-a2), var(--m-data)); }
.c3m-it em { flex: none; font-style: normal; font-size: 11px; font-weight: 700; line-height: 1; padding: 4px 7px; border-radius: 999px; }
.c3m-pin .c3m-it { gap: 10px; padding-right: 8px; }
.c3m-ver { padding: 4px 6px !important; color: var(--m-data); background: color-mix(in srgb, var(--m-data) 12%, transparent); font-variant-numeric: tabular-nums; }
.c3m-ver:empty { display: none; }
.c3m-n { color: #fff; background: var(--m-a2); }
/* v2.56: ferramenta que o plano da pessoa não libera (o item abre a página, que explica o Plano Estúdio). */
.c3m-lock { margin-left: auto; padding: 3px 7px !important; font-size: 10px !important; letter-spacing: 0.02em; color: #d7c2ff; background: color-mix(in srgb, var(--m-a1) 20%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--m-a1) 38%, transparent); }
.c3m-lock.is-teste { color: #a7f3d0; background: rgba(52, 211, 153, 0.14); box-shadow: inset 0 0 0 1px rgba(52, 211, 153, 0.42); }
.c3m-it.is-out, .c3m-grp.is-empty, .c3m:not(.is-finding) .c3m-it.is-dup { display: none; }
/* v3.31.0: no computador, quem vê os atalhos do topo (app e quem entrou) não vê Calculadora, Ferramentas e
   Configurações repetidos no menu; o grupo que fica vazio sai junto. No celular continuam na gaveta. */
@media (min-width: 1024px) {
  :is(body.c3m-app, body.c3m-site.c3m-in) .c3m-it.c3m-topo, :is(body.c3m-app, body.c3m-site.c3m-in) .c3m-grp:not(:has(.c3m-it:not(.c3m-topo))) { display: none !important; }
}
.c3m-none { margin: 10px 10px 0; color: var(--m-muted); font-size: 13px; line-height: 1.45; }

/* Atualizar o sistema: preso embaixo, sempre à vista */
.c3m-pin { flex: none; padding: 10px 12px 4px; border-top: 1px solid var(--m-line); }
.c3m-pin .c3m-it { color: var(--m-text); border: 1px solid color-mix(in srgb, var(--m-data) 30%, transparent); background: color-mix(in srgb, var(--m-data) 6%, transparent); }
.c3m-pin .c3m-it svg { color: var(--m-data); }
.c3m-pin .c3m-it:hover { border-color: color-mix(in srgb, var(--m-data) 60%, transparent); background: color-mix(in srgb, var(--m-data) 12%, transparent); }
.c3m-pin .c3m-it.on::before { left: -13px; }
.c3m-pin:not([hidden]) + .c3m-foot { border-top: 0; padding-top: 4px; }
.c3m-pin:not([hidden]) + .c3m-foot .c3m-v { display: none; }
/* v2.70.1: "Atualizar o sistema" discreto (pedido do dono): só a versão e a seta, numa pílula pequena no meio.
   O texto fica para leitor de tela e no title; sem versão (ainda carregando) o texto aparece. */
.c3m-pin { display: flex; justify-content: center; padding: 6px 12px 2px; }
.c3m-pin .c3m-it { width: auto; min-height: 0; height: 30px; padding: 0 9px 0 5px; gap: 7px; border-radius: 999px; font-size: 12.5px; }
.c3m-pin .c3m-it > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.c3m-pin .c3m-it:has(.c3m-ver:empty) { padding-inline: 12px; }
.c3m-pin .c3m-it:has(.c3m-ver:empty) > span { position: static; width: auto; height: auto; clip-path: none; }
.c3m-pin .c3m-ver { order: -1; font-size: 11.5px; }
.c3m-pin .c3m-it.on::before { display: none; }
.c3m-pin .c3m-it svg { width: 16px; height: 16px; transition: transform .2s ease; }
.c3m-pin .c3m-it:hover svg { transform: translateY(1px); }
@media (prefers-reduced-motion: reduce) { .c3m-pin .c3m-it svg { transition: none; } }

/* Rodapé */
.c3m-foot { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex: none; padding: 10px 14px 12px; border-top: 1px solid var(--m-line); }
.c3m-rail { display: inline-flex; align-items: center; gap: 8px; height: 32px; padding: 0 10px; border: 0; border-radius: 9px; background: transparent; color: var(--m-faint); font: inherit; font-size: 12.5px; font-weight: 600; cursor: pointer; }
.c3m-rail:hover { color: var(--m-text); background: color-mix(in srgb, var(--m-text) 6%, transparent); }
.c3m-v { color: var(--m-faint); font-size: 11.5px; font-variant-numeric: tabular-nums; white-space: nowrap; }

/* Topo do app com o menu ao lado: sai o que agora está no menu; fica o nome da tela, a busca e o perfil. */
.c3m-burger { display: none; }
.c3m-crumb { display: flex; align-items: center; gap: 8px; min-width: 0; margin-right: auto; font-size: 14px; line-height: 1.3; white-space: nowrap; }
.c3m-crumb small { color: var(--t-muted, #8e98c6); font-size: inherit; font-weight: 500; }
.c3m-crumb small::after { content: "›"; margin-left: 8px; color: var(--t-faint, #5d6694); }
.c3m-crumb b { color: var(--t-text, #eef2ff); font-weight: 700; overflow: hidden; text-overflow: ellipsis; }
.c3m-crumb b i { font-style: normal; color: var(--t-faint, #5d6694); margin: 0 2px; }
.c3m-crumb:empty { display: none; }
/* v2.102.0: recolher/abrir o menu pelo topo, em todas as telas com o menu (só computador). */
.c3m-tog { display: none; }
@media (min-width: 1024px) {
  html body.c3m-on:not(#z1):not(#z2):not(#z3):not(#z4) .c3m-tog { display: grid !important; place-items: center; flex: none; width: 36px; height: 36px; min-height: 0 !important; margin: 0 -4px 0 0 !important; padding: 0 !important; border-radius: 10px !important; border: 1px solid color-mix(in srgb, var(--t-text, #eef2ff) 14%, transparent) !important; background: color-mix(in srgb, var(--t-text, #eef2ff) 5%, transparent) !important; color: var(--t-muted, #8e98c6) !important; box-shadow: none !important; cursor: pointer; order: -9; transition: color 0.18s, background-color 0.18s, border-color 0.18s; }
  html body.c3m-on:not(#z1):not(#z2):not(#z3):not(#z4) .c3m-tog:hover { color: var(--t-text, #fff) !important; background: color-mix(in srgb, var(--t-text, #eef2ff) 10%, transparent) !important; border-color: color-mix(in srgb, var(--t-a1, #3fd2ff) 50%, transparent) !important; }
  html body.c3m-on:not(#z1):not(#z2):not(#z3):not(#z4) .c3m-tog:focus-visible { outline: 2px solid var(--t-data, #3fd2ff); outline-offset: 2px; }
  html body.c3m-on:not(#z1):not(#z2):not(#z3):not(#z4) .c3m-tog svg { width: 19px; height: 19px; transition: transform 0.2s ease; }
  body.c3m-mini .c3m-tog svg { transform: scaleX(-1); }
}

@media (min-width: 1024px) {
  html body.c3m-on:not(#z1):not(#z2):not(#z3):not(#z4) { padding-left: var(--c3m-w) !important; }
  html body.c3m-on.c3m-mini:not(#z1):not(#z2):not(#z3):not(#z4) { padding-left: var(--c3m-mini) !important; }
  html body.c3m-on:not(#z1):not(#z2):not(#z3):not(#z4) > header { justify-content: flex-start !important; gap: 14px !important; min-height: 68px !important; padding-left: 28px !important; }
  html body.c3m-on:not(#z1):not(#z2):not(#z3):not(#z4) > header :is(.brand, .nova-back-tools, .header-tag, .ref-account) { display: none !important; }
  /* v3.31.0: o <header class="hero"> das páginas do site (Ferramentas, Maker) não é o topo: sem o recuo de 28 px,
     que deixava a busca e a faixa da loja tortas em relação aos cartões de baixo. */
  html body.c3m-site:not(#z1):not(#z2):not(#z3):not(#z4) > header.hero { padding-left: 0 !important; min-height: 0 !important; }
  html body.c3m-on:not(#z1):not(#z2):not(#z3):not(#z4) .studio-nav { margin-left: 0 !important; flex: none !important; }
  html body.c3m-on:not(#z1):not(#z2):not(#z3):not(#z4) .studio-nav > :is(button:not(.t-search), .modo-seg, a) { display: none !important; }

  /* Recolhido: só os ícones, com o nome na dica. */
  body.c3m-mini .c3m { width: var(--c3m-mini); }
  body.c3m-mini .c3m-logo { margin: 14px 10px 10px; }
  body.c3m-mini .c3m-logo-full, body.c3m-mini .c3m-halo { display: none; }
  body.c3m-mini .c3m-logo-mini { display: block !important; }
  body.c3m-mini .c3m-nav { padding-inline: 12px; scrollbar-width: none; }
  body.c3m-mini .c3m-it { justify-content: center; padding: 0; }
  body.c3m-mini .c3m-lbl { height: 1px; margin: 0 10px 8px; padding: 0; overflow: hidden; color: transparent; background: var(--m-line); }
  body.c3m-mini .c3m-it > span, body.c3m-mini .c3m-it em { display: none; }
  body.c3m-mini .c3m-foot { justify-content: center; padding-inline: 0; }
  body.c3m-mini .c3m-pin { padding-inline: 12px; }
  body.c3m-mini .c3m-rail { padding: 0 9px; }
  body.c3m-mini .c3m-rail span, body.c3m-mini .c3m-v { display: none; }
  body.c3m-mini .c3m-rail svg { transform: scaleX(-1); }
}
/* Telas baixas: logo um pouco menor para sobrar lugar para os itens. v2.70.0: larguras maiores porque a logo nova é mais larga que alta. */
@media (min-width: 1024px) and (max-height: 940px) {
  .c3m-logo-full { width: 150px; }
  .c3m-halo { width: 156px; height: 156px; margin: -78px 0 0 -78px; }
  .c3m-logo { margin-top: 12px; margin-bottom: 4px; }
  .c3m-it { min-height: 35px; }
  .c3m-grp + .c3m-grp { margin-top: 10px; }
}
@media (min-width: 1024px) and (max-height: 760px) {
  .c3m-logo-full { width: 116px; }
  .c3m-halo { width: 120px; height: 120px; margin: -60px 0 0 -60px; }
}

/* Celular e janelas estreitas: gaveta que abre pelo ☰ */
.c3m:focus { outline: 0; }
.c3m-hcubes { display: none; }
@media (max-width: 1023px) {
  .c3m { width: min(320px, 86vw); transform: translateX(-102%); visibility: hidden; transition: transform 0.28s cubic-bezier(0.2, 0.8, 0.2, 1), visibility 0s 0.28s; box-shadow: 18px 0 60px rgba(0, 0, 0, 0.5); z-index: 1200; }
  body.c3m-open .c3m { transform: none; visibility: visible; transition: transform 0.28s cubic-bezier(0.2, 0.8, 0.2, 1); }
  .c3m-shade { position: fixed; inset: 0; z-index: 1190; background: rgba(2, 3, 10, 0.62); backdrop-filter: blur(2px); animation: c3m-fade 0.2s both; }
  @keyframes c3m-fade { from { opacity: 0; } }
  body.c3m-open { overflow: hidden; }
  .c3m-x { display: grid; place-items: center; position: absolute; top: 12px; right: 12px; z-index: 1; width: 38px; height: 38px; border: 1px solid var(--m-line); border-radius: 11px; background: color-mix(in srgb, var(--m-bg) 80%, transparent); color: var(--m-muted); cursor: pointer; }
  .c3m-logo-full { width: 156px; }
  .c3m-halo { width: 170px; height: 170px; margin: -85px 0 0 -85px; }
  .c3m-rail { display: none; }
  .c3m-narrow { display: flex !important; }
  .c3m-foot { justify-content: center; padding-bottom: max(12px, env(safe-area-inset-bottom)); }
  .c3m-it { min-height: 44px; font-size: 15px; }
  .c3m-crumb { display: none; }
  html body.c3m-on:not(#z1):not(#z2):not(#z3):not(#z4) > header .brand { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 8px !important; }
  html body.c3m-on:not(#z1):not(#z2):not(#z3):not(#z4) > header .brand > :not(.c3m-hcubes):not(.comic-wordmark) { display: none !important; }
  html body.c3m-on:not(#z1):not(#z2):not(#z3):not(#z4) > header .c3m-hcubes { display: block !important; width: 38px; height: 38px; flex: none; filter: drop-shadow(0 2px 10px color-mix(in srgb, var(--t-a1, #9b5cff) 50%, transparent)); }
  html body.c3m-on:not(#z1):not(#z2):not(#z3):not(#z4) > header .c3m-burger { display: grid !important; place-items: center; flex: none; width: 42px; height: 42px; margin: 0; padding: 0; border-radius: 12px; border: 1px solid var(--t-l2, rgba(130, 150, 255, 0.28)); background: color-mix(in srgb, var(--t-s2, #0f1328) 80%, transparent); color: var(--t-text, #eef2ff); cursor: pointer; order: -10; }
  html body.c3m-on:not(#z1):not(#z2):not(#z3):not(#z4) > header .nova-back-tools { display: none !important; }
  html body.c3m-on:not(#z1):not(#z2):not(#z3):not(#z4) > header .studio-nav > .modo-seg { display: none !important; }
}
@media (min-width: 761px) and (max-width: 1023px) {
  /* Janela estreita: as abas do topo saem (estão no menu); ficam a busca e o perfil. */
  html body.c3m-on:not(#z1):not(#z2):not(#z3):not(#z4) .studio-nav > :is(button:not(.t-search), a) { display: none !important; }
  html body.c3m-on:not(#z1):not(#z2):not(#z3):not(#z4) .studio-nav { margin-left: auto !important; flex: none !important; }
  html body.c3m-on:not(#z1):not(#z2):not(#z3):not(#z4) > header { justify-content: flex-start !important; gap: 12px !important; }
}

/* Configurações: com o menu ao lado, a lista da própria tela sai; as seções do mesmo grupo viram abas em cima. */
@media (min-width: 1024px) {
  body.c3m-on .cfgc-side { display: none !important; }
  body.c3m-on .cfgc-body { grid-template-columns: minmax(0, 1fr) !important; }
}
.c3m-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 2px 0 16px; }
.c3m-chips button { display: inline-flex; align-items: center; gap: 7px; height: 36px; padding: 0 13px; border-radius: 999px; border: 1px solid var(--t-l1, rgba(130, 150, 255, 0.2)); background: transparent; color: var(--t-muted, #8e98c6); font: inherit; font-size: 13.5px; font-weight: 600; cursor: pointer; transition: border-color 0.18s, color 0.18s, background-color 0.18s; }
.c3m-chips button svg { width: 16px; height: 16px; flex: none; }
.c3m-chips button:hover { color: var(--t-text, #eef2ff); border-color: var(--t-a1, #9b5cff); }
.c3m-chips button.on { color: var(--t-text, #eef2ff); border-color: color-mix(in srgb, var(--t-a1, #9b5cff) 70%, transparent); background: var(--t-a-soft, rgba(155, 92, 255, 0.22)); }
.c3m-chips button.on svg { color: var(--t-data, #22d3ee); }
.c3m-chips em { font-style: normal; font-size: 10.5px; font-weight: 700; color: var(--t-warn, #fbbf24); }
@media (max-width: 760px) { .c3m-chips { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin-inline: -16px; padding-inline: 16px; } .c3m-chips::-webkit-scrollbar { display: none; } .c3m-chips button { flex: none; } }

/* v2.60 · Topo do sistema, à direita: "Ver o site" e atalhos com ícone (Calculadora, Ferramentas, Caixa de melhorias,
   Configurações). Some no celular: lá o "Ver o site" fica dentro do menu ☰. */
.c3m-acts { display: flex; align-items: center; gap: 10px; flex: none; margin-left: auto; }
.c3m-see { display: inline-flex; align-items: center; gap: 8px; height: 38px; padding: 0 14px; border-radius: 11px; border: 1px solid var(--t-l1, rgba(130, 150, 255, 0.22)); background: color-mix(in srgb, var(--t-text, #eef2ff) 4%, transparent); color: var(--t-text, #eef2ff); font: inherit; font-size: 13.5px; font-weight: 600; line-height: 1; text-decoration: none; white-space: nowrap; transition: border-color 0.18s, background-color 0.18s; }
.c3m-see svg { flex: none; color: var(--t-data, #22d3ee); }
.c3m-see svg:last-child { color: var(--t-faint, #5d6694); }
.c3m-see:hover { border-color: color-mix(in srgb, var(--t-data, #22d3ee) 55%, transparent); background: color-mix(in srgb, var(--t-data, #22d3ee) 8%, transparent); }
.c3m-icos { display: inline-flex; align-items: center; gap: 2px; height: 38px; padding: 0 3px; border-radius: 11px; border: 1px solid var(--t-l1, rgba(130, 150, 255, 0.22)); background: color-mix(in srgb, var(--t-text, #eef2ff) 3%, transparent); }
.c3m-ico { position: relative; display: grid; place-items: center; width: 34px; height: 30px; padding: 0; border: 0; border-radius: 8px; background: transparent; color: var(--t-muted, #8e98c6); cursor: pointer; text-decoration: none; transition: color 0.18s, background-color 0.18s; }
.c3m-ico:hover { color: var(--t-text, #eef2ff); background: color-mix(in srgb, var(--t-text, #eef2ff) 7%, transparent); }
.c3m-ico.on { color: var(--t-data, #22d3ee); background: color-mix(in srgb, var(--t-a1, #9b5cff) 22%, transparent); }
.c3m-see:focus-visible, .c3m-ico:focus-visible { outline: 2px solid var(--t-data, #22d3ee); outline-offset: 1px; }
.c3m-dot { position: absolute; top: 1px; right: 2px; min-width: 15px; height: 15px; padding: 0 4px; border-radius: 999px; background: var(--t-a2, #e04cd6); color: #fff; font-style: normal; font-size: 9.5px; font-weight: 800; line-height: 15px; text-align: center; }
.c3m-acts + .studio-nav { margin-left: 0 !important; }
@media (max-width: 1023px) { .c3m-acts { display: none !important; } }

@media (prefers-reduced-motion: reduce) { .c3m-halo { animation: none; } .c3m, .c3m-logo-full, .c3m-it, .c3m-see, .c3m-ico { transition: none !important; } }
.nova-still .c3m-halo { animation: none; }
.nova-still .c3m-logo:hover .c3m-logo-full { transform: none; }
@media print { .c3m, .c3m-shade, .c3m-burger, .c3m-crumb { display: none !important; } html body.c3m-on:not(#z1):not(#z2):not(#z3):not(#z4) { padding-left: 0 !important; } }

/* Com o menu ao lado sobra menos largura: o que usava a largura da janela inteira passa a descontar o menu. */
body.c3m-on { --c3m-cur: 0px; }
@media (min-width: 1024px) {
  body.c3m-on { --c3m-cur: var(--c3m-w); }
  body.c3m-on.c3m-mini { --c3m-cur: var(--c3m-mini); }
  html body.c3m-on:not(#z1):not(#z2) .kb-view { width: min(1680px, calc(100vw - var(--c3m-cur) - 40px)); margin-left: calc((100% - min(1680px, 100vw - var(--c3m-cur) - 40px)) / 2); }
  html body.c3m-on:not(#z1):not(#z2):not(#z3):not(#z4) .ref-fees .nova-fee-chips { flex-wrap: wrap !important; }
  html body.c3m-on:not(#z1):not(#z2):not(#z3):not(#z4) .t-comp .studio-actions { grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important; }
  html body.c3m-on:not(#z1):not(#z2) .kb-board { grid-template-columns: repeat(6, minmax(198px, 1fr)); }
}

/* v2.55.1 · Páginas de ferramentas (/ferramentas/ e cada ferramenta): o topo do site continua, sem a logo
   no computador (ela está no menu); no celular o ☰ entra antes da logo. */
body.c3m-site .c3m { font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
body.c3m-site:not(.c3m-in) :is(.c3m-crumb, .c3m-acts) { display: none !important; }
html body.c3m-site.c3m-in:not(#z1):not(#z2):not(#z3):not(#z4) .top .btn.w { display: none !important; }
@media (min-width: 1024px) {
  html body.c3m-site:not(#z1):not(#z2):not(#z3):not(#z4) .top :is(.brand, .logo) { display: none !important; }
  /* v2.60: quem entrou vê o topo do sistema (caminho à esquerda, Ver o site e atalhos à direita). Sai o topo do site. */
  html body.c3m-site.c3m-in:not(#z1):not(#z2):not(#z3):not(#z4) .top :is(nav, .crumb, .sp, .btn.w) { display: none !important; }
  html body.c3m-site.c3m-in:not(#z1):not(#z2):not(#z3):not(#z4) .top :is(.wrap, .in) { display: flex !important; align-items: center !important; gap: 14px !important; width: auto !important; max-width: none !important; margin: 0 !important; padding-left: 28px !important; padding-right: 28px !important; }
  html body.c3m-site.c3m-in:not(#z1):not(#z2):not(#z3):not(#z4) .top :is(.acts, .enter) { margin-left: 0 !important; }
  html body.c3m-site.c3m-in:not(#z1):not(#z2):not(#z3):not(#z4) .top .c3m-crumb { display: flex !important; font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
}
@media (max-width: 1023px) {
  html body.c3m-site:not(#z1):not(#z2):not(#z3):not(#z4) .top .c3m-burger { display: grid !important; place-items: center; flex: none; width: 42px; height: 42px; margin: 0; padding: 0; border-radius: 12px; border: 1px solid rgba(130, 150, 255, 0.28); background: rgba(15, 19, 40, 0.8); color: #eef2ff; cursor: pointer; order: -10; }
}

/* v2.71 · app instalável: botão "Instalar app" no topo (computador), item no menu ☰ (celular) e o passo a passo */
.c3m-app-btn svg:first-child { color: #3fd2ff !important; }
.c3m-app-btn[hidden], .c3m-app-it[hidden] { display: none !important; }
.c3m-app-it svg { color: #3fd2ff !important; }
.c3m-app-ov { position: fixed; inset: 0; z-index: 2147483000; display: grid; place-items: center; padding: 16px; background: rgba(5, 7, 20, 0.6); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); animation: c3m-app-fade 0.18s ease-out; }
.c3m-app-ov[hidden] { display: none !important; }
@keyframes c3m-app-fade { from { opacity: 0; } }
.c3m-app-dlg { position: relative; width: min(520px, 100%); max-height: calc(100dvh - 32px); margin: 0; text-align: left; padding: 26px 24px 22px; box-sizing: border-box; overflow: auto; border: 1px solid rgba(130, 150, 255, 0.24); border-radius: 22px; background: radial-gradient(420px 160px at 85% -10%, rgba(227, 60, 240, 0.22), transparent 70%), radial-gradient(380px 160px at 0% 0%, rgba(47, 141, 255, 0.22), transparent 70%), #0b0e2b; color: #eef1ff; font: 15px/1.5 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; box-shadow: 0 30px 80px -20px rgba(5, 7, 30, 0.8), inset 0 1px 0 rgba(255, 255, 255, 0.06); }
.c3m-app-dlg { animation: c3m-app-in 0.22s cubic-bezier(0.2, 0.8, 0.2, 1); }
.c3m-app-dlg * { box-sizing: border-box; letter-spacing: normal; text-transform: none; }
@keyframes c3m-app-in { from { opacity: 0; transform: translateY(10px) scale(0.98); } }
.c3m-app-x { position: absolute; top: 14px; right: 14px; display: grid; place-items: center; width: 34px; height: 34px; padding: 0; border: 0; border-radius: 10px; background: rgba(255, 255, 255, 0.06); color: #aab2e0; cursor: pointer; }
.c3m-app-x:hover { background: rgba(255, 255, 255, 0.12); color: #fff; }
.c3m-app-top { display: flex; align-items: center; gap: 16px; padding-right: 36px; }
.c3m-app-top img { flex: none; width: 64px; height: 64px; border-radius: 16px; box-shadow: 0 10px 30px -10px rgba(63, 210, 255, 0.55); }
.c3m-app-top h2 { margin: 0 0 4px; font-size: 20px; font-weight: 800; line-height: 1.2; color: #fff; }
.c3m-app-top p { margin: 0; color: #aab2e0; font-size: 14px; }
.c3m-app-tabs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; margin: 20px 0 6px; padding: 4px; border-radius: 13px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(130, 150, 255, 0.14); }
.c3m-app-tabs button { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 40px; padding: 4px 6px; border: 0; border-radius: 9px; background: transparent; color: #aab2e0; font: inherit; font-size: 13px; font-weight: 700; line-height: 1.15; cursor: pointer; }
.c3m-app-tabs button small { margin-top: 2px; font-size: 10.5px; font-weight: 600; color: #3fd2ff; }
.c3m-app-tabs button:hover { color: #fff; }
.c3m-app-tabs button[aria-selected="true"] { background: linear-gradient(135deg, rgba(47, 141, 255, 0.35), rgba(109, 92, 255, 0.35) 55%, rgba(227, 60, 240, 0.3)); color: #fff; box-shadow: inset 0 0 0 1px rgba(160, 170, 255, 0.35); }
.c3m-app-tabs button[aria-selected="true"] small { color: #c9f3ff; }
.c3m-app-steps { list-style: none; margin: 14px 0 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.c3m-app-steps li { display: flex; gap: 12px; align-items: flex-start; }
.c3m-app-n { flex: none; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: linear-gradient(135deg, #2f8dff, #6d5cff 55%, #e33cf0); color: #fff; font-size: 14px; font-weight: 800; }
.c3m-app-steps p { margin: 3px 0 0; color: #dfe3ff; font-size: 14.5px; }
.c3m-app-steps b { color: #fff; }
.c3m-app-k { display: inline-grid; place-items: center; width: 24px; height: 22px; margin: 0 1px; vertical-align: -5px; border-radius: 6px; background: rgba(63, 210, 255, 0.12); color: #3fd2ff; font-style: normal; }
.c3m-app-note { margin: 16px 0 0; padding: 10px 12px; border-radius: 10px; background: rgba(255, 195, 90, 0.08); border: 1px solid rgba(255, 195, 90, 0.2); color: #ffd99a; font-size: 13px; }
.c3m-app-foot { display: flex; justify-content: flex-end; gap: 10px; margin-top: 20px; }
.c3m-app-foot button { display: inline-flex; align-items: center; gap: 8px; height: 42px; padding: 0 18px; border-radius: 12px; font: inherit; font-size: 14.5px; font-weight: 700; cursor: pointer; }
.c3m-app-go { border: 0; background: linear-gradient(135deg, #2f8dff, #6d5cff 55%, #e33cf0); color: #fff; }
.c3m-app-go[hidden] { display: none; }
.c3m-app-ok { border: 1px solid rgba(130, 150, 255, 0.28); background: rgba(255, 255, 255, 0.05); color: #eef1ff; }
.c3m-app-ok:hover { background: rgba(255, 255, 255, 0.1); }
.c3m-app-dlg :focus-visible { outline: 2px solid #3fd2ff; outline-offset: 2px; }
.c3m-app-toast { position: fixed; left: 50%; bottom: 24px; z-index: 400; max-width: calc(100vw - 32px); padding: 12px 18px; border-radius: 12px; background: #0b0e2b; border: 1px solid rgba(63, 210, 255, 0.35); color: #eef1ff; font: 600 14px/1.4 system-ui, sans-serif; box-shadow: 0 16px 40px -14px rgba(0, 0, 0, 0.6); transform: translateX(-50%); animation: c3m-app-in 0.22s ease-out; }
@media (max-width: 480px) {
  .c3m-app-dlg { padding: 22px 16px 18px; border-radius: 18px; }
  .c3m-app-top { gap: 12px; }
  .c3m-app-top img { width: 52px; height: 52px; border-radius: 13px; }
  .c3m-app-top h2 { font-size: 18px; }
  .c3m-app-top p { font-size: 13px; }
  .c3m-app-tabs { gap: 3px; margin-top: 16px; }
  .c3m-app-tabs button { min-height: 44px; padding: 4px 2px; font-size: 12px; }
  .c3m-app-tabs button small { font-size: 9.5px; }
  .c3m-app-steps { gap: 10px; }
  .c3m-app-steps p { font-size: 14px; }
  .c3m-app-note { margin-top: 12px; }
  .c3m-app-foot { margin-top: 14px; }
  .c3m-app-foot button { flex: 1; justify-content: center; }
}
@media (prefers-reduced-motion: reduce) { .c3m-app-ov, .c3m-app-dlg, .c3m-app-toast { animation: none; } }

/* v2.71.1: área da logo mais escura e brilho em movimento (só transform/opacity; desliga com "Animações e efeitos") */
.c3m-logo::before { content: ""; position: absolute; inset: -26px -22px -18px; border-radius: 50%; background: radial-gradient(closest-side, #000 0, rgba(1, 2, 7, 0.97) 52%, rgba(2, 3, 10, 0.8) 72%, rgba(3, 5, 16, 0.35) 88%, transparent 100%); pointer-events: none; }
.c3m-lw { position: relative; display: block; }
.c3m-shine { position: absolute; inset: 0; overflow: hidden; pointer-events: none; -webkit-mask: var(--c3m-lg) center / 100% 100% no-repeat; mask: var(--c3m-lg) center / 100% 100% no-repeat; }
.c3m-shine i { position: absolute; top: -20%; bottom: -20%; left: 0; width: 46%; background: linear-gradient(100deg, transparent 0, rgba(255, 255, 255, 0) 22%, rgba(255, 255, 255, 0.55) 48%, rgba(190, 240, 255, 0.35) 54%, transparent 78%); transform: translateX(-130%) skewX(-14deg); animation: c3m-shine 6s cubic-bezier(0.45, 0, 0.25, 1) infinite; }
@keyframes c3m-shine { 0% { transform: translateX(-130%) skewX(-14deg); } 40%, 100% { transform: translateX(330%) skewX(-14deg); } }
.c3m-glint { position: absolute; width: 22px; height: 22px; margin: -11px 0 0 -11px; pointer-events: none; opacity: 0; transform: scale(0.3) rotate(0deg); background: radial-gradient(circle, #fff 0, rgba(255, 255, 255, 0.9) 8%, transparent 22%), linear-gradient(90deg, transparent 0, rgba(255, 255, 255, 0.95) 50%, transparent 100%) center / 100% 2px no-repeat, linear-gradient(0deg, transparent 0, rgba(255, 255, 255, 0.95) 50%, transparent 100%) center / 2px 100% no-repeat; animation: c3m-glint 6s ease-in-out infinite; }
.c3m-glint.g1 { left: 34.4%; top: 16.8%; animation-delay: 2.4s; }
.c3m-glint.g2 { left: 50%; top: 11.6%; width: 30px; height: 30px; margin: -15px 0 0 -15px; animation-delay: 2.8s; }
.c3m-glint.g3 { left: 65.6%; top: 16.8%; animation-delay: 3.2s; }
@keyframes c3m-glint { 0%, 100% { opacity: 0; transform: scale(0.3) rotate(0deg); } 8% { opacity: 1; transform: scale(1) rotate(45deg); } 18% { opacity: 0; transform: scale(0.4) rotate(90deg); } }
.c3m-halo2 { position: absolute; left: 50%; top: 50%; width: 170px; height: 170px; margin: -85px 0 0 -85px; border-radius: 50%; background: radial-gradient(circle, rgba(227, 60, 240, 0.28) 0, rgba(227, 60, 240, 0.08) 42%, transparent 68%); opacity: 0; pointer-events: none; animation: c3m-halo2 6s ease-in-out infinite; }
@keyframes c3m-halo2 { 50% { opacity: 0.9; transform: scale(1.1); } }
body.c3m-mini .c3m-shine, body.c3m-mini .c3m-glint, body.c3m-mini .c3m-halo2, body.c3m-mini .c3m-logo::before { display: none; }
@media (prefers-reduced-motion: reduce) { .c3m-shine, .c3m-glint, .c3m-halo2 { display: none; } }
.nova-still .c3m-shine, .nova-still .c3m-glint, .nova-still .c3m-halo2 { display: none; }

/* v2.82: nome do ícone na hora (topo e menu recolhido) */
.c3m-ico[hidden] { display: none !important; }
.c3m-tip { position: fixed; z-index: 2147483000; padding: 6px 10px; border-radius: 8px; border: 1px solid color-mix(in srgb, var(--t-a1, #9b5cff) 45%, transparent); background: #0b0b20; color: #f4f3ff; font: 600 12.5px/1.2 Outfit, system-ui, sans-serif; white-space: nowrap; pointer-events: none; box-shadow: 0 8px 22px rgba(0, 0, 0, 0.35); opacity: 0; transition: opacity 0.08s; }
.c3m-tip.on { opacity: 1; }
@media (prefers-reduced-motion: reduce) { .c3m-tip { transition: none; } }

/* v2.85.1: a versão já aparece embaixo do menu lateral; o selo do rodapé some (o texto continua no HTML, o menu e a Caixa de melhorias leem dele). */
html body.nova #comic-version{display:none!important}

/* ───── v2.89.0: Ver como maker (olho no topo, cartão de escolha e faixa da simulação) ───── */
.c3vc-pop { position: fixed; z-index: 10050; top: var(--y); left: auto; right: calc(100vw - var(--x)); width: 360px; max-width: calc(100vw - 24px); padding: 14px; border-radius: 16px; border: 1px solid rgba(140, 160, 255, 0.26); background: #16142e; color: #eef1ff; font: inherit; font-size: 14px; line-height: 1.35; box-shadow: 0 24px 60px rgba(10, 8, 40, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.06); animation: c3vc-in 0.18s ease-out; }
.c3vc-pop.is-up { top: auto; bottom: var(--y); right: auto; left: clamp(12px, calc(var(--cx) - 180px), calc(100vw - 372px)); }
.c3vc-pop[hidden] { display: none !important; }
.c3vc-h { display: flex; align-items: center; gap: 9px; margin: 0 0 12px; }
.c3vc-h svg { color: #3fd2ff; }
.c3vc-h b { flex: 1; font-size: 15px; font-weight: 700; }
.c3vc-x { width: 28px; height: 28px; border: 0; border-radius: 8px; background: transparent; color: #a9b0d6; font-size: 14px; cursor: pointer; }
.c3vc-x:hover { background: rgba(255, 255, 255, 0.08); color: #fff; }
.c3vc-ops { display: grid; gap: 8px; }
.c3vc-op, .c3vc-teste { display: flex; align-items: flex-start; gap: 10px; padding: 10px 12px; border-radius: 12px; border: 1px solid rgba(140, 160, 255, 0.18); background: rgba(255, 255, 255, 0.03); cursor: pointer; transition: border-color 0.15s, background-color 0.15s; }
.c3vc-op:hover, .c3vc-teste:hover { border-color: rgba(63, 210, 255, 0.45); }
.c3vc-op:has(input:checked) { border-color: #8b6bff; background: rgba(139, 107, 255, 0.16); }
.c3vc-op input, .c3vc-teste input, .c3vc-zerar input { flex: none; width: 16px; height: 16px; margin: 2px 0 0; accent-color: #8b6bff; }
.c3vc-op span, .c3vc-teste span { display: grid; gap: 3px; min-width: 0; }
.c3vc-op b, .c3vc-teste b { font-size: 14px; font-weight: 650; }
.c3vc-op small, .c3vc-teste small { color: #a9b0d6; font-size: 12.5px; }
.c3vc-teste { margin-top: 10px; }
.c3vc-teste.is-off { opacity: 0.45; cursor: default; }
.c3vc-nota { margin: 12px 2px 0; color: #a9b0d6; font-size: 12.5px; }
.c3vc-zerar { display: flex; align-items: flex-start; gap: 8px; margin: 10px 2px 0; color: #cfd4f2; font-size: 12.5px; cursor: pointer; }
.c3vc-zerar[hidden] { display: none; }
.c3vc-foot { display: flex; justify-content: flex-end; gap: 8px; margin-top: 14px; }
.c3vc-foot button { height: 38px; padding: 0 16px; border-radius: 10px; font: inherit; font-size: 14px; font-weight: 650; cursor: pointer; }
.c3vc-no { border: 1px solid rgba(140, 160, 255, 0.26); background: transparent; color: #eef1ff; }
.c3vc-no:hover { background: rgba(255, 255, 255, 0.06); }
.c3vc-go { border: 0; background: linear-gradient(90deg, #4f46e5, #a855f7); color: #fff; box-shadow: 0 6px 18px rgba(99, 70, 229, 0.35); }
.c3vc-go:disabled { opacity: 0.6; cursor: default; }
.c3vc-pop :is(button, input):focus-visible { outline: 2px solid #3fd2ff; outline-offset: 2px; }

/* Faixa da simulação: no meio da área do sistema (desconta o menu lateral), embaixo, sempre visível. */
.c3vc-faixa { position: fixed; z-index: 10040; bottom: 18px; left: calc(50% + var(--c3m-cur, 0px) / 2); transform: translateX(-50%); display: flex; align-items: center; gap: 10px; max-width: calc(100vw - var(--c3m-cur, 0px) - 24px); padding: 7px 7px 7px 14px; border-radius: 999px; background: linear-gradient(90deg, #3b2bd9, #a63ad6); color: #fff; font: inherit; font-size: 14px; line-height: 1.2; white-space: nowrap; box-shadow: 0 12px 32px rgba(40, 20, 120, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.18); animation: c3vc-sobe 0.25s ease-out; }
.c3vc-ic { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: rgba(255, 255, 255, 0.16); }
.c3vc-txt { overflow: hidden; text-overflow: ellipsis; }
.c3vc-txt b { font-weight: 700; }
.c3vc-txt span { opacity: 0.88; }
.c3vc-faixa button { flex: none; height: 32px; padding: 0 14px; border-radius: 999px; font: inherit; font-size: 13.5px; font-weight: 650; cursor: pointer; }
.c3vc-trocar { border: 1px solid rgba(255, 255, 255, 0.45); background: transparent; color: #fff; }
.c3vc-trocar:hover { background: rgba(255, 255, 255, 0.12); }
.c3vc-sair { border: 0; background: #fff; color: #2a1d8f; }
.c3vc-sair:hover { background: #eef0ff; }
.c3vc-faixa button:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
/* O botão "Sair da conta" fica no canto de baixo; com a faixa ele sobe um pouco para não encostar. */
html.c3vc-on #auth-out { bottom: 74px !important; }
@keyframes c3vc-in { from { opacity: 0; transform: translateY(-6px); } }
@keyframes c3vc-sobe { from { opacity: 0; transform: translate(-50%, 12px); } }
body.nova-still :is(.c3vc-pop, .c3vc-faixa) { animation: none; }
@media (prefers-reduced-motion: reduce) { .c3vc-pop, .c3vc-faixa { animation: none; } .c3vc-op, .c3vc-teste { transition: none; } }
@media (max-width: 1023px) {
  .c3vc-pop, .c3vc-pop.is-up { top: 50%; bottom: auto; left: 50%; right: auto; width: calc(100vw - 24px); max-width: 400px; transform: translate(-50%, -50%); animation: none; }
  .c3vc-faixa { left: 12px; right: 12px; bottom: 12px; transform: none; max-width: none; animation: none; }
  .c3vc-txt span { display: none; }
  .c3vc-txt { flex: 1; }
}
/* Dentro do app o tema pinta todo checkbox como chave liga/desliga; aqui ele fica a caixinha normal. */
html body:not(#z1):not(#z2):not(#z3):not(#z4) .c3vc-pop input[type="checkbox"] { -webkit-appearance: checkbox !important; appearance: auto !important; width: 16px !important; height: 16px !important; min-width: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 4px !important; background: none !important; box-shadow: none !important; }
html body:not(#z1):not(#z2):not(#z3):not(#z4) .c3vc-pop input[type="checkbox"]::before, html body:not(#z1):not(#z2):not(#z3):not(#z4) .c3vc-pop input[type="checkbox"]::after { content: none !important; display: none !important; }

/* v3.52.0 · Menu do topo com os canais de venda (Consignação, Afiliados, Loja, Links NFC), no lugar do caminho.
   No menu lateral ficou só o dia a dia: Vendas e Produção e estoque. No celular o topo some e eles ficam na gaveta. */
.c3m-tnav { display: none; }
@media (min-width: 1024px) {
  :is(body.c3m-app, body.c3m-site.c3m-in) .c3m-tnav { display: inline-flex; align-items: center; gap: 2px; flex: none; height: 38px; margin: 0 auto 0 6px; padding: 0 3px; border-radius: 11px; border: 1px solid var(--t-l1, rgba(130, 150, 255, 0.22)); background: color-mix(in srgb, var(--t-text, #eef2ff) 3%, transparent); font-family: inherit; }
  .c3m-tnav:not(:has(.c3m-tn:not([hidden]))) { display: none !important; }
  .c3m-tn { display: inline-flex; align-items: center; gap: 7px; height: 30px; padding: 0 11px; border-radius: 8px; color: var(--t-muted, #8e98c6); font-size: 13.5px; font-weight: 600; line-height: 1; white-space: nowrap; text-decoration: none; transition: color 0.18s, background-color 0.18s; }
  .c3m-tn[hidden] { display: none; }
  .c3m-tn svg { flex: none; }
  .c3m-tn:hover { color: var(--t-text, #eef2ff); background: color-mix(in srgb, var(--t-text, #eef2ff) 7%, transparent); }
  .c3m-tn.on { color: var(--t-text, #eef2ff); background: color-mix(in srgb, var(--t-a1, #9b5cff) 22%, transparent); }
  .c3m-tn.on svg { color: var(--t-data, #22d3ee); }
  .c3m-tn:focus-visible { outline: 2px solid var(--t-data, #22d3ee); outline-offset: 1px; }
  .c3m-tnav.is-ico .c3m-tn { width: 34px; padding: 0; justify-content: center; }
  .c3m-tnav.is-ico .c3m-tn span { display: none; }

  /* O caminho do topo (Comic 3D › tela) sai: o nome já está no título da tela, e o lugar fica com o menu do topo. */
  html body:is(.c3m-app, .c3m-site.c3m-in):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5) .c3m-crumb { display: none !important; }
  /* Título da tela continua, só menor (era grande e tomava espaço): uma linha, com a explicação ao lado. */
  html body.c3m-app:not(#z1):not(#z2):not(#z3) .comic-view > h1:first-child,
  html body.c3m-app:not(#z1):not(#z2):not(#z3) .comic-view > .kb-head > h1 { font-size: 20px !important; line-height: 1.25 !important; letter-spacing: -0.01em !important; margin-top: 0 !important; margin-bottom: 0 !important; }
  html body.c3m-app:not(#z1):not(#z2):not(#z3) .comic-view > h1:first-child { margin-bottom: 12px !important; }
  html body.c3m-app:not(#z1):not(#z2):not(#z3) .comic-view > .kb-head > h1 small { display: inline !important; margin: 0 !important; font-size: 13px !important; font-weight: 500 !important; letter-spacing: 0 !important; }
  /* Visão geral e Financeiro tinham o título de 42 px: ficam iguais às outras telas. */
  html body.c3m-app #view-overview.vg2-on:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6) .vg-head h1.vg-h1,
  html body.c3m-app #view-finance.fn:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6) .fn-head h1.fn-h1 { font-size: 20px !important; line-height: 1.25 !important; }
  html body.c3m-app #view-overview.vg2-on:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6) .vg-head h1.vg-h1 small,
  html body.c3m-app #view-finance.fn:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6) .fn-head h1.fn-h1 small { display: inline !important; margin: 0 0 0 12px !important; font-size: 13px !important; font-weight: 500 !important; }
  html body.c3m-app :is(#view-overview .vg-head, #view-finance .fn-head):not(#z1):not(#z2) { padding: 0 !important; margin-top: 0 !important; }
}
@media (prefers-reduced-motion: reduce) { .c3m-tn { transition: none !important; } }

/* v3.52.1 · Vendas = Orçamentos + Pedidos: título "Vendas" e abas no topo das duas telas (o título antigo sai). */
.c3m-vtabs { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 14px; flex: 0 0 100%; width: 100%; order: -1; margin: 0 0 12px; grid-column: 1 / -1; }
html body.c3m-app:not(#z1):not(#z2):not(#z3):not(#z4) .c3m-has-vt > h1 { display: none !important; }
html body.c3m-app:not(#z1):not(#z2):not(#z3):not(#z4) .c3m-vtabs .c3m-vt-h { margin: 0 !important; display: block !important; padding: 0 !important; font-size: 20px !important; font-weight: 800 !important; line-height: 1.25 !important; letter-spacing: -0.01em !important; color: var(--vg-tx, var(--t-text, #14183a)) !important; -webkit-text-fill-color: currentColor !important; background: none !important; }
html body.c3m-app:not(#z1):not(#z2):not(#z3):not(#z4) .c3m-vtabs .c3m-vt-h::before { content: none !important; display: none !important; }
.c3m-vt-seg { display: inline-flex; gap: 2px; padding: 3px; border-radius: 11px; border: 1px solid var(--t-l1, rgba(130, 150, 255, 0.22)); background: color-mix(in srgb, var(--t-text, #eef2ff) 4%, transparent); }
html body.c3m-app:not(#z1):not(#z2):not(#z3):not(#z4) .c3m-vt-seg button { display: inline-flex !important; align-items: center !important; gap: 7px !important; height: 32px !important; min-height: 0 !important; margin: 0 !important; padding: 0 14px !important; border: 0 !important; border-radius: 8px !important; background: transparent !important; box-shadow: none !important; color: var(--t-muted, #8e98c6) !important; -webkit-text-fill-color: currentColor !important; font: inherit !important; font-size: 13.5px !important; font-weight: 600 !important; cursor: pointer; transition: color 0.18s, background-color 0.18s; }
html body.c3m-app:not(#z1):not(#z2):not(#z3):not(#z4) .c3m-vt-seg button:hover { color: var(--t-text, #eef2ff) !important; }
html body.c3m-app:not(#z1):not(#z2):not(#z3):not(#z4) .c3m-vt-seg button.on { color: #fff !important; background: linear-gradient(135deg, #6d5cff, #3b82f6) !important; box-shadow: 0 4px 14px -6px rgba(79, 70, 229, 0.6) !important; }
html body.c3m-app:not(#z1):not(#z2):not(#z3):not(#z4) .c3m-vt-seg button svg { flex: none; }
html[data-tema="aurora"] .c3m-vt-seg { background: #fff; border-color: #dde2f3; }
html[data-tema="aurora"] body.c3m-app:not(#z1):not(#z2):not(#z3):not(#z4) .c3m-vt-seg button:not(.on) { color: #4f5a85 !important; }
html[data-tema="aurora"] body.c3m-app:not(#z1):not(#z2):not(#z3):not(#z4) .c3m-vt-seg button:not(.on):hover { color: #14183a !important; background: #f1f3fb !important; }
@media (prefers-reduced-motion: reduce) { .c3m-vt-seg button { transition: none !important; } }

/* v3.58.5: logo enviada no painel: sem as estrelinhas da logo original */
.c3m-propria .c3m-glint { display: none; }

/* v3.59.7 · Ferramentas para makers em destaque no topo: botão cheio no degradê da logo, com nome escrito
   (antes era só a chave inglesa no meio dos ícones e o dono demorava para achar). */
.c3m-mk { position: relative; display: inline-flex; align-items: center; gap: 8px; height: 38px; padding: 0 16px 0 13px; border-radius: 11px; border: 0; background: linear-gradient(90deg, #3fd2ff, #6d5cff 50%, #e33cf0); color: #fff; font: inherit; font-size: 13.5px; font-weight: 700; line-height: 1; letter-spacing: 0.01em; text-decoration: none; white-space: nowrap; overflow: hidden; box-shadow: 0 4px 16px -4px rgba(109, 92, 255, 0.65), inset 0 1px 0 rgba(255, 255, 255, 0.28); text-shadow: 0 1px 2px rgba(20, 10, 60, 0.35); transition: transform 0.18s, box-shadow 0.18s, filter 0.18s; }
.c3m-mk svg { flex: none; color: #fff; filter: drop-shadow(0 1px 1px rgba(20, 10, 60, 0.35)); }
.c3m-mk em { font-style: normal; font-weight: 600; }
.c3m-mk::after { content: ""; position: absolute; inset: 0 auto 0 -60%; width: 40%; background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.38), transparent); transform: skewX(-18deg); animation: c3mMkBrilho 5.5s ease-in-out 1.2s infinite; pointer-events: none; }
@keyframes c3mMkBrilho { 0%, 70% { left: -60%; } 100% { left: 130%; } }
.c3m-mk:hover { transform: translateY(-1px); filter: brightness(1.08); box-shadow: 0 7px 20px -5px rgba(227, 60, 240, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.3); }
.c3m-mk.on { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.85), 0 4px 16px -4px rgba(109, 92, 255, 0.65); }
.c3m-mk:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.c3m-acts.is-curto .c3m-mk em { display: none; }
@media (prefers-reduced-motion: reduce) { .c3m-mk { transition: none !important; } .c3m-mk::after { animation: none; display: none; } }
.nova-still .c3m-mk::after { animation: none; display: none; }
/* No celular o topo não tem os atalhos: na gaveta ☰ o item Ferramentas para makers ganha o mesmo destaque. */
html body .c3m .c3m-it.c3m-mkit { background: linear-gradient(90deg, #3fd2ff, #6d5cff 50%, #e33cf0) !important; color: #fff !important; font-weight: 700; box-shadow: 0 4px 14px -5px rgba(109, 92, 255, 0.7) !important; }
html body .c3m .c3m-it.c3m-mkit svg { color: #fff !important; }
html body .c3m .c3m-it.c3m-mkit:hover { filter: brightness(1.08); }
@media (max-width: 1023px) { html body .c3m .c3m-grp .c3m-it.c3m-mkit { display: none !important; } }
@media (max-width: 1023px) { .c3m-nav > .c3m-it.c3m-mkit { margin: 2px 0 8px; } }
/* ═════ v2.67.0 · tema Ônix no menu lateral e no topo (app e páginas de ferramentas) ═════
   No app o tema.js sempre marca <html data-tema>. Nas páginas de ferramentas não há tema.js: o menu.js marca
   data-tema="onix" quando é o tema da pessoa. Desde a 2.69 o padrão (sem marca) é o Aurora (aurora-menu.css). */
html[data-tema="onix"]{--t-bg:#09090b;--t-s1:#0f0f12;--t-s2:#141418;--t-s3:#1a1a20;--t-line:#bdbacb;--t-text:#f4f3f7;--t-muted:#a4a2b1;--t-faint:#6f6d7c;--t-a1:#8b7bf4;--t-a2:#b48af0;--t-data:#e6c98f;--t-profit:#6dd3a3;--t-warn:#f0a868;--t-danger:#f28b96;--t-l1:rgba(255,255,255,.07);--t-l2:rgba(255,255,255,.12);--t-a-soft:rgba(139,123,244,.13)}
html[data-tema="onix"] .c3m{background:linear-gradient(180deg,#111015 0,#0c0c0f 300px)!important;border-right:1px solid rgba(255,255,255,.06)!important;box-shadow:inset -1px 0 0 rgba(0,0,0,.4)}
html[data-tema="onix"] .c3m-halo{opacity:.28;background:radial-gradient(circle,rgba(139,123,244,.32) 0,rgba(230,201,143,.08) 45%,transparent 70%)}
html[data-tema="onix"] .c3m-logo-full{filter:drop-shadow(0 10px 26px rgba(0,0,0,.6)) drop-shadow(0 0 18px rgba(139,123,244,.18))}
html[data-tema="onix"] .c3m-lbl{color:#5f5d6b;letter-spacing:.14em;font-size:10.5px}
html[data-tema="onix"] .c3m-it{color:#a4a2b1;font-weight:500}
html[data-tema="onix"] .c3m-it svg{color:#6f6d7c}
html[data-tema="onix"] .c3m-it:hover{color:#f4f3f7;background:rgba(255,255,255,.04)}
html[data-tema="onix"] .c3m-it.on{color:#f4f3f7;font-weight:600;background:linear-gradient(90deg,rgba(255,255,255,.075),rgba(255,255,255,.035))!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),inset 0 1px 0 rgba(255,255,255,.05)!important}
html[data-tema="onix"] .c3m-it.on svg{color:#e6c98f}
html[data-tema="onix"] .c3m-it.on::before{width:2px;top:10px;bottom:10px;background:linear-gradient(#f3e2bd,#e6c98f)!important;box-shadow:0 0 10px rgba(230,201,143,.45)}
html[data-tema="onix"] .c3m-pin{border-top-color:rgba(255,255,255,.06)}
html[data-tema="onix"] .c3m-pin .c3m-it{border-color:rgba(230,201,143,.22)!important;background:linear-gradient(180deg,rgba(230,201,143,.07),rgba(230,201,143,.03))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important}
html[data-tema="onix"] .c3m-pin .c3m-it svg{color:#e6c98f}
html[data-tema="onix"] .c3m-pin .c3m-it:hover{border-color:rgba(230,201,143,.45)!important}
html[data-tema="onix"] .c3m-ver{color:#e6c98f;background:rgba(230,201,143,.1)}
html[data-tema="onix"] .c3m-n,html[data-tema="onix"] .c3m-dot{background:#8b7bf4}
html[data-tema="onix"] .c3m-lock{color:#e9dcff;background:rgba(139,123,244,.16);box-shadow:inset 0 0 0 1px rgba(139,123,244,.32)}
html[data-tema="onix"] .c3m-foot{border-top-color:rgba(255,255,255,.06)}
html[data-tema="onix"] .c3m-see,html[data-tema="onix"] .c3m-icos{background:rgba(255,255,255,.025)!important;border-color:rgba(255,255,255,.08)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
html[data-tema="onix"] .c3m-see svg:first-child{color:#e6c98f}
html[data-tema="onix"] .c3m-see:hover{border-color:rgba(230,201,143,.4)!important;background:rgba(230,201,143,.05)!important}
html[data-tema="onix"] .c3m-ico.on{color:#e6c98f;background:rgba(255,255,255,.07)}
html[data-tema="onix"] .c3m-crumb b{color:#f4f3f7}
html[data-tema="onix"] .c3m-chips button.on{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.06)}
html[data-tema="onix"] .c3m-chips button.on svg{color:#e6c98f}
html[data-tema="onix"] .c3m-shade{background:rgba(5,5,7,.66)}
/* ═════ v2.67.0 · tema Ônix nas páginas de ferramentas (/ferramentas/, cada ferramenta, Links NFC) ═════
   Entra junto do /menu/menu.css (o build.sh junta os dois). Só troca cores, fundo e bordas: nada muda de lugar.
   As páginas usam as mesmas variáveis (--cyan, --pink, --violet…): trocadas aqui, o resto acompanha.
   @S = html[data-tema="onix"] body.c3m-site (com 4 :not(#z) para passar na frente das regras das páginas). */
html[data-tema="onix"] body.c3m-site{--bg:#09090b;--deep:#0f0f12;--card:#111114;--card2:#141418;--s1:#111114;--s2:#18181d;--line:rgba(255,255,255,.08);--line2:rgba(255,255,255,.14);--text:#f4f3f7;--fg:#f4f3f7;--soft:#c3c1cf;--dim:#9a98a8;--pink:#c9b8ff;--violet:#8b7bf4;--cyan:#e6c98f;--mint:#8fdcb9;--green:#6dd3a3;--gold:#e6c98f;--amber:#f0c27a;--red:#f28b96;--grad:linear-gradient(90deg,#f6ead0,#e6c98f 45%,#b9a8ff)}
html[data-tema="onix"] body.c3m-site:not(#z1):not(#z2):not(#z3):not(#z4){background:radial-gradient(1100px 560px at 88% -14%,rgba(139,123,244,.10),transparent 62%),radial-gradient(900px 620px at -12% 112%,rgba(230,201,143,.04),transparent 60%),#09090b!important;background-attachment:fixed!important}
html[data-tema="onix"] body.c3m-site:not(#z1):not(#z2):not(#z3):not(#z4) :is(.top,nav.top){background:rgba(9,9,11,.76)!important;border-bottom:1px solid rgba(255,255,255,.07)!important;border-image:none!important;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%)}
/* cartões com borda em degradê neon viram grafite com um fio de luz no alto */
html[data-tema="onix"] body.c3m-site:not(#z1):not(#z2):not(#z3):not(#z4) :is(.card,.cardc,.gest){background:linear-gradient(180deg,#151519,#111114)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 22px 44px -28px rgba(0,0,0,.75)}
html[data-tema="onix"] body.c3m-site:not(#z1):not(#z2):not(#z3):not(#z4) :is(.card,.cardc):hover{border-color:rgba(255,255,255,.15)!important}
html[data-tema="onix"] body.c3m-site:not(#z1):not(#z2):not(#z3):not(#z4) .card.live{border-color:rgba(230,201,143,.3)!important}
html[data-tema="onix"] body.c3m-site:not(#z1):not(#z2):not(#z3):not(#z4) .card.next{background:linear-gradient(180deg,rgba(139,123,244,.07),transparent 60%),#111114!important}
/* a calculadora em destaque: o contorno que gira continua, mas em champanhe e lilás, bem mais calmo */
html[data-tema="onix"] body.c3m-site:not(#z1):not(#z2):not(#z3):not(#z4) .feat{background:transparent!important;border-color:transparent!important;box-shadow:0 24px 60px -30px rgba(230,201,143,.3)!important}
html[data-tema="onix"] body.c3m-site:not(#z1):not(#z2):not(#z3):not(#z4) .feat:before{background:conic-gradient(from 0deg,rgba(255,255,255,.06) 0 38%,rgba(230,201,143,.9) 56%,rgba(185,168,255,.75) 70%,rgba(255,255,255,.06) 86%)!important}
html[data-tema="onix"] body.c3m-site:not(#z1):not(#z2):not(#z3):not(#z4) .feat:after{background:radial-gradient(400px 160px at 100% 0,rgba(230,201,143,.06),transparent 70%),#111114!important}
html[data-tema="onix"] body.c3m-site:not(#z1):not(#z2):not(#z3):not(#z4).fx-off .feat:before,html[data-tema="onix"] body.c3m-site:not(#z1):not(#z2):not(#z3):not(#z4) .fx-off .feat:before{background:linear-gradient(90deg,rgba(230,201,143,.7),rgba(185,168,255,.6))!important}
/* botões */
html[data-tema="onix"] body.c3m-site:not(#z1):not(#z2):not(#z3):not(#z4) .btn.p,html[data-tema="onix"] body.c3m-site:not(#z1):not(#z2):not(#z3):not(#z4) .pn-btn[aria-pressed="true"]{background:linear-gradient(180deg,#7d6bf0,#6450dc)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.5),0 10px 24px -12px rgba(100,80,220,.75)!important}
html[data-tema="onix"] body.c3m-site:not(#z1):not(#z2):not(#z3):not(#z4) .btn.c{background:linear-gradient(180deg,#26262e,#1c1c22)!important;color:#f4f3f7!important;border:1px solid rgba(255,255,255,.12)!important}
html[data-tema="onix"] body.c3m-site:not(#z1):not(#z2):not(#z3):not(#z4) :is(.btn.o,.btn.oc){border-color:rgba(255,255,255,.14)!important;color:#f4f3f7!important;background:rgba(255,255,255,.025)!important}
html[data-tema="onix"] body.c3m-site:not(#z1):not(#z2):not(#z3):not(#z4) :is(.btn.o,.btn.oc):hover{border-color:rgba(230,201,143,.45)!important}
/* textos em degradê e selos */
html[data-tema="onix"] body.c3m-site:not(#z1):not(#z2):not(#z3):not(#z4) :is(.grad,.g){background:linear-gradient(90deg,#f6ead0,#e6c98f 50%,#c9b8ff)!important;-webkit-background-clip:text!important;background-clip:text!important}
html[data-tema="onix"] body.c3m-site:not(#z1):not(#z2):not(#z3):not(#z4) .gradc{background:linear-gradient(90deg,#f6ead0,#8fdcb9)!important;-webkit-background-clip:text!important;background-clip:text!important}
html[data-tema="onix"] body.c3m-site:not(#z1):not(#z2):not(#z3):not(#z4) .fmt{color:#e6c98f!important;background:rgba(230,201,143,.07)!important;border-color:rgba(230,201,143,.22)!important}
html[data-tema="onix"] body.c3m-site:not(#z1):not(#z2):not(#z3):not(#z4) .st.new{color:#e9dcff!important;background:rgba(139,123,244,.15)!important}
html[data-tema="onix"] body.c3m-site:not(#z1):not(#z2):not(#z3):not(#z4) .st.next,html[data-tema="onix"] body.c3m-site:not(#z1):not(#z2):not(#z3):not(#z4) .pl.pro{color:#e9dcff!important;background:rgba(139,123,244,.16)!important}
html[data-tema="onix"] body.c3m-site:not(#z1):not(#z2):not(#z3):not(#z4) .chip[aria-pressed="true"]{background:#f4f3f7!important;border-color:#f4f3f7!important;color:#0b0b0e!important}
html[data-tema="onix"] body.c3m-site:not(#z1):not(#z2):not(#z3):not(#z4) :is(input,select,textarea):focus{border-color:rgba(139,123,244,.6)}
/* peças comuns do kit das ferramentas */
html[data-tema="onix"] body.c3m-site:not(#z1):not(#z2):not(#z3):not(#z4) main :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea){background-color:#0c0c0f;border-color:rgba(255,255,255,.12)}
html[data-tema="onix"] body.c3m-site:not(#z1):not(#z2):not(#z3):not(#z4) :is(input[type=checkbox],input[type=radio],input[type=range]){accent-color:#8b7bf4}
html[data-tema="onix"] body.c3m-site:not(#z1):not(#z2):not(#z3):not(#z4) .box h3 .n,html[data-tema="onix"] body.c3m-site:not(#z1):not(#z2):not(#z3):not(#z4) .n.on{background:linear-gradient(180deg,#1f1f26,#18181e)!important;color:#e6c98f!important;box-shadow:inset 0 0 0 1px rgba(230,201,143,.3)}
html[data-tema="onix"] body.c3m-site:not(#z1):not(#z2):not(#z3):not(#z4) .box.off .n{background:#1a1a20!important;color:#6f6d7c!important;box-shadow:none}
html[data-tema="onix"] body.c3m-site:not(#z1):not(#z2):not(#z3):not(#z4) .seg{background:rgba(12,12,15,.85)!important}
html[data-tema="onix"] body.c3m-site:not(#z1):not(#z2):not(#z3):not(#z4) .seg button.on{background:rgba(255,255,255,.1)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
html[data-tema="onix"] body.c3m-site:not(#z1):not(#z2):not(#z3):not(#z4) :is(.ico,.legend,.busy){background-color:rgba(12,12,15,.85)!important}
html[data-tema="onix"] body.c3m-site:not(#z1):not(#z2):not(#z3):not(#z4) .drop-in{border-color:rgba(255,255,255,.16)!important}
html[data-tema="onix"] body.c3m-site:not(#z1):not(#z2):not(#z3):not(#z4) :is(.drop.over,.stage.over) .drop-in{border-color:#e6c98f!important;background:rgba(230,201,143,.05)!important}
html[data-tema="onix"] body.c3m-site:not(#z1):not(#z2):not(#z3):not(#z4) .overall{border-color:#e6c98f!important;background:rgba(9,9,11,.7)!important}
html[data-tema="onix"] body.c3m-site:not(#z1):not(#z2):not(#z3):not(#z4) .track{background:#1d1d23!important}
html[data-tema="onix"] body.c3m-site:not(#z1):not(#z2):not(#z3):not(#z4) .track span{background:linear-gradient(90deg,#8b7bf4,#e6c98f)!important}
html[data-tema="onix"] body.c3m-site:not(#z1):not(#z2):not(#z3):not(#z4) .ring i{border-top-color:#8b7bf4!important;border-right-color:#6450dc!important}
html[data-tema="onix"] body.c3m-site:not(#z1):not(#z2):not(#z3):not(#z4) .ring i+i{border-top-color:#e6c98f!important;border-right-color:transparent!important;border-left-color:#8fdcb9!important}
html[data-tema="onix"] body.c3m-site:not(#z1):not(#z2):not(#z3):not(#z4) .ring b{background:radial-gradient(#c9b8ff,#6450dc 60%,transparent 70%)!important}
html[data-tema="onix"] body.c3m-site:not(#z1):not(#z2):not(#z3):not(#z4) :is(.stat,.field select){background:#0f0f12!important}
html[data-tema="onix"] body.c3m-site:not(#z1):not(#z2):not(#z3):not(#z4) .how li:before{border-color:rgba(230,201,143,.45)!important;color:#e6c98f!important}
html[data-tema="onix"] body.c3m-site:not(#z1):not(#z2):not(#z3):not(#z4) .safe{background:rgba(230,201,143,.05)!important;border-color:rgba(230,201,143,.2)!important}
html[data-tema="onix"] body.c3m-site:not(#z1):not(#z2):not(#z3):not(#z4) :is(.cmp td,.rows li){border-top-color:rgba(255,255,255,.07)!important}
/* escolhas marcadas (botões e opções "on") ficam lilás; amostras de cor (com fundo próprio) não mudam */
html[data-tema="onix"] body.c3m-site:not(#z1):not(#z2):not(#z3):not(#z4) main :is(button,label).on:not([style*="background"]):not(.chip){border-color:rgba(139,123,244,.75)!important;background:rgba(139,123,244,.13)!important;color:#fff}
/* painel do administrador dentro de Configurações (/admin/?embed=1) */
html[data-tema="onix"].embed{color-scheme:dark}
html[data-tema="onix"].embed body{background:transparent!important}
html[data-tema="onix"].embed .card{background:linear-gradient(180deg,#151519,#111114)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.045)}
/* v2.68.0: ícones das ferramentas (kit/icone.css) em champanhe com detalhe lilás sobre grafite */
html[data-tema="onix"] body.c3m-site{--ico:#e6c98f;--ico-a:#b9a8ff;--ico-glow:rgba(139,123,244,.16);--ico-bg1:#1d1d24;--ico-bg2:#131318;--ico-line:rgba(230,201,143,.38)}
/* ═════ v2.69.0 · tema Aurora: menu lateral e topo escuros nas cores da logo (app e páginas de ferramentas) ═════
   O resto do sistema fica claro (tema.js "aurora", modo claro). Aqui o menu e a barra do topo ganham as próprias
   variáveis escuras (--t-* e --m-* valem só dentro deles), então tudo que mora lá dentro já sai escuro.
   Nas páginas de ferramentas o menu.js marca <html data-tema="aurora"> quando é o tema da pessoa (o padrão). */
html[data-tema="aurora"]{--au-ink:#070a1f;--au-ink2:#0b0f2b;--au-blue:#2f8dff;--au-cyan:#3fd2ff;--au-mag:#e33cf0;--au-vio:#7c4dff;--au-grad:linear-gradient(135deg,#5b5bf7 0%,#3d55f2 55%,#2f7cff 100%);--au-neon:linear-gradient(90deg,#33c4ff,#6d5cff 55%,#e33cf0)}
html[data-tema="aurora"] .c3m,html[data-tema="aurora"] .c3m-dark{
  --t-s1:#090c24;--t-s2:#0e1230;--t-s3:#131838;--t-line:#7f8bd6;--t-text:#eef1ff;--t-muted:#aab3dc;--t-faint:#6f78a8;--t-a1:#6d5cff;--t-a2:#e33cf0;--t-data:#3fd2ff;--t-l1:rgba(140,160,255,.12);--t-l2:rgba(140,160,255,.2);
  --m-bg:#080b22;--m-line:rgba(120,140,255,.14);--m-text:#eef1ff;--m-muted:#b3bbe2;--m-faint:#717aa9;--m-a1:#6d5cff;--m-a2:#e33cf0;--m-data:#3fd2ff;color-scheme:dark}
html[data-tema="aurora"] .c3m{background:radial-gradient(260px 220px at 50% 70px,rgba(109,92,255,.2),transparent 70%),radial-gradient(240px 260px at 0 100%,rgba(47,141,255,.16),transparent 70%),radial-gradient(220px 240px at 100% 82%,rgba(227,60,240,.10),transparent 70%),linear-gradient(180deg,#0a0d29 0,#070a1f 55%,#060819 100%)!important;border-right:1px solid rgba(120,140,255,.14)!important;box-shadow:1px 0 0 rgba(0,0,0,.35),12px 0 40px -18px rgba(20,24,80,.55)}
html[data-tema="aurora"] .c3m-halo{opacity:.55;background:radial-gradient(circle,rgba(109,92,255,.42) 0,rgba(63,210,255,.14) 45%,transparent 70%)}
html[data-tema="aurora"] .c3m-logo-full{filter:drop-shadow(0 8px 22px rgba(47,141,255,.35)) drop-shadow(0 0 16px rgba(227,60,240,.28))}
html[data-tema="aurora"] .c3m-lbl{color:#7d86b8;letter-spacing:.14em;font-size:10.5px}
html[data-tema="aurora"] .c3m-it{color:#c3c9ea;font-weight:500}
html[data-tema="aurora"] .c3m-it svg{color:#8e98cc}
html[data-tema="aurora"] .c3m-it:hover{color:#fff;background:rgba(120,140,255,.08)}
html[data-tema="aurora"] .c3m-it:hover svg{color:var(--au-cyan)}
/* item aberto: contorno neon azul → magenta com brilho, como na referência */
html[data-tema="aurora"] .c3m-it.on{color:#fff;font-weight:600;background:linear-gradient(100deg,rgba(47,141,255,.22),rgba(109,92,255,.16) 55%,rgba(227,60,240,.14))!important;box-shadow:inset 0 0 0 1px rgba(63,210,255,.55),0 0 0 1px rgba(109,92,255,.25),0 0 18px -2px rgba(47,141,255,.55),0 0 26px -6px rgba(227,60,240,.45)!important}
html[data-tema="aurora"] .c3m-it.on svg{color:var(--au-cyan);filter:drop-shadow(0 0 5px rgba(63,210,255,.7))}
html[data-tema="aurora"] .c3m-it.on::before{display:none}
html[data-tema="aurora"] .c3m-pin{border-top-color:rgba(120,140,255,.14)}
html[data-tema="aurora"] .c3m-pin .c3m-it{border:1px solid rgba(63,210,255,.22)!important;background:rgba(255,255,255,.035)!important;box-shadow:none!important;color:#c3c9ea}
html[data-tema="aurora"] .c3m-pin .c3m-it svg{color:#7fdcff}
html[data-tema="aurora"] .c3m-pin .c3m-it:hover{border-color:rgba(63,210,255,.55)!important;background:rgba(63,210,255,.08)!important;color:#fff}
html[data-tema="aurora"] .c3m-ver{color:#fff;background:linear-gradient(135deg,#6d5cff,#3d55f2);box-shadow:none}
html[data-tema="aurora"] .c3m-n,html[data-tema="aurora"] .c3m-dot{background:var(--au-mag)}
html[data-tema="aurora"] .c3m-lock{color:#f3d9ff;background:rgba(227,60,240,.16);box-shadow:inset 0 0 0 1px rgba(227,60,240,.4)}
html[data-tema="aurora"] .c3m-foot{border-top-color:rgba(120,140,255,.12)}
html[data-tema="aurora"] .c3m-shade{background:rgba(7,10,31,.55)}

/* ── topo escuro, emendado no menu, com a luz da aurora no canto direito ── */
html[data-tema="aurora"] body.nova>header,html[data-tema="aurora"] body.c3m-site>:is(.top,nav.top){
  --t-s1:#0e1230;--t-s2:#121738;--t-s3:#181e44;--t-line:#7f8bd6;--t-text:#eef1ff;--t-muted:#aab3dc;--t-faint:#7880ae;--t-a1:#7c6bff;--t-a2:#e33cf0;--t-data:#3fd2ff;--t-l1:rgba(140,160,255,.14);--t-l2:rgba(140,160,255,.24);
  --text:#eef1ff;--fg:#eef1ff;--soft:#c9cff0;--dim:#aab3dc;color:#eef1ff;color-scheme:dark}
html[data-tema="aurora"] body.nova.t-on:not(#z1):not(#z2):not(#z3):not(#z4)>header,html[data-tema="aurora"] body.c3m-site:not(#z1):not(#z2):not(#z3):not(#z4)>:is(.top,nav.top){background:radial-gradient(420px 120px at 74% -30%,rgba(227,60,240,.42),transparent 70%),radial-gradient(520px 150px at 62% 130%,rgba(109,92,255,.38),transparent 70%),radial-gradient(380px 120px at 96% 50%,rgba(47,141,255,.3),transparent 70%),linear-gradient(90deg,#080b22,#0b0e2b 55%,#0d0f31)!important;border-bottom:1px solid rgba(120,140,255,.16)!important;border-image:none!important;box-shadow:0 10px 30px -18px rgba(20,24,80,.6)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html[data-tema="aurora"] body.nova.t-on:not(#z1):not(#z2):not(#z3):not(#z4)>header::after{content:""!important;display:block!important;position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(63,210,255,.45) 35%,rgba(227,60,240,.4) 70%,transparent);pointer-events:none}
html[data-tema="aurora"] :is(body.nova>header,body.c3m-site>.top,body.c3m-site>nav.top) :is(a,button,span,b,strong,small,em,div){-webkit-text-fill-color:currentColor}
html[data-tema="aurora"] .c3m-crumb{color:#aab3dc}
html[data-tema="aurora"] .c3m-crumb b{color:#fff}
html[data-tema="aurora"] .c3m-see,html[data-tema="aurora"] .c3m-icos{background:rgba(255,255,255,.05)!important;border-color:rgba(140,160,255,.22)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;color:#eef1ff!important}
html[data-tema="aurora"] .c3m-see svg:first-child{color:#ffc35a}
html[data-tema="aurora"] .c3m-see:hover{border-color:rgba(63,210,255,.55)!important;background:rgba(63,210,255,.08)!important}
html[data-tema="aurora"] .c3m-ico{color:#c3c9ea}
html[data-tema="aurora"] .c3m-ico:hover{color:#fff}
html[data-tema="aurora"] .c3m-ico.on{color:var(--au-cyan);background:rgba(63,210,255,.12)}
html[data-tema="aurora"] .c3m-burger{color:#eef1ff}
/* abas das seções de Configurações (ficam na área clara) */
html[data-tema="aurora"] .c3m-chips button{background:#fff;border-color:rgba(79,70,229,.14);color:#4b5479;box-shadow:0 1px 2px rgba(40,50,120,.06)}
html[data-tema="aurora"] .c3m-chips button.on{border-color:rgba(79,70,229,.5);background:#fff;color:#141a3d;box-shadow:0 0 0 3px rgba(79,70,229,.12),0 6px 16px -8px rgba(79,70,229,.45)}
html[data-tema="aurora"] .c3m-chips button.on svg{color:#4f46e5}
html[data-tema="aurora"] .c3m-pin{border-top-color:transparent!important}
html[data-tema="aurora"] body.c3m-on:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5) .c3m-tog{color:#c3c9ea!important}
html[data-tema="aurora"] body.c3m-on:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5) .c3m-tog:hover{color:#fff!important}
/* ═════ v2.69.0 · tema Aurora nas páginas de ferramentas (/ferramentas/, cada ferramenta, Links NFC, painel embutido) ═════
   Entra junto do /menu/menu.css (o build.sh junta). Área clara e cartões de vidro branco, como no app; menu e topo
   escuros vêm do aurora-menu.css. As páginas usam as mesmas variáveis (--bg, --s1, --cyan, --pink…): trocadas aqui,
   o resto acompanha; as cores escritas direto no CSS de cada página o menu.js troca (window.comicAuroraPaleta).
   Vale também sem marca no <html> (o padrão, antes do menu.js rodar). :is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) = esse seletor + body.c3m-site (ou o body do painel
   embutido) com 4 :not(#z). */
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body){--bg:#e8ecfb;--deep:#f3f5fe;--card:#ffffff;--card2:#f6f7fe;--s1:#ffffff;--s2:#f1f3fd;--line:rgba(79,70,229,.13);--line2:rgba(79,70,229,.22);--text:#141a3d;--fg:#141a3d;--soft:#4b5479;--dim:#6b7398;--pink:#b0249f;--violet:#5b4ff0;--cyan:#1f6fe0;--mint:#047857;--green:#059669;--gold:#b7791f;--amber:#b45309;--red:#e11d48;--grad:linear-gradient(90deg,#2f7cff,#5b4ff0 50%,#c026d3);color-scheme:light;
 --ico:#3d55f2;--ico-a:#d63bd8;--ico-glow:rgba(109,92,255,.10);--ico-bg1:#ffffff;--ico-bg2:#eef1fd;--ico-line:rgba(79,70,229,.4)}
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4){color:#141a3d;background:radial-gradient(900px 520px at 92% -8%,rgba(124,77,255,.20),transparent 62%),radial-gradient(760px 520px at 30% -12%,rgba(47,141,255,.14),transparent 60%),radial-gradient(800px 600px at -6% 108%,rgba(227,60,240,.10),transparent 62%),linear-gradient(180deg,#eceffd,#e4e8fb)!important;background-image:radial-gradient(900px 520px at 92% -8%,rgba(124,77,255,.20),transparent 62%),radial-gradient(760px 520px at 30% -12%,rgba(47,141,255,.14),transparent 60%),radial-gradient(800px 600px at -6% 108%,rgba(227,60,240,.10),transparent 62%),linear-gradient(180deg,#eceffd,#e4e8fb)!important;background-size:auto!important;background-attachment:fixed!important}
/* cartões: vidro branco */
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) :is(.card,.cardc,.gest,.box,.panel,.pane,.plan){background:rgba(255,255,255,.8)!important;border:1px solid rgba(255,255,255,.95)!important;box-shadow:0 0 0 1px rgba(79,70,229,.09),0 1px 2px rgba(30,40,120,.06),0 14px 34px -18px rgba(40,50,150,.3)!important;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%)}
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) :is(.card,.cardc):hover{box-shadow:0 0 0 1px rgba(79,70,229,.2),0 1px 2px rgba(30,40,120,.06),0 20px 40px -18px rgba(61,85,242,.42)!important}
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) .card.live{box-shadow:0 0 0 1px rgba(31,111,224,.28),0 14px 34px -18px rgba(40,50,150,.3)!important}
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) .card.next{background:linear-gradient(180deg,rgba(192,38,211,.05),transparent 60%),rgba(255,255,255,.8)!important}
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) .sug{background:rgba(255,255,255,.4)!important;border:1px dashed rgba(79,70,229,.3)!important;box-shadow:none!important}
/* calculadora em destaque: contorno neon que gira (só transform) e luz azul em volta */
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) .feat{background:transparent!important;border-color:transparent!important;box-shadow:0 0 0 1px rgba(79,70,229,.1),0 22px 50px -24px rgba(61,85,242,.55),0 0 36px -14px rgba(227,60,240,.35)!important}
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) .feat:before{background:conic-gradient(from 0deg,rgba(124,140,255,.25) 0 38%,#3fd2ff 54%,#6d5cff 66%,#e33cf0 80%,rgba(124,140,255,.25) 92% 100%)!important}
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) .feat:after{background:radial-gradient(420px 170px at 100% 0,rgba(109,92,255,.10),transparent 70%),linear-gradient(180deg,#ffffff,#f7f8ff)!important}
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4).fx-off .feat:before,:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) .fx-off .feat:before{background:linear-gradient(90deg,#3fd2ff,#6d5cff 50%,#e33cf0)!important}
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) .gest{background:linear-gradient(180deg,#ffffff,#f7f8ff) padding-box,linear-gradient(135deg,rgba(63,210,255,.75),rgba(109,92,255,.55) 55%,rgba(227,60,240,.55)) border-box!important;border:1.5px solid transparent!important}
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) :is(.feat .ex,.gest .kb span){background:rgba(241,243,253,.9)!important;border:1px solid rgba(79,70,229,.1)!important}
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) .gest .kb span:nth-child(4) b{color:#059669!important}
/* selos */
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) .fmt{color:#2b3ea8!important;background:#eef1fd!important;border:1px solid rgba(79,70,229,.16)!important}
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) .fmt b{color:#8a91b2!important}
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) .st.new{color:#a21caf!important;background:linear-gradient(180deg,#fbe8fe,#f6dcfc)!important;box-shadow:inset 0 0 0 1px rgba(192,38,211,.22)}
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) .st.ok{color:#0e7490!important;background:linear-gradient(180deg,#dcf9ff,#c9f3fb)!important;box-shadow:inset 0 0 0 1px rgba(14,116,144,.2)}
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) .st.next{color:#a21caf!important;background:#fbe8fe!important}
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) .st.soon{color:#6b7398!important;background:#eef1fd!important}
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) .pl{display:inline-flex;align-items:center;gap:6px;border-radius:999px!important;padding:5px 11px!important}
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) .pl.free{color:#047857!important;background:linear-gradient(180deg,#dcfbef,#c8f5e3)!important;box-shadow:inset 0 0 0 1px rgba(5,150,105,.2)}
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) .pl.free:before{content:"";width:13px;height:13px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='4' rx='1'/%3E%3Cpath d='M12 8v13M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7M7.5 8a2.5 2.5 0 0 1 0-5C10 3 12 8 12 8s2-5 4.5-5a2.5 2.5 0 0 1 0 5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='4' rx='1'/%3E%3Cpath d='M12 8v13M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7M7.5 8a2.5 2.5 0 0 1 0-5C10 3 12 8 12 8s2-5 4.5-5a2.5 2.5 0 0 1 0 5'/%3E%3C/svg%3E") center/contain no-repeat}
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) .pl.pro{color:#5b21b6!important;background:#fff!important;box-shadow:inset 0 0 0 1.5px rgba(109,92,255,.45),0 4px 12px -6px rgba(109,92,255,.5)}
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) .pl.pro:not(.lock):before{content:"";width:14px;height:14px;flex:none;background:linear-gradient(135deg,#6d5cff,#c026d3);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 7l4.5 4L12 4l4.5 7L21 7l-2 12H5z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 7l4.5 4L12 4l4.5 7L21 7l-2 12H5z'/%3E%3C/svg%3E") center/contain no-repeat}
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) :is(.feat,.gest) .top-tag{color:#4f46e5!important}
/* "Abrir →" do cartão vira botão em degradê */
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) .card .foot .go{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:11px;color:#fff!important;background:linear-gradient(135deg,#5b5bf7,#3d55f2 55%,#2f7cff);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 8px 18px -8px rgba(61,85,242,.8);font-weight:700;transition:transform .2s,filter .2s}
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) .card:hover .foot .go{filter:brightness(1.08)}
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) .card .foot .go.want{background:linear-gradient(135deg,#10b981,#059669)!important;box-shadow:0 8px 18px -8px rgba(5,150,105,.7)}
/* busca, filtros e botões */
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) .search input{background:rgba(255,255,255,.9)!important;border:1px solid rgba(79,70,229,.14)!important;box-shadow:0 1px 2px rgba(30,40,120,.05),0 6px 16px -10px rgba(40,50,150,.25);color:#141a3d}
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) .search input:focus{border-color:rgba(79,70,229,.55)!important;box-shadow:0 0 0 3px rgba(79,70,229,.14)!important;outline:none}
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) .chip{background:rgba(255,255,255,.85)!important;border:1px solid rgba(79,70,229,.12)!important;color:#323a63!important;box-shadow:0 1px 2px rgba(30,40,120,.05)}
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) .chip small{color:#868daf}
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) .chip[aria-pressed="true"]{background:#fff!important;border-color:rgba(79,70,229,.5)!important;color:#141a3d!important;box-shadow:0 0 0 3px rgba(79,70,229,.13),0 8px 18px -10px rgba(61,85,242,.6)!important}
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) .btn.p,:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) .pn-btn[aria-pressed="true"]{background:linear-gradient(135deg,#5b5bf7,#3d55f2 55%,#2f7cff)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 10px 22px -10px rgba(61,85,242,.8)!important}
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) .btn.c{background:linear-gradient(135deg,#6d5cff,#c026d3)!important;color:#fff!important;border:0!important}
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) :is(.btn.o,.btn.oc,.pn-btn:not([aria-pressed="true"])){border:1px solid rgba(79,70,229,.2)!important;color:#1c2350!important;background:rgba(255,255,255,.88)!important;box-shadow:0 1px 2px rgba(30,40,120,.05)}
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) :is(.btn.o,.btn.oc,.pn-btn):hover{border-color:rgba(79,70,229,.5)!important}
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) .pn-btn svg{color:#4f46e5}
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) :is(.grad,.g){background:linear-gradient(90deg,#2f7cff,#5b4ff0 50%,#c026d3)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) .gradc{background:linear-gradient(90deg,#1f6fe0,#059669)!important;-webkit-background-clip:text!important;background-clip:text!important}
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) .eyebrow{color:#a21caf!important}
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) :is(input,select,textarea):focus{border-color:rgba(79,70,229,.6)}
/* peças comuns do kit das ferramentas */
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) main :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea){background-color:#fff!important;border-color:rgba(79,70,229,.18)!important;color:#141a3d!important}
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) :is(input[type=checkbox],input[type=radio],input[type=range]){accent-color:#4f46e5}
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) .box h3 .n,:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) .n.on{background:linear-gradient(135deg,#5b5bf7,#2f7cff)!important;color:#fff!important;box-shadow:0 6px 14px -6px rgba(61,85,242,.7)}
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) .box.off .n{background:#e3e7fa!important;color:#868daf!important;box-shadow:none}
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) .seg{background:rgba(241,243,253,.95)!important;border-color:rgba(79,70,229,.14)!important}
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) .seg button{color:#4b5479!important}
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) .seg button.on{background:#fff!important;color:#141a3d!important;box-shadow:0 0 0 1px rgba(79,70,229,.35),0 4px 10px -6px rgba(61,85,242,.6)!important}
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) :is(.legend,.busy){background-color:rgba(255,255,255,.92)!important;color:#141a3d!important}
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) .drop-in{border-color:rgba(79,70,229,.3)!important;background:rgba(255,255,255,.55)!important}
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) :is(.drop.over,.stage.over) .drop-in{border-color:#4f46e5!important;background:rgba(79,70,229,.06)!important}
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) .track{background:#e3e7fa!important}
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) .track span{background:linear-gradient(90deg,#3fd2ff,#6d5cff,#e33cf0)!important}
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) .how li:before{border-color:rgba(79,70,229,.45)!important;color:#4f46e5!important}
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) .safe{background:rgba(5,150,105,.06)!important;border-color:rgba(5,150,105,.22)!important}
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) :is(.cmp td,.rows li){border-top-color:rgba(79,70,229,.1)!important}
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) main :is(button,label).on:not([style*="background"]):not(.chip):not(.pl){border-color:rgba(79,70,229,.6)!important;background:rgba(79,70,229,.08)!important;color:#141a3d}
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) footer{border-top-color:rgba(79,70,229,.12)!important;color:#6b7398}
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) dialog{background:#fff!important;color:#141a3d!important;border:1px solid rgba(79,70,229,.15)!important;box-shadow:0 30px 80px -30px rgba(30,40,120,.5)}
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) dialog::backdrop{background:rgba(20,26,61,.42)!important}
/* área do visualizador 3D: continua escura (a peça aparece melhor), com borda clara */
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) :is(.stage,.view3d,.viewer,canvas.v3d){border-color:rgba(79,70,229,.15)}
/* painel do administrador dentro de Configurações (/admin/?embed=1): as mesmas variáveis e peças acima valem lá (.embed>body) */
:is(html:not([data-tema]),html[data-tema="aurora"]).embed{color-scheme:light}
:is(html:not([data-tema]),html[data-tema="aurora"]).embed body:not(#z1):not(#z2):not(#z3):not(#z4){background:transparent!important;background-image:none!important}
/* botões do painel do administrador (.b): branco com texto índigo; o principal (.b.p) em degradê com texto branco */
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) .b{background:#fff!important;border:1px solid rgba(79,70,229,.28)!important;color:#3730a3!important;box-shadow:0 1px 2px rgba(40,50,120,.08)!important}
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) .b:hover{border-color:rgba(79,70,229,.55)!important;background:#f5f6ff!important;color:#141a3d!important}
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) .b.p{background:linear-gradient(135deg,#5b5bf7,#3d55f2 55%,#2f7cff)!important;border:0!important;color:#fff!important;box-shadow:0 8px 20px -8px rgba(61,85,242,.6)!important}
:is(html:not([data-tema]),html[data-tema="aurora"]) :is(body.c3m-site,.embed>body):not(#z1):not(#z2):not(#z3):not(#z4) .b.d{background:#fff!important;border-color:rgba(225,29,72,.4)!important;color:#be123c!important}
/* ═════ v3.17.0 · Aviso no meio da tela (aviso.js) — modelo "pílula escura" escolhido pelo Leandro ═════
   Pílula escura nas cores do menu, borda azul → rosa e um brilho que passa. Só transform/opacity nas animações;
   com menos movimento (sistema ou botão de efeitos) só aparece e some. */
.c3a{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;pointer-events:none;padding:16px;font-family:Outfit,system-ui,-apple-system,"Segoe UI",sans-serif;
  --ok1:#059669;--ok2:#10b981;--er1:#e11d48;--er2:#fb7185;--al1:#d97706;--al2:#fbbf24;--in1:#4f46e5;--in2:#2f7cff}
.c3a[data-tipo=ok]{--c1:var(--ok1);--c2:var(--ok2)}
.c3a[data-tipo=erro]{--c1:var(--er1);--c2:var(--er2)}
.c3a[data-tipo=alerta]{--c1:var(--al1);--c2:var(--al2)}
.c3a[data-tipo=info]{--c1:var(--in1);--c2:var(--in2)}
.c3a-sai{animation:c3a-sai .38s cubic-bezier(.4,0,.7,.2) var(--fica,2.2s) both;max-width:100%}
.c3a:hover,.c3a:hover *,.c3a:hover ::before,.c3a:hover ::after{animation-play-state:paused!important}
.c3a-box{pointer-events:auto;cursor:default;position:relative;display:flex;align-items:center;gap:12px;padding:12px 22px 12px 12px;border-radius:999px;color:#eef1ff;max-width:min(520px,calc(100vw - 32px));
  background:linear-gradient(#11153a,#0b0e2b) padding-box,linear-gradient(90deg,#3fd2ff,#5b5bf7 45%,#e33cf0) border-box;border:1.5px solid transparent;
  box-shadow:0 18px 44px -14px rgba(10,14,50,.7),0 0 26px -6px rgba(91,91,247,.55);overflow:hidden;
  animation:c3a-in .55s cubic-bezier(.34,1.56,.64,1) both}
.c3a-box:has(.c3a-acoes){border-radius:26px;padding:14px 18px 14px 14px}
.c3a-box::before{content:"";position:absolute;top:0;bottom:0;left:0;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.22),transparent);transform:translateX(-120%) skewX(-18deg);animation:c3a-luz .9s ease-out .25s both;pointer-events:none}
.c3a-ico{display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--c2),var(--c1));position:relative;flex:none;width:38px;height:38px;animation:c3a-pop .45s cubic-bezier(.3,1.6,.5,1) .1s both}
.c3a-ico svg{width:56%;height:56%;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.c3a-txt{min-width:0}
.c3a-tit{font-weight:700;letter-spacing:-.01em;font-size:16px;line-height:1.25}
.c3a-msg{opacity:.8;font-size:13.5px;line-height:1.35;margin-top:1px;overflow-wrap:anywhere}
.c3a-bar{display:none}
/* botões de ação (Desfazer, Marcar pago…) */
.c3a-acoes{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.c3a-acoes button{font:600 13.5px/1 inherit;font-family:inherit;padding:9px 14px;border-radius:999px;cursor:pointer;border:1px solid rgba(238,241,255,.28);background:transparent;color:#eef1ff;transition:transform .15s}
.c3a-acoes button:first-child{border-color:transparent;color:#fff;background:linear-gradient(135deg,#5b5bf7,#3d55f2 55%,#2f7cff)}
.c3a-acoes button:hover{transform:translateY(-1px)}
.c3a-acoes button:focus-visible{outline:2px solid #3fd2ff;outline-offset:2px}
@keyframes c3a-in{from{opacity:0;transform:translateY(30px) scale(.7)}}
@keyframes c3a-pop{from{opacity:0;transform:scale(.3) rotate(-35deg)}}
@keyframes c3a-luz{to{transform:translateX(330%) skewX(-18deg)}}
@keyframes c3a-sai{to{opacity:0;transform:translateY(-14px) scale(.96)}}
@keyframes c3a-fade{from{opacity:0}}
@keyframes c3a-fade-out{to{opacity:0}}
@media (prefers-reduced-motion:reduce){
  .c3a-box,.c3a-ico{animation-name:c3a-fade!important}
  .c3a-sai{animation-name:c3a-fade-out!important}
  .c3a-box::before{display:none}
}
body.nova-still .c3a-box,body.nova-still .c3a-ico{animation-name:c3a-fade!important}
body.nova-still .c3a-sai{animation-name:c3a-fade-out!important}
body.nova-still .c3a-box::before{display:none}
/* v3.43.0: aviso dentro de uma janela aberta (dialog): o tema das janelas não pode apagar o texto */
html body dialog .c3a .c3a-box,html body dialog .c3a .c3a-tit{color:#eef1ff!important}
html body dialog .c3a .c3a-msg{color:#eef1ff!important;opacity:.8}
/* v3.55.2: botão ocupado (Salvando…/Enviando…) */
.c3-spin { display: inline-block; width: 1em; height: 1em; margin-right: 0.45em; vertical-align: -0.15em; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: c3-spin 0.7s linear infinite; flex: none; }
@keyframes c3-spin { to { transform: rotate(360deg); } }
[aria-busy="true"] { cursor: progress !important; }