/* AIFLUENT Pay — tokens e componentes. Marca: gradiente #22d3ee → #4f7bf0 → #a855f7,
   primária #4f7bf0, tinta #0b1020, fundo #f4f6fb, fonte Geist. */
:root{
  --g1:#22d3ee;--g2:#4f7bf0;--g3:#a855f7;
  --grad:linear-gradient(90deg,var(--g1),var(--g2),var(--g3));
  --primaria:#4f7bf0;--primaria-forte:#3a5fd9;--tinta:#0b1020;--tinta-suave:#1a2138;
  --fundo:#f4f6fb;--cartao:#ffffff;--linha:#e3e7f0;--texto:#0b1020;--texto2:#5b6478;--texto3:#8a93a6;
  --ok:#0f9d6b;--ok-bg:#e6f6ef;--alerta:#b7791f;--alerta-bg:#fdf4e3;--erro:#d64545;--erro-bg:#fdeaea;--info:#3a5fd9;--info-bg:#e9efff;
  --r:12px;--r-sm:8px;--sombra:0 1px 2px rgba(11,16,32,.06),0 4px 16px rgba(11,16,32,.05);
  --fonte:'Geist',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:var(--fonte);background:var(--fundo);color:var(--texto);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:var(--primaria-forte)}
h1,h2,h3{margin:0;font-weight:650;letter-spacing:-.01em}
.barra-marca{height:4px;background:var(--grad)}
button,.btn{font:inherit;cursor:pointer;border:1px solid var(--linha);background:var(--cartao);color:var(--texto);
  padding:8px 14px;border-radius:var(--r-sm);font-weight:550;display:inline-flex;align-items:center;gap:6px;text-decoration:none;line-height:1.3}
button:hover,.btn:hover{border-color:#c9d0de}
button:disabled{opacity:.55;cursor:not-allowed}
.btn-pri{background:var(--primaria);border-color:var(--primaria);color:#fff}
.btn-pri:hover{background:var(--primaria-forte);border-color:var(--primaria-forte)}
.btn-perigo{color:var(--erro);border-color:#f2c4c4}
.btn-sm{padding:5px 10px;font-size:13px}
input,select,textarea{font:inherit;color:var(--texto);background:#fff;border:1px solid var(--linha);border-radius:var(--r-sm);padding:9px 11px;width:100%}
input:focus,select:focus,textarea:focus{outline:2px solid rgba(79,123,240,.35);border-color:var(--primaria)}
textarea{min-height:90px;resize:vertical}
label{display:block;font-size:12.5px;font-weight:600;color:var(--texto2);margin:0 0 4px}
.campo{margin-bottom:12px}
.grade{display:grid;gap:12px}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:820px){.g2,.g3,.g4{grid-template-columns:1fr}}
.cartao{background:var(--cartao);border:1px solid var(--linha);border-radius:var(--r);box-shadow:var(--sombra);padding:18px}
.cartao+.cartao{margin-top:16px}
.cartao h2{font-size:15px;margin-bottom:12px}
.chip{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;background:#eef1f7;color:var(--texto2);white-space:nowrap}
.chip.ok{background:var(--ok-bg);color:var(--ok)}.chip.alerta{background:var(--alerta-bg);color:var(--alerta)}
.chip.erro{background:var(--erro-bg);color:var(--erro)}.chip.info{background:var(--info-bg);color:var(--info)}
.chip.demo{background:#f3e8ff;color:#7e22ce}
.aviso{padding:10px 14px;border-radius:var(--r-sm);background:var(--info-bg);color:var(--tinta-suave);font-size:13px;margin-bottom:14px;border:1px solid #d6e0ff}
.aviso.alerta{background:var(--alerta-bg);border-color:#f3dfb5}.aviso.erro{background:var(--erro-bg);border-color:#f2c4c4}.aviso.ok{background:var(--ok-bg);border-color:#bfe8d6}
table{width:100%;border-collapse:collapse}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--linha);vertical-align:top}
th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--texto3);font-weight:600;background:#fafbfd}
tr.clicavel{cursor:pointer}tr.clicavel:hover td{background:#f7f9ff}
.tabela{overflow-x:auto;border:1px solid var(--linha);border-radius:var(--r);background:#fff}
.tabela table td:last-child,.tabela table th:last-child{text-align:right}
.num{text-align:right;font-variant-numeric:tabular-nums}
.muted{color:var(--texto2)}.peq{font-size:12.5px}
.metricas{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:16px}
.metrica{background:#fff;border:1px solid var(--linha);border-radius:var(--r);padding:14px 16px;position:relative;overflow:hidden}
.metrica::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--grad)}
.metrica span{font-size:12px;color:var(--texto2);font-weight:600}.metrica b{display:block;font-size:22px;margin-top:4px;font-variant-numeric:tabular-nums}
.toast{position:fixed;right:16px;bottom:16px;z-index:99;background:var(--tinta);color:#fff;padding:12px 16px;border-radius:var(--r-sm);box-shadow:var(--sombra);max-width:420px}
.toast.erro{background:var(--erro)}
.vazio{padding:28px;text-align:center;color:var(--texto3)}
.linha-acoes{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.prop{display:grid;grid-template-columns:160px 1fr;gap:6px 12px;font-size:13.5px}.prop dt{color:var(--texto2)}.prop dd{margin:0}
@media(max-width:600px){.prop{grid-template-columns:1fr}}
.passos{list-style:none;padding:0;margin:0;counter-reset:p}
.passos li{counter-increment:p;padding:10px 0 10px 40px;position:relative;border-bottom:1px dashed var(--linha)}
.passos li::before{content:counter(p);position:absolute;left:0;top:9px;width:26px;height:26px;border-radius:50%;background:var(--info-bg);color:var(--info);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:13px}
.passos li.feito::before{content:"✓";background:var(--ok-bg);color:var(--ok)}
code,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}
.codigo-pix{word-break:break-all;background:#f7f8fb;border:1px dashed var(--linha);padding:10px;border-radius:var(--r-sm)}