/* Camada visual do portal: restrita ao painel, preservando as páginas públicas. */
.painel {
 --cor-marca:#087f8c; --cor-marca-hover:#066b77; --cor-marca-texto:#076573;
 --cor-marca-suave:#e8f6f7; --cor-marca-clara:#b9edf0;
 --fundo:#f3f6fa; --largura-lateral:248px; --altura-topo:64px;
 --sombra-1:0 2px 8px rgb(20 42 65 / 4%);
}
.painel .topo { box-shadow:0 1px 12px rgb(20 42 65 / 4%); padding-inline:24px; }
.painel .marca { font-weight:800; letter-spacing:-.035em; }
.painel .marca-icone { width:30px; height:30px; }
.painel .lateral { position:sticky; top:var(--altura-topo); height:calc(100dvh - var(--altura-topo)); overflow-y:auto; padding:24px 14px 16px; background:#122a3d; border-right:0; scrollbar-width:thin; scrollbar-color:#466071 transparent; }
.lateral-titulo { display:block; padding:0 12px 15px; color:#a9c2d3; text-transform:uppercase; font-size:.65rem; font-weight:700; letter-spacing:.11em; }
.painel .lateral a { color:#d1dfe9; padding:11px 12px; min-height:44px; border-radius:10px; font-weight:550; }
.painel .lateral a:hover { background:#203f54; color:#fff; }
.painel .lateral a.ativo { color:#fff; background:#166271; box-shadow:inset 3px 0 #5be1db; }
.painel .lateral .icone { color:#91b3c8; }
.painel .lateral a.ativo .icone { color:#8bf3e9; }
.painel .lateral-sep { background:#2b4456; margin-block:10px; }
.lateral-rodape { margin-top:auto; padding:28px 12px 6px; font-size:.75rem; font-weight:700; color:#c4d7e3; }
.lateral-rodape span { display:block; font-weight:400; color:#96b3c7; font-size:.68rem; margin-top:4px; }
.painel .conteudo { padding:clamp(20px,2.2vw,38px); min-width:0; }
.painel .pagina-cab { gap:16px; margin-bottom:24px; }
.painel .pagina-cab h1 { letter-spacing:-.035em; font-weight:800; font-size:clamp(1.4rem,2.1vw,1.9rem); }
.painel .subtitulo { line-height:1.6; margin-top:7px; }
.painel .cartao { box-shadow:var(--sombra-1); border-color:#e0e8ef; border-radius:16px; }
.painel .cartao-cab { padding:18px 22px; }
.painel .cartao-corpo { padding:22px; }
.painel .cartao-cab h2 { font-size:1rem; letter-spacing:-.02em; }
.painel .botao { transition:background .15s,border-color .15s,box-shadow .15s; min-height:38px; height:auto; padding-block:8px; line-height:1.35; }
.painel .botao.primario { background:var(--cor-marca); border-color:var(--cor-marca); box-shadow:0 3px 9px #087f8c20; color:#fff; }
.painel .botao.primario:hover { background:var(--cor-marca-hover); border-color:var(--cor-marca-hover); box-shadow:0 5px 14px #087f8c30; }
.painel .botao.secundario:hover { background:#eef8f8; border-color:#8bbfc4; }
.painel .botao.pequeno { min-height:34px; padding-block:6px; }
.painel .botao.link { min-height:34px; }
.painel .campo input:focus, .painel .campo textarea:focus, .painel .campo select:focus { box-shadow:0 0 0 3px #087f8c20; }
.painel .filtros { padding:16px 18px; border-radius:14px; }
.painel .filtros .campo { max-width:none; }
.painel .kpis { grid-template-columns:repeat(auto-fit,minmax(min(100%,185px),1fr)); gap:14px; }
.painel .kpi { padding:18px; border-radius:14px; position:relative; overflow:hidden; }
.painel .kpi-valor { font-size:1.8rem; margin-block:6px 2px; }
.painel .kpi-link:hover .kpi { box-shadow:0 7px 20px #102a4310; }
.painel .vazio { padding:32px 20px; border-color:#c7d8e3; background:#f7fafc; }
.painel .tabela th { font-size:.7rem; padding-block:13px; }
.painel .tabela td { padding-block:13px; }
.painel .abas { gap:6px; }
.painel .abas a { padding:12px 16px; }
.painel .badge { min-height:23px; height:auto; padding-block:4px; line-height:1.25; }
.painel .flash { display:flex; gap:12px; align-items:flex-start; padding-right:12px; }
.painel .flash > span { flex:1; min-width:0; }
.flash-fechar { flex:none; border:0; background:transparent; color:inherit; cursor:pointer; border-radius:6px; width:32px; height:32px; font:24px/1 var(--fonte); margin-top:-5px; }
.flash-fechar:hover { background:#0000000b; }
.aviso-interface { position:fixed; z-index:100; left:50%; bottom:max(24px,env(safe-area-inset-bottom)); transform:translateX(-50%); width:max-content; max-width:calc(100vw - 32px); padding:14px 20px; background:#123d43; color:#fff; border:1px solid #31656b; border-radius:12px; box-shadow:0 8px 30px #102a4330; font-size:.9rem; overflow-wrap:anywhere; }
.aviso-interface-erro { background:#7f2424; border-color:#ab4141; }
.aviso-interface[hidden], .menu-fundo[hidden] { display:none; }
.pular-conteudo { position:fixed; top:8px; left:12px; transform:translateY(-160%); z-index:110; padding:12px 18px; background:#fff; border:2px solid var(--cor-marca); border-radius:10px; font-weight:700; }
.pular-conteudo:focus { transform:none; }
.operacao-hero { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:24px; background:linear-gradient(120deg,#e5f5f4,#edf4ff); border:1px solid #d0e6ea; border-radius:20px; padding:clamp(22px,2.5vw,36px); margin-bottom:24px; }
.operacao-sobretitulo { display:block; color:#246574; font-size:.7rem; font-weight:800; text-transform:uppercase; letter-spacing:.12em; margin-bottom:10px; }
.operacao-hero h2 { font-size:clamp(1.5rem,2.2vw,2rem); letter-spacing:-.04em; color:#123448; }
.operacao-hero p { max-width:65ch; color:#456276; margin:10px 0 18px; }
.operacao-sinais { display:flex; flex-wrap:wrap; gap:8px; }
.operacao-atalhos { display:grid; gap:10px; min-width:220px; }
.painel .operacao-atalhos .botao { min-height:44px; justify-content:center; }
@media(min-width:1500px) { .painel .conteudo { padding-inline:40px; } }
@media(max-width:1100px) { .painel { --largura-lateral:224px; } }
@media(max-width:900px) {
 .painel .topo { padding-inline:16px; }
 .painel .lateral { position:fixed; top:var(--altura-topo); bottom:0; height:auto; width:min(300px,86vw); z-index:32; }
 .painel .menu-toggle:checked ~ .corpo .lateral { box-shadow:8px 0 30px #102a4320; }
 .menu-fundo { position:fixed; inset:var(--altura-topo) 0 0; z-index:31; background:#102a4366; border:0; }
 .painel.menu-aberto { overflow:hidden; }
 .painel .conteudo { padding:24px 18px; }
 .painel .botao, .painel .botao.pequeno, .painel .botao.link { min-height:44px; }
 .painel .conv-composer textarea { font-size:16px; }
}
@media(max-width:640px) {
 .painel .conteudo { padding:20px 12px 32px; }
 .painel .topo { gap:8px; padding-inline:12px; }
 .painel .marca { font-size:.9rem; gap:7px; }
 .painel .topo-direita { gap:5px; }
 .painel .topo .chip { max-width:110px; height:auto; padding:5px 8px; font-size:.65rem; }
 .painel .cartao-cab, .painel .cartao-corpo { padding:16px; }
 .painel .kpis { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
 .painel .kpi { padding:14px 12px; }
 .painel .kpi-valor { font-size:1.5rem; }
 .painel .tabela td { padding-block:0; }
 .painel .pagina-acoes .botao { white-space:normal; text-align:center; }
 .operacao-hero { padding:22px 18px; border-radius:16px; gap:18px; }
 .operacao-atalhos { width:100%; min-width:0; grid-template-columns:repeat(2,minmax(0,1fr)); }
 .operacao-atalhos .primario { grid-column:1/-1; }
 .operacao-atalhos .botao { white-space:normal; text-align:center; font-size:.8rem; }
}
@media(prefers-reduced-motion:reduce) { .painel .botao { transition:none; } }

/* Ferramentas de seleção: busca preserva o que já foi marcado. */
.painel .selecao-ferramentas { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:12px; margin:8px 0 14px; border:1px solid var(--borda); border-radius:12px; background:var(--superficie-2); }
.painel .selecao-ferramentas input { flex:1 1 230px; min-width:0; padding:10px 12px; font:inherit; font-size:.9rem; border:1px solid var(--borda-controle); border-radius:9px; background:#fff; color:var(--texto); }
.painel .selecao-ferramentas-resumo { flex:1 1 100%; font-size:.78rem; color:var(--texto-suave); }
.painel .selecao-fora-busca { display:none !important; }
.painel .selecao-sem-resultado { padding:12px; border-radius:10px; background:var(--superficie-2); font-size:.85rem; color:var(--texto-suave); }
.painel .destino-incompativel { opacity:.65; }
.painel [data-destino-aviso] { display:block; margin:0 0 12px 28px; }
.painel [data-destino-aviso][hidden], .painel .selecao-sem-resultado[hidden] { display:none; }
.painel [data-selecao-pesquisavel].lista-check { max-height:420px; }
.painel .selecao-ferramentas:focus-within { border-color:var(--cor-marca); }
@media(max-width:640px){ .painel .selecao-ferramentas input { font-size:16px; flex-basis:100%; } .painel .selecao-ferramentas .botao { flex:1; } }
.painel .botao[aria-busy="true"]::after, .painel .botao.ocupado::after { content:''; width:13px; height:13px; border:2px solid currentColor; border-right-color:transparent; border-radius:50%; margin-left:6px; animation:processando .8s linear infinite; flex-shrink:0; }
@keyframes processando { to { transform:rotate(360deg); } }
@media(prefers-reduced-motion:reduce){ .painel .botao[aria-busy="true"]::after, .painel .botao.ocupado::after { animation:none; border-style:dotted; } }