/* V1447 — cabeçalho igual ao layout aprovado: caminho e ferramentas na MESMA faixa.
   Seletores com três IDs para prevalecer sobre as regras antigas do topo (topo-v583…v649),
   que posicionavam o caminho e as ferramentas em linhas separadas. */
#app-shell #content-col #page-header.topo-v1445 {
  display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important;
  align-items: center !important; justify-content: space-between !important;
  grid-template-columns: none !important; grid-template-rows: none !important; grid-template-areas: none !important;
  gap: 16px !important; height: auto !important; min-height: 60px !important; max-height: none !important;
  padding: 10px 22px !important; box-sizing: border-box !important;
}
#app-shell #content-col #page-header.topo-v1445 > .topo-trilha,
#app-shell #content-col #page-header.topo-v1445 > .topo-saudacao {
  flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; max-width: none !important;
  margin: 0 !important; grid-area: auto !important; order: 0 !important; position: static !important;
}
#app-shell #content-col #page-header.topo-v1445 > .topo-v1445-acoes {
  flex: 0 0 auto !important; width: auto !important; margin: 0 0 0 auto !important; order: 1 !important;
  display: flex !important; align-items: center !important; flex-wrap: nowrap !important; gap: 10px !important;
  grid-area: auto !important; position: static !important;
}
/* tamanhos compactos, como no layout aprovado */
#app-shell #content-col #page-header.topo-v1445 .topo-busca { width: 220px !important; min-width: 0 !important; max-width: 220px !important; height: 38px !important; flex: 0 0 auto !important; margin: 0 !important; }
#app-shell #content-col #page-header.topo-v1445 .topo-busca.larga { width: 300px !important; max-width: 300px !important; }
#app-shell #content-col #page-header.topo-v1445 .topo-empresa-wrap { flex: 0 0 auto !important; width: auto !important; min-width: 0 !important; margin: 0 !important; }
#app-shell #content-col #page-header.topo-v1445 .topo-empresa { width: auto !important; min-width: 0 !important; max-width: 300px !important; height: 38px !important; flex: 0 0 auto !important; margin: 0 !important; display: inline-flex !important; align-items: center !important; gap: 10px !important; }
#app-shell #content-col #page-header.topo-v1445 .topo-empresa-textos { display: flex; flex-direction: column; line-height: 1.15; min-width: 0; text-align: left; }
#app-shell #content-col #page-header.topo-v1445 .topo-empresa-nome { font-size: 13.5px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#app-shell #content-col #page-header.topo-v1445 .topo-empresa-sub { font-size: 11px; font-weight: 400; color: #a9b6c8; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#app-shell #content-col #page-header.topo-v1445 .topo-selos.topo-selos-mesclado { display: none !important; }
#app-shell #content-col #page-header.topo-v1445 .topo-notif-wrap,
#app-shell #content-col #page-header.topo-v1445 .topo-v1445-perfil { flex: 0 0 auto !important; margin: 0 !important; }

@media (max-width: 1100px) {
  #app-shell #content-col #page-header.topo-v1445 .topo-busca { width: 44px !important; max-width: 44px !important; padding: 0 !important; justify-content: center !important; }
  #app-shell #content-col #page-header.topo-v1445 .topo-busca span,
  #app-shell #content-col #page-header.topo-v1445 .topo-busca kbd { display: none !important; }
}
@media (max-width: 820px) {
  #app-shell #content-col #page-header.topo-v1445 { flex-wrap: wrap !important; padding: 8px 12px !important; }
  #app-shell #content-col #page-header.topo-v1445 > .topo-v1445-acoes { width: 100% !important; justify-content: space-between !important; }
}

/* Barra lateral: a lista de módulos rola por dentro (roda do mouse, toque e teclado), sem barra de rolagem visível.
   V1449: removida a barra fina que aparecia ao passar o mouse. */
#app-shell #sidebar, #app-shell #sidebar * { scrollbar-width: none !important; -ms-overflow-style: none !important; }
#app-shell #sidebar::-webkit-scrollbar, #app-shell #sidebar *::-webkit-scrollbar { width: 0 !important; height: 0 !important; display: none !important; background: transparent !important; }
#app-shell #sidebar .sidebar-nav-scroll { overscroll-behavior: contain; }