/* ============================================================
   BOLSA ON CAFÉ — pele PADRÃO (Asaas azul), compartilhada.
   Carregada por ÚLTIMO no <head> de cada tela "de dentro": sobrepõe o
   visual antigo (fundo esverdeado + card chapado + título Georgia) pelo
   padrão novo, sem reescrever o <style> de cada arquivo.
   Regras de classe vencem por ORDEM (vem depois); só o h1 usa !important
   porque o serif antigo está inline em cada tela.
   ============================================================ */

/* paleta azul (sobrepõe o :root local pelas mesmas chaves) */
:root{
  --blue:#2f6fed; --blue-d:#1e50c8; --blue-l:#4b86f7;
  --green:#2f6fed; --green-d:#1e50c8; --green-bg:rgba(47,111,237,.10);
  --ink:#12202e; --muted:#5c6674; --muted2:#8a94a2;
  --line:#e6ebf3; --line2:#dbe3f0; --surface2:#f0f4fb; --surface3:#eef1f7;
  --sh-sm:0 6px 18px rgba(20,35,60,.07); --sh:0 18px 40px rgba(20,35,60,.14);
}

/* fundo azulado (igual à Central) */
body{ background:#f4f7fe; }

/* título: mata o serif antigo (inline) e deixa forte, system — precisa de !important */
h1{ font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif !important; font-weight:800 !important; letter-spacing:-.02em; }

/* etiqueta azul acima do título */
.eyebrow{ color:var(--blue); }

/* barra de topo branca com borda suave */
.top{ background:#fff; border-bottom:1px solid var(--line); }

/* cards: cantos maiores + sombra suave (o "flutua" do Asaas) */
.card{ border:1px solid var(--line); border-radius:16px; box-shadow:var(--sh-sm); }

/* botões */
.btn{ border-radius:9px; border-color:var(--line2); }
.btn-green{ background:var(--blue); color:#fff; border-color:var(--blue); }

/* banner de sucesso */
.ok{ background:var(--green-bg); color:var(--blue-d); border:1px solid rgba(47,111,237,.25); }

/* tabelas: cabeçalho com leve tom azul, borda suave */
table th{ background:#f2f5fb; color:var(--muted); }
td{ border-top:1px solid var(--line); }

/* campos */
.inp{ border:1px solid var(--line2); background:#f0f4fb; }

/* link "voltar" */
a.back{ color:var(--blue); }