:root{--verde:#123d2b;--verde-claro:#dce8df;--borda:#dce5df;--texto:#202b24;--suave:#637168;--erro:#a32b2b;--ok:#1d6b43;--aviso:#8a5a00}
*{box-sizing:border-box}
body{font:16px system-ui,sans-serif;margin:0;background:#f3f6f4;color:var(--texto)}
header{background:var(--verde);color:#fff;padding:16px 20px}
header h1{margin:0 0 2px;font-size:1.4rem}
main{max-width:950px;margin:auto;padding:12px}
h2{margin-top:0}
h3{margin:20px 0 8px}
.card{background:#fff;border:1px solid var(--borda);border-radius:12px;padding:16px;margin:12px 0}
.barra{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
input,select,button,textarea{font:inherit;padding:11px;border-radius:8px;border:1px solid #ccd7cf}
input,select{display:block;width:100%;margin:6px 0 12px;background:#fff}
label{display:block;font-size:.95rem}
button{cursor:pointer;background:var(--verde);color:#fff;border:0;margin:4px 4px 4px 0}
button:disabled{opacity:.55;cursor:wait}
button.sec{background:var(--verde-claro);color:var(--verde)}
nav{display:flex;flex-wrap:wrap;gap:4px}
nav button{background:var(--verde-claro);color:var(--verde);margin:0}
nav button.ativo{background:var(--verde);color:#fff}
.muted{color:var(--suave);font-size:.9rem}
.msg{min-height:1.2em;margin:8px 2px;font-size:.95rem}
.msg.ok{color:var(--ok)}
.msg.erro{color:var(--erro);font-weight:600}
.item{padding:12px 0;border-bottom:1px solid #e4eae6;overflow-wrap:anywhere}
.item:last-child{border-bottom:0}
.linha{display:flex;gap:6px;flex-wrap:wrap;align-items:flex-end}
.linha>*{flex:1 1 110px}
.linha input,.linha select{margin-bottom:6px}
.linha button{flex:0 0 auto;margin-bottom:6px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.kpi{background:#f3f6f4;border:1px solid var(--borda);border-radius:10px;padding:12px}
.kpi span{display:block;color:var(--suave);font-size:.85rem}
.kpi b{font-size:1.15rem}
.selo{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.8rem;font-weight:600;background:var(--verde-claro);color:var(--verde)}
.selo.pendente,.selo.baixo{background:#fbe3e3;color:var(--erro)}
.selo.parcial{background:#fff0cc;color:var(--aviso)}
.selo.completo{background:#d8f0e2;color:var(--ok)}
[hidden]{display:none!important}