:root{
  --azul:#1f5fbf; --azul-escuro:#183f7a; --tinta:#1a1c22; --cinza:#5b616e;
  --linha:#e2e5ea; --fundo:#f5f6f8; --ok:#1a7f43; --alerta:#b4690e; --erro:#b3261e;
  --raio:10px;
}
*{box-sizing:border-box}
body{margin:0;background:var(--fundo);color:var(--tinta);
  font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}
a{color:var(--azul);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%}
h1,h2,h3{line-height:1.2;margin:0 0 .5em}

.container{max-width:960px;margin:0 auto;padding:24px 16px}
.container-estreito{max-width:560px;margin:0 auto;padding:24px 16px}
.marca-pagina{text-align:center;margin:0 0 20px}
.marca-pagina img{max-width:240px;height:auto}
.topo .marca img{height:30px;display:block}

.topo{background:#fff;border-bottom:1px solid var(--linha);position:sticky;top:0;z-index:10}
.topo .barra{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:14px;
  padding:10px 16px;flex-wrap:wrap}
.topo .marca{font-weight:700;color:var(--tinta)}
.topo nav{display:flex;gap:4px;flex-wrap:wrap;margin-left:auto}
.topo nav a{padding:6px 10px;border-radius:8px;color:var(--cinza);font-size:14px}
.topo nav a.ativo{background:var(--azul);color:#fff}
.topo nav a.sair{color:var(--erro)}

.cartao{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:20px;margin-bottom:16px}
.cartao h2{font-size:17px}

.campo{margin-bottom:14px}
.campo label{display:block;font-weight:600;font-size:14px;margin-bottom:4px}
.campo input,.campo select,.campo textarea{width:100%;padding:10px 12px;border:1px solid var(--linha);
  border-radius:8px;font:inherit;background:#fff}
.campo .ajuda{font-size:12px;color:var(--cinza);margin-top:3px}

.botao{display:inline-block;background:var(--azul);color:#fff;border:0;border-radius:8px;
  padding:11px 18px;font:inherit;font-weight:600;cursor:pointer}
.botao:hover{background:var(--azul-escuro);text-decoration:none}
.botao.largo{width:100%;text-align:center}
.botao.sec{background:#eef1f6;color:var(--tinta)}
.botao.perigo{background:var(--erro)}
.botao:disabled{opacity:.5;cursor:not-allowed}

.msg{padding:10px 14px;border-radius:8px;margin-bottom:14px;font-size:14px}
.msg.erro{background:#fde8e6;color:var(--erro)}
.msg.ok{background:#e4f4ea;color:var(--ok)}
.msg.aviso{background:#fbefdd;color:var(--alerta)}

table{border-collapse:collapse;width:100%;font-size:14px}
th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--linha);vertical-align:top}
th{font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--cinza)}
.tabela-rolavel{overflow-x:auto}

.selo{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600}
.selo.ok{background:#e4f4ea;color:var(--ok)}
.selo.espera{background:#eef1f6;color:var(--cinza)}
.selo.analise{background:#fbefdd;color:var(--alerta)}
.selo.suspeito{background:#fde8e6;color:var(--erro)}

.grade{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.kpi{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:16px}
.kpi .n{font-size:24px;font-weight:700}
.kpi .r{font-size:13px;color:var(--cinza)}

.cartaz{width:100%;border-radius:var(--raio);border:1px solid var(--linha)}
.qr{max-width:280px;display:block;margin:12px auto;border:1px solid var(--linha);border-radius:8px}
.valor-destaque{font-size:26px;font-weight:700;text-align:center;margin:8px 0}
.rodape{text-align:center;color:var(--cinza);font-size:13px;padding:24px}