/* =========================================================
   GABINETE DIGITAL — AJUSTES DE LAYOUT (V11)
   1) Barra de ações da aba Pessoas em uma única linha.
   2) Botão retrátil como barra retangular acima da logo.
   ========================================================= */

/* ---- 1) Barra de ações ---- */
#pessoas>.section-toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important}
#pessoas>.section-toolbar .ui-module-actions{width:auto!important;flex:1 1 auto!important;flex-wrap:wrap!important;gap:9px!important}
#pessoas>.section-toolbar #showHouseholdForm{white-space:nowrap!important}
@media(max-width:760px){
  #pessoas>.section-toolbar .ui-module-actions{width:100%!important}
  #pessoas>.section-toolbar #showHouseholdForm,
  #pessoas>.section-toolbar #showPersonForm{flex:1 1 190px!important;justify-content:center!important}
}

/* ---- 2) Botão retrátil em formato de barra, acima da logo ---- */
#systemShell .sidebar>#sidebarCollapseBtn.sidebar-toggle-bar{
  position:static!important;inset:auto!important;top:auto!important;right:auto!important;left:auto!important;bottom:auto!important;
  transform:none!important;clip-path:none!important;overflow:hidden!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;
  width:calc(100% - 26px)!important;height:auto!important;min-height:44px!important;
  margin:14px 13px 2px!important;padding:11px 13px!important;
  border:1px solid rgba(163,224,255,.28)!important;border-radius:13px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.05))!important;
  color:#eaf7ff!important;font-size:11px!important;font-weight:850!important;letter-spacing:.2px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important;
  z-index:1!important;filter:none!important;transition:background .18s ease,border-color .18s ease!important;
}
#systemShell .sidebar>#sidebarCollapseBtn.sidebar-toggle-bar::before,
#systemShell .sidebar>#sidebarCollapseBtn.sidebar-toggle-bar::after{content:none!important;display:none!important}
#systemShell .sidebar>#sidebarCollapseBtn.sidebar-toggle-bar:hover{
  background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,.09))!important;
  border-color:rgba(163,224,255,.5)!important;filter:none!important;
}
#systemShell .sidebar>#sidebarCollapseBtn.sidebar-toggle-bar:focus-visible{outline:2px solid rgba(163,224,255,.8)!important;outline-offset:2px!important}
#systemShell .sidebar>#sidebarCollapseBtn.sidebar-toggle-bar .stb-icon{
  width:24px!important;height:24px!important;flex:none!important;display:grid!important;place-items:center!important;
  border-radius:8px!important;background:rgba(255,255,255,.14)!important;box-shadow:none!important;border:0!important;position:static!important;transform:none!important;
}
#systemShell .sidebar>#sidebarCollapseBtn.sidebar-toggle-bar .stb-icon svg{width:14px!important;height:14px!important;display:block!important;filter:none!important}
#systemShell .sidebar>#sidebarCollapseBtn.sidebar-toggle-bar .stb-label{
  flex:1 1 auto!important;text-align:left!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}

/* Estado recolhido: a barra encolhe junto com o painel, mostrando só o ícone. */
body.sidebar-collapsed #systemShell .sidebar>#sidebarCollapseBtn.sidebar-toggle-bar{
  width:calc(100% - 18px)!important;margin:12px 9px 2px!important;padding:11px 6px!important;justify-content:center!important;gap:0!important;
}
body.sidebar-collapsed #systemShell .sidebar>#sidebarCollapseBtn.sidebar-toggle-bar .stb-label{display:none!important}

@media(max-width:920px){#systemShell .sidebar>#sidebarCollapseBtn.sidebar-toggle-bar{display:none!important}}