.gestao { margin-top: 28px; }
.gestao-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,290px),1fr)); gap: 16px; }
.gestao-card { padding: 20px; background: var(--papel); border: 1px solid var(--linha); border-radius: var(--r); margin: 12px 0; overflow-wrap: anywhere; }
.gestao-card h3 { margin: 0 0 12px; }
.gestao .btn-row { flex-wrap: wrap; gap: 8px; }
.gestao label, .gestao-dialog label { display: flex; flex-direction: column; gap: 6px; font-size: 13px; margin: 10px 0; }
.gestao input, .gestao select, .gestao-dialog input, .gestao-dialog select, .gestao-dialog textarea { width: 100%; box-sizing: border-box; color: var(--tinta); background: var(--papel); border: 1px solid var(--linha); border-radius: 6px; padding: 10px; font: inherit; }
.gestao-dialog { width: min(680px,94vw); max-height: 90vh; box-sizing: border-box; overflow-y: auto; border: 1px solid var(--linha); border-radius: 12px; color: var(--tinta); background: var(--papel); padding: 24px; }
.gestao-dialog::backdrop { background: #0008; }
.gestao-dialog textarea { min-height: 80px; }
.gestao-erro { color: var(--vermelho, #b33); white-space: pre-wrap; }
.gestao-historico { border-top: 1px solid var(--linha); padding: 10px 0; }
.gestao-muted { color: var(--hint); }
.gestao-cabecalho { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.gestao-dialog [hidden] { display: none !important; }
.gestao section, #governanca-projeto { scroll-margin-top: 80px; }
.gestao-card, .gestao-dialog { background: var(--superficie); }

.projeto-transicao { padding: 12px 0; border-bottom: 1px solid var(--linha); display:flex; flex-wrap:wrap; gap:12px; align-items:center; justify-content:space-between; }
.gestao nav { display:flex; flex-wrap:wrap; gap:8px; margin:20px 0; }
.gestao .is-ativo { border-color:var(--tinta); font-weight:600; }
.gestao dt { font-weight:600; margin-top:12px; }
.gestao dd { margin-left:0; white-space:pre-wrap; }
.gestao-card p { white-space:pre-wrap; }
.gestao :focus-visible, .gestao-dialog :focus-visible { outline:3px solid var(--tinta); outline-offset:3px; }
.gestao-dialog h2 { margin-top:0; }
.gestao-tabela { overflow:auto; }
.gestao-tabela table { width:100%; border-collapse:collapse; }
.gestao-tabela th,.gestao-tabela td { padding:12px; text-align:left; border-bottom:1px solid var(--linha); }
@media(max-width:480px) { .gestao-dialog { padding:16px; } .gestao-card { padding:16px; } }
.gestao input[type=checkbox] { width:auto; }