/* MARCA (Hourvest e Levelvest): o visual das duas paginas num arquivo so. Mexeu aqui? Copie para o outro servico:
   src/farm/painel/marca.css e src/levelvest/painel/marca.css precisam ser IGUAIS (ha teste para isso).
   Sobre o Tabler (vendor/tabler.min.css): preto premium com azul, branco e um toque de vermelho.
   So variaveis do kit e o que ele nao traz. Verde, ambar e vermelho aparecem apenas
   como ESTADO da conta, nunca como enfeite. */

:root, [data-bs-theme=dark] {
  --marca-degrade: linear-gradient(135deg, #1d4ed8 0%, #3b82f6 55%, #7dd3fc 100%);
  --tblr-body-bg: #050507;
  --tblr-bg-surface: #0d0d12;
  --tblr-bg-surface-secondary: #14141c;
  --tblr-bg-surface-tertiary: #1a1a24;
  --tblr-border-color: rgba(255, 255, 255, .08);
  --tblr-border-color-translucent: rgba(255, 255, 255, .08);
  --tblr-primary: #3b82f6;
  --tblr-primary-rgb: 59, 130, 246;
  --tblr-link-color: #8ab8ff;
  --tblr-body-color: #e9e9f2;
  --tblr-secondary: #9a9bb0;
  --tblr-secondary-color: #9a9bb0;
}

body {
  background:
    radial-gradient(900px 520px at 6% -14%, rgba(37, 99, 235, .24), transparent 62%),
    radial-gradient(700px 480px at 100% 4%, rgba(255, 255, 255, .06), transparent 60%),
    radial-gradient(760px 480px at 100% 112%, rgba(239, 68, 68, .10), transparent 62%),
    #050507;
  background-attachment: fixed;
  letter-spacing: -0.005em;
}
h1, h2, h3, .page-title { letter-spacing: -0.02em; }
[hidden] { display: none !important; }

/* --- topo e marca ---------------------------------------------------------------- */
.navbar { background: rgba(5, 5, 7, .72); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--tblr-border-color); }
.marca-logo { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px;
  border-radius: 11px; color: #fff; background: var(--marca-degrade); box-shadow: 0 6px 22px rgba(59, 130, 246, .5); }
.marca-logo .icone { width: 22px; height: 22px; margin: 0; }
.icone { width: 1.15em; height: 1.15em; vertical-align: -0.2em; flex: none; }

/* --- botoes e cartoes ---------------------------------------------------------------- */
.btn-primary { background: var(--marca-degrade); border: 0; color: #fff; font-weight: 600;
  box-shadow: 0 8px 24px rgba(59, 130, 246, .34); }
.btn-primary:hover:not(:disabled) { filter: brightness(1.12); color: #fff; }
.btn-primary:disabled { opacity: .5; }
.btn-outline-secondary { --tblr-btn-color: #d6d6e4; --tblr-btn-border-color: rgba(255, 255, 255, .16); }
.card, .modal-content { background: rgba(255, 255, 255, .035); border: 1px solid var(--tblr-border-color);
  box-shadow: 0 14px 40px rgba(0, 0, 0, .45); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }
.modal-content { background: rgba(13, 13, 18, .96); }
.card { transition: border-color .15s ease; }
.card:hover { border-color: rgba(255, 255, 255, .16); }
.form-control { background: #08080c; border-color: rgba(255, 255, 255, .1); }
.form-control:focus { border-color: #3b82f6; box-shadow: 0 0 0 .2rem rgba(59, 130, 246, .25); }


/* seletor Hourvest | Levelvest: troca a pagina inteira, no mesmo endereco */
.troca-site { display: inline-flex; border: 1px solid var(--tblr-border-color); border-radius: 999px; padding: 3px; background: rgba(255, 255, 255, .03); }
.troca-site a { padding: 5px 14px; border-radius: 999px; font-weight: 700; font-size: .85rem; color: var(--tblr-secondary, #8fa1c4); text-decoration: none; }
.troca-site a:hover { color: #fff; }
.troca-site a.ativo { background: linear-gradient(180deg, #4f8ff8, #1d4ed8); color: #fff; box-shadow: 0 4px 14px rgba(59, 130, 246, .35); }
@media (max-width: 520px) { .troca-site a { padding: 5px 10px; font-size: .8rem; } #link-ajuda { display: none; } }

/* --- pedaços comuns das duas paginas ------------------------------------------------------- */
a { color: var(--tblr-link-color); }