:root{--fundo:#f6f1e8;--papel:#fffdf9;--tinta:#2b2521;--mudo:#7a6f66;--marca:#8b6b43;--marca-escura:#6e5233;--borda:#e5dccf;--alerta:#b3413a;--ok:#3f7d4e}
*{box-sizing:border-box}
body{margin:0;background:var(--fundo);color:var(--tinta);font:16px/1.5 -apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
a{color:var(--marca-escura)}
.topo{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:var(--papel);border-bottom:1px solid var(--borda)}
.marca{font-weight:700;letter-spacing:.02em;text-decoration:none;color:var(--marca-escura);font-size:18px}
.topo nav{display:flex;gap:14px;align-items:center}
.conteudo{max-width:860px;margin:0 auto;padding:20px 16px 40px}
h1{font-size:26px;margin:8px 0 6px}
h2{font-size:19px;margin:0 0 10px}
h3{font-size:16px;margin:16px 0 6px}
.mudo{color:var(--mudo)}
.dica{color:var(--mudo);font-size:14px;margin:6px 0 14px}
.discreto{color:var(--mudo);text-decoration:none}
.cartao{background:var(--papel);border:1px solid var(--borda);border-radius:14px;padding:20px;margin:16px 0}
.estreito{max-width:520px}
.centro{text-align:center}
label{display:block;font-weight:600;margin:12px 0 4px}
input[type=text],input[type=number],input[type=password],select,input[type=file]{display:block;width:100%;padding:11px 12px;border:1px solid var(--borda);border-radius:10px;font:inherit;background:#fff;margin-top:4px}
.linha{display:flex;gap:14px;flex-wrap:wrap}.linha label{flex:1 1 160px}
.botao{display:inline-block;background:var(--marca);color:#fff;border:0;border-radius:10px;padding:10px 16px;font:inherit;font-weight:600;text-decoration:none;cursor:pointer}
.botao:hover{background:var(--marca-escura)}
.botao.grande{padding:14px 22px;font-size:17px;margin-top:14px}
.botao:disabled{opacity:.6}
.alerta{color:var(--alerta);font-weight:600}
.lista{list-style:none;padding:0;margin:0}
.item a{display:flex;gap:14px;align-items:center;background:var(--papel);border:1px solid var(--borda);border-radius:14px;padding:12px;margin:10px 0;text-decoration:none;color:inherit}
.miniatura{width:96px;height:96px;flex:0 0 96px;border-radius:10px;overflow:hidden;background:#eee}
.miniatura img{width:100%;height:100%;object-fit:cover}
.texto{display:flex;flex-direction:column;gap:2px}
.etiqueta{font-size:13px;font-weight:600;padding:2px 8px;border-radius:999px;background:#eee;width:max-content}
.etiqueta.pronto{background:#fff1cf;color:#7a5a00}.etiqueta.aprovado{background:#dff2e3;color:var(--ok)}.etiqueta.processando{background:#e6e9f5;color:#3b4a8a}.etiqueta.erro{background:#f8dcd9;color:var(--alerta)}
.simulacao,.previa{width:100%;height:auto;border-radius:10px;display:block;margin:8px 0}
.previa{max-width:360px;margin:16px auto}
details{margin:10px 0}summary{cursor:pointer;color:var(--marca-escura);font-weight:600}
.dados{width:100%;border-collapse:collapse}.dados th{text-align:left;color:var(--mudo);font-weight:600;padding:6px 8px 6px 0;width:40%;vertical-align:top}.dados td{padding:6px 0}
.cor{display:inline-flex;align-items:center;gap:6px;margin-right:12px}.cor i{width:16px;height:16px;border-radius:50%;border:1px solid #0002;display:inline-block}
.avisos{margin:0;padding-left:20px}.avisos li{margin:4px 0}
.acoes{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:10px 0}
.refazer{margin-top:18px;border-top:1px solid var(--borda);padding-top:12px}
.girando{width:44px;height:44px;border:4px solid var(--borda);border-top-color:var(--marca);border-radius:50%;margin:10px auto 16px;animation:g 1s linear infinite}
@keyframes g{to{transform:rotate(360deg)}}
.rodape{text-align:center;color:var(--mudo);font-size:13px;padding:20px;border-top:1px solid var(--borda)}
.rodape a{text-decoration:none;color:var(--marca-escura)}
