:root { --verde:#2f6b3a; --verde-esc:#234f2b; --fundo:#f3f5f1; --card:#fff; --borda:#d8ddd4; --texto:#1d2a1f; --suave:#5d6b5f; --erro:#b3261e; }
* { box-sizing: border-box; }
body { margin:0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; background:var(--fundo); color:var(--texto); font-size:16px; }
header.topo { background:var(--verde); color:#fff; padding:12px 16px; display:flex; align-items:center; justify-content:space-between; gap:12px; }
header.topo h1 { font-size:1.05rem; margin:0; }
header.topo a, header.topo button.link { color:#fff; background:none; border:0; font:inherit; text-decoration:underline; cursor:pointer; padding:0; }
main { max-width:720px; margin:0 auto; padding:16px; }
.card { background:var(--card); border:1px solid var(--borda); border-radius:10px; padding:16px; margin-bottom:16px; }
.card h2 { margin:0 0 12px; font-size:1.05rem; }
label { display:block; font-size:.9rem; color:var(--suave); margin:12px 0 4px; }
input, select { width:100%; padding:12px; font-size:1rem; border:1px solid var(--borda); border-radius:8px; background:#fff; color:var(--texto); }
button.btn { padding:12px 16px; font-size:1rem; border:0; border-radius:8px; background:var(--verde); color:#fff; cursor:pointer; margin-top:16px; }
button.btn:hover { background:var(--verde-esc); }
button.btn.sec { background:#e6eae2; color:var(--texto); }
button.btn.peq { padding:8px 12px; margin-top:0; font-size:.9rem; }
.msg { margin-top:12px; font-size:.95rem; min-height:1.2em; }
.msg.erro { color:var(--erro); }
.msg.ok { color:var(--verde); }
.lista .item { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:12px 0; border-top:1px solid var(--borda); }
.lista .item:first-child { border-top:0; }
.item small { color:var(--suave); display:block; }
.item.inativo { opacity:.55; }
.menu a { display:block; padding:14px; margin-bottom:8px; background:#e6eae2; border-radius:8px; color:var(--texto); text-decoration:none; }
.centro { max-width:380px; margin:12vh auto 0; padding:16px; }