/* V1445 — cabeçalho em uma faixa + barra lateral fixa com a marca TsQualy no rodapé. */

/* 1) Cabeçalho: caminho à esquerda, ferramentas à direita, numa única linha */
#page-header.topo-v1445 {
  display: flex !important; flex-wrap: wrap !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: 10px 16px !important; min-height: 60px; padding-top: 10px !important; padding-bottom: 10px !important; height: auto !important;
}
#page-header.topo-v1445 > .topo-trilha,
#page-header.topo-v1445 > .topo-saudacao { flex: 1 1 260px; min-width: 0; margin: 0 !important; grid-area: auto !important; }
#page-header.topo-v1445 > .topo-ancora-voltar { flex: 0 0 auto; }
.topo-v1445-acoes { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 10px; margin-left: auto; min-width: 0; }
.topo-v1445-acoes > * { margin: 0 !important; }

/* contexto (ex.: "Fornecedor · 1 programa"): discreto, sem cor de destaque */
.topo-v1445-selos { display: inline-flex; align-items: center; gap: 6px; }
.topo-v1445-selos:empty { display: none; }
.topo-v1445-selos .topo-selo {
  height: 30px !important; padding: 0 10px !important; border-radius: 15px !important; font-size: 12px !important; font-weight: 500 !important;
  background: transparent !important; border: 1px solid rgba(201, 212, 227, .28) !important; color: #c9d4e3 !important; box-shadow: none !important;
  display: inline-flex !important; align-items: center !important; gap: 6px !important;
}
.topo-v1445-selos .topo-selo:hover { background: rgba(255, 255, 255, .06) !important; border-color: rgba(201, 212, 227, .5) !important; }
.topo-v1445-selos .topo-selo svg { width: 14px !important; height: 14px !important; }

/* perfil: só as iniciais no cabeçalho; nome e perfil aparecem no menu e na dica */
.topo-v1445-perfil { position: relative; }
.topo-v1445-perfil .page-header-profile-toggle { display: inline-flex !important; align-items: center !important; gap: 6px !important; padding: 2px 6px 2px 2px !important; background: transparent !important; border: 0 !important; }
.topo-v1445-perfil .page-header-profile-info { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important; }
.topo-v1445-perfil .page-header-profile-menu { position: absolute; right: 0; top: calc(100% + 8px); min-width: 210px; z-index: 1000; background: #fff; border: 1px solid #dce2ea; border-radius: 10px; padding: 10px; box-shadow: 0 10px 30px rgba(15, 30, 55, .18); }
.topo-v1445-perfil-cab { display: flex; flex-direction: column; gap: 2px; padding: 2px 2px 10px; margin-bottom: 8px; border-bottom: 1px solid #e6ebf1; }
.topo-v1445-perfil-cab strong { font-size: 13.5px; color: #18212f; }
.topo-v1445-perfil-cab span { font-size: 12px; color: #5b6676; }

@media (max-width: 820px) {
  #page-header.topo-v1445 { padding-left: 12px !important; padding-right: 12px !important; }
  .topo-v1445-acoes { width: 100%; justify-content: space-between; }
}

/* 2) Barra lateral: lista de módulos rola por dentro; rodapé com a marca TsQualy sempre visível */
#sidebar { display: flex !important; flex-direction: column !important; }
#sidebar .sidebar-nav-scroll { flex: 1 1 auto; min-height: 0; overflow-y: auto; }
#sidebar.sidebar-v1445-fixa { position: sticky !important; top: 0 !important; height: 100vh; height: 100dvh; max-height: 100dvh; align-self: flex-start !important; overflow: hidden !important; box-sizing: border-box; }
.sidebar-rodape-tsqualy { flex: 0 0 auto; margin-top: auto; padding: 12px 14px 14px; border-top: 1px solid var(--sidebar-border, rgba(255, 255, 255, .08)); display: flex; align-items: center; justify-content: center; }
.sidebar-rodape-tsqualy img { display: block; width: auto; }
.sidebar-rodape-logo-expandido { height: 24px; max-width: 150px; opacity: .92; }
.sidebar-rodape-logo-recolhido { display: none !important; height: 28px; border-radius: 6px; }
#sidebar.sidebar-recolhida .sidebar-rodape-logo-expandido { display: none !important; }
#sidebar.sidebar-recolhida .sidebar-rodape-logo-recolhido { display: block !important; }
#sidebar.sidebar-recolhida .sidebar-rodape-tsqualy { padding: 10px 6px 12px; }