:root{--bg:#f5f7fb;--bg-card:#fff;--primary:#23395b;--primary-soft:#2f4f7f;--accent:#8c4aca;--text:#333;--muted:#6b7280;--border:#e5e7eb}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);line-height:1.55}
header{background:linear-gradient(90deg,var(--primary),var(--accent));color:#fff;padding:.9rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;box-shadow:0 2px 6px rgba(15,23,42,.25)}
.header-left{display:flex;align-items:center;gap:.75rem}
.header-left img{width:44px;height:44px;border-radius:8px;background:#fff;padding:4px}
header h1{font-size:1.25rem;font-weight:650}
header span{font-size:.92rem;opacity:.92}
.tag{background:rgba(255,255,255,.12);border-radius:999px;padding:.25rem .9rem;font-size:.8rem;border:1px solid rgba(255,255,255,.25)}
.layout{display:grid;grid-template-columns:280px 1fr;gap:1.3rem;padding:1.3rem}
nav{background:var(--bg-card);border-radius:.9rem;border:1px solid var(--border);padding:1rem;box-shadow:0 2px 5px rgba(15,23,42,.05);height:max-content;position:sticky;top:1.3rem}
nav h2{font-size:1rem;margin-bottom:.75rem;color:var(--primary-soft)}
nav h3{font-size:.83rem;margin:.75rem 0 .25rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
nav ul{list-style:none;margin-bottom:.5rem}
nav li{margin-bottom:.15rem}
nav a{display:block;padding:.28rem .45rem;font-size:.92rem;text-decoration:none;color:var(--text);border-radius:.4rem;transition:background .15s ease,color .15s ease,transform .05s ease}
nav a:hover,nav a.active{background:rgba(140,74,202,.10);color:var(--primary-soft);transform:translateX(2px)}
main{display:flex;flex-direction:column;gap:1rem}
.card{background:var(--bg-card);border-radius:.9rem;border:1px solid var(--border);padding:1.1rem 1.25rem;box-shadow:0 2px 5px rgba(15,23,42,.05)}
.card h2{font-size:1.15rem;margin-bottom:.35rem;color:var(--primary-soft)}
.card p{font-size:.98rem;color:var(--muted);margin-bottom:.55rem}
.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.25rem}
.chip{font-size:.82rem;padding:.25rem .6rem;border-radius:999px;border:1px solid var(--border);background:#f9fafb;color:var(--muted)}
.table-wrapper{width:100%;overflow-x:auto;margin-top:.6rem}
table{width:100%;border-collapse:collapse;font-size:.88rem}
thead{background:#f3f4f6}
th,td{padding:.45rem .55rem;border:1px solid var(--border);text-align:left;vertical-align:top}
th{font-weight:650;color:var(--primary-soft)}
tfoot td{font-weight:700}
.btn-link{display:inline-flex;align-items:center;gap:.35rem;margin-top:.6rem;padding:.38rem .85rem;font-size:.86rem;border-radius:999px;border:1px solid var(--accent);color:var(--accent);text-decoration:none;background:rgba(140,74,202,.05);transition:background .15s ease,transform .05s ease}
.btn-link:hover{background:rgba(140,74,202,.12);transform:translateY(-1px)}
footer{text-align:center;padding:1rem 1.5rem 1.5rem;font-size:.82rem;color:var(--muted)}
@media (max-width:880px){.layout{grid-template-columns:1fr}nav{position:static}}
/* --- Páginas de lista (apoio) --- */
.page{max-width:1200px;margin:0 auto;padding:1.3rem}
.hint{color:var(--muted);font-size:.95rem}


/* V1.2.1.2 — destaque participação social */
.card-highlight{
  border:2px solid rgba(107,74,199,.35);
  background: linear-gradient(180deg, rgba(107,74,199,.08), rgba(214,181,109,.08));
}
.btn-primary{
  background: rgba(107,74,199,.10);
  border:1px solid rgba(107,74,199,.35);
}
.btn-primary:hover{ filter: brightness(1.03); }
.nav-badge{
  display:inline-block;
  margin-left:8px;
  padding:2px 8px;
  border-radius:999px;
  font-size:11px;
  line-height:1.6;
  border:1px solid rgba(107,74,199,.35);
  background: rgba(107,74,199,.10);
}