/* Shell comum do portal /fms/ — fonte única de identidade visual (Fase 1).
   Carregado por último (antes de </head>), tem prioridade sobre o <style> inline.
   As páginas do portal ainda repetem estes blocos inline por herança histórica;
   shell.css é agora o cânone — novas páginas (ex.: hub ambiente) usam só isto. */

:root{
  --ink:#15242b;--paper:#fbfaf7;--gov:#1b4a5c;--gov-deep:#0f323f;
  --alert:#b5402f;--ok:#2f7d54;--warn:#c98a23;--line:#dde3e2;--muted:#5d6c6f;--card:#fff;
}

/* faixa governamental + cabeçalho institucional */
.govstrip{background:var(--gov-deep);color:#cfe0e2;font-size:.72rem;letter-spacing:.04em}
.govstrip .wrap{display:flex;justify-content:space-between;align-items:center;height:32px;gap:12px}
header.site{background:#fff;border-bottom:1px solid var(--line)}
.masthead{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 0;flex-wrap:wrap}
.org-line h1{font-size:1.02rem;font-weight:700;letter-spacing:-.01em}
.org-line p{font-size:.8rem;color:var(--muted)}
.gov-band{height:54px;width:auto;display:block}
@media(max-width:620px){.gov-band{height:42px}}

/* navegação principal em grupos (Panorama · Camadas · Acesso) */
nav.main{border-top:1px solid var(--line)}
nav.main .wrap{display:flex;gap:4px;flex-wrap:wrap;align-items:center}
nav.main a{padding:12px 16px;font-size:.88rem;text-decoration:none;color:var(--muted);font-weight:500;white-space:nowrap}
nav.main a.active{color:var(--gov);box-shadow:inset 0 -2px 0 var(--alert)}
nav.main a:hover{color:var(--gov)}
nav.main a.gestor{margin-left:auto;color:var(--gov);font-weight:600}
@media(max-width:620px){nav.main a.gestor{margin-left:0}}
nav.main .nav-sep{width:1px;height:18px;align-self:center;background:var(--line);margin:0 8px;flex:0 0 auto}
@media(max-width:620px){nav.main .nav-sep{display:none}nav.main .wrap{gap:2px}}

/* rodapé institucional */
footer.site{background:var(--gov-deep);color:#bcd0d3;padding:34px 0;font-size:.84rem;margin-top:60px}
footer.site .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px}
footer.site a{color:#e3eeef}
.src-note{font-size:.78rem;color:var(--muted);font-style:italic}