:root{
  --papel:#f6f2ea; --tinta:#1f1b16; --suave:#6b6259; --linha:#e2d9cb;
  --cartao:#fffdf8; --acento:#b4532a; --foco:#b4532a;
  --serif:Georgia,"Iowan Old Style","Palatino Linotype",serif;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--papel);color:var(--tinta);font:16px/1.5 var(--sans);overflow-x:hidden;min-width:0}
a{color:inherit}
:focus-visible{outline:3px solid var(--foco);outline-offset:2px}
.pular{position:absolute;left:-9999px}
.pular:focus{left:12px;top:12px;background:var(--tinta);color:var(--papel);padding:8px 12px;z-index:2}
.topo,main,.rodape{width:min(1200px,100% - 32px);margin-inline:auto}
.topo{padding:28px 0 8px}
.voltar{font-size:14px;color:var(--suave);text-decoration:none}
h1{font:600 clamp(30px,5vw,44px)/1.1 var(--serif);margin:12px 0 6px;letter-spacing:-.01em}
.sub{margin:0;color:var(--suave);max-width:60ch}

.resumo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0}
.stat{background:var(--cartao);border:1px solid var(--linha);border-radius:10px;padding:12px 14px;min-width:0}
.stat dt{font-size:13px;color:var(--suave)}
.stat dd{margin:2px 0;font:600 20px/1.2 var(--serif);overflow-wrap:anywhere}
.stat small{color:var(--suave)}

.novo{background:var(--cartao);border:1px solid var(--linha);border-radius:12px;padding:12px 16px;margin-bottom:20px}
.novo summary{cursor:pointer;font-weight:600;padding:4px 0}
.form{display:grid;grid-template-columns:1fr;gap:12px;padding:12px 0 4px}
.form label{display:grid;gap:4px;font-size:14px;color:var(--suave);min-width:0}
.form input,.form select{font:inherit;color:var(--tinta);background:#fff;border:1px solid #cfc4b3;border-radius:8px;padding:9px 11px;width:100%;min-width:0}
.btn{justify-self:start;font:600 15px var(--sans);background:var(--tinta);color:var(--papel);border:0;border-radius:8px;padding:10px 18px;cursor:pointer}
.btn:hover{background:#3a332b}
.aviso{margin:0;font-size:14px;color:var(--acento);min-height:1.2em}

.quadro{display:grid;grid-template-columns:1fr;gap:14px;padding:4px 0 40px}
.coluna{background:#ece5d8;border-radius:12px;padding:12px;min-width:0}
.coluna h2{display:flex;justify-content:space-between;align-items:baseline;font:600 18px var(--serif);margin:2px 2px 10px}
.coluna h2 .n{font:500 13px var(--sans);color:var(--suave);background:#fff;border-radius:99px;padding:1px 9px}
.cards{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.cartao{background:var(--cartao);border:1px solid var(--linha);border-radius:10px;padding:12px;min-width:0;box-shadow:0 1px 0 rgba(31,27,22,.04)}
.cartao h3{margin:0 0 2px;font:600 16px/1.3 var(--sans);overflow-wrap:anywhere}
.cli{margin:0;font-size:14px;color:var(--suave);overflow-wrap:anywhere}
.valor{margin:6px 0 10px;font:600 17px var(--serif);color:var(--acento)}
.mover{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px;color:var(--suave)}
.mover select{font:inherit;font-size:13px;color:var(--tinta);background:#fff;border:1px solid #cfc4b3;border-radius:6px;padding:4px 6px;max-width:100%}
.vazio{margin:0;font-size:14px;color:var(--suave);padding:8px 2px}
.rodape{border-top:1px solid var(--linha);padding:18px 0 32px;font-size:13px;color:var(--suave)}
.rodape code{font-size:12px}

@media (min-width:640px){
  .resumo{grid-template-columns:repeat(5,minmax(0,1fr))}
  .form{grid-template-columns:repeat(2,minmax(0,1fr))}
  .form .btn{align-self:end}
  .form .aviso{grid-column:1 / -1}
}
@media (min-width:900px){
  .quadro{grid-template-columns:repeat(5,minmax(0,1fr));align-items:start}
  .form{grid-template-columns:2fr 2fr 1fr 1.2fr auto}
  .form .aviso{grid-column:1 / -1}
}