/* Navegação em grade: estilos locais, com as cores do tema atual do SIGEL. */
:root body .sigel-abrir-grade{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:8px 14px;border:1px solid var(--borda);border-radius:11px;background:var(--superficie-2);color:var(--texto);font:inherit;text-align:left;cursor:pointer}
.sigel-abrir-grade>svg{width:28px;height:28px;padding:5px;border-radius:8px;background:var(--verde);color:white;fill:none;stroke:currentColor;stroke-width:1.7;box-sizing:content-box}
.sigel-abrir-grade>span{display:grid;gap:3px}.sigel-abrir-grade small{color:var(--cinza);font-size:11px}
:root body dialog.sigel-grade{inset:0;width:min(1160px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 48px);box-sizing:border-box;margin:auto;padding:0;border:1px solid var(--borda);border-radius:18px;background:var(--fundo);color:var(--texto);box-shadow:0 24px 80px #00182b55;overflow:auto;overscroll-behavior:contain;font-size:calc(14px * var(--sigel-escala-fonte,1))}
.sigel-grade::backdrop{background:#031728a8;backdrop-filter:blur(5px)}
.sigel-grade .sigel-grade-cabecalho{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;background:linear-gradient(115deg,#086694,#009b72);color:white}
.sigel-grade h2{margin:0;font-size:1.5em;font-weight:400}.sigel-grade p{margin:6px 0 0;font-size:.9em}
:root body .sigel-grade button{font:inherit;font-weight:400;cursor:pointer}
.sigel-grade [data-grade-fechar]{flex:none;width:38px;height:38px;border:1px solid #ffffff60;border-radius:9px;background:#ffffff18;color:#fff;font-size:24px}
.sigel-grade-barra{padding:12px 22px 0}.sigel-grade-barra:has([hidden]){display:none}
.sigel-grade [data-grade-voltar],.sigel-grade [data-grade-sair]{padding:9px 12px;border:1px solid var(--borda);border-radius:8px;background:var(--superficie);color:var(--texto)}
.sigel-grade [hidden]{display:none!important}
.sigel-grade .sigel-grade-cartoes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:22px}
.sigel-grade .sigel-grade-cartao{display:flex;align-items:center;gap:13px;min-width:0;min-height:88px;padding:16px;border:1px solid var(--borda);border-radius:12px;background:var(--superficie);color:var(--texto);text-align:left;transition:border-color .15s,background .15s}
.sigel-grade .sigel-grade-cartao:hover{background:var(--superficie-2);border-color:var(--azul-claro)}
.sigel-grade-cartao[aria-current]{box-shadow:inset 3px 0 var(--verde)}
.sigel-grade-icone{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:11px;background:var(--superficie-2);color:var(--azul-claro)}
.sigel-grade-icone>span{display:grid;place-items:center}.sigel-grade-icone :is(svg,img){width:27px;height:27px;object-fit:contain}.sigel-grade-icone svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sigel-grade-texto{display:grid;gap:7px;min-width:0;flex:1;overflow-wrap:anywhere}.sigel-grade-texto small{color:var(--cinza);font-size:.84em;line-height:1.4}.sigel-grade-seta{color:var(--verde);font-size:23px}
.sigel-grade footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 22px 18px;color:var(--cinza);font-size:.85em}
:root body :is(.sigel-abrir-grade,.sigel-grade button):focus-visible{outline:2px solid var(--azul-claro);outline-offset:3px}
@media(max-width:900px){.sigel-grade .sigel-grade-cartoes{grid-template-columns:repeat(2,minmax(0,1fr))}.sigel-abrir-grade small{display:none}}
@media(max-width:560px){:root body dialog.sigel-grade{width:calc(100vw - 20px);max-height:calc(100dvh - 24px);border-radius:12px}.sigel-grade .sigel-grade-cartoes{grid-template-columns:minmax(0,1fr);padding:14px;gap:10px}.sigel-grade .sigel-grade-cartao{min-height:72px;padding:12px}.sigel-grade .sigel-grade-cabecalho{padding:16px}.sigel-grade footer{padding:0 14px 14px}:root body .sigel-abrir-grade{min-height:40px;padding:5px 10px}.sigel-abrir-grade>svg{width:20px;height:20px}}
@media(prefers-reduced-motion:reduce){.sigel-grade .sigel-grade-cartao{transition:none}}
@media print{.sigel-abrir-grade,.sigel-grade{display:none!important}}

.sigel-grade .sigel-grade-vazia{grid-column:1/-1;margin:0;padding:18px;color:var(--cinza);line-height:1.6}
