/* details fechados não podem exibir painéis por regras de display dos layouts. */
.topbar .top-nav-group:not([open])>.top-nav-dropdown{display:none!important}
.topbar :is(.ui-settings,.profile-menu,.notification-menu):not([open])>:not(summary){display:none!important}
/* As cores personalizadas do portal também acompanham a escolha Escuro. */
html[data-theme=escuro] body.app-page[data-operational-portal="1"]{--portal-bg:#101010;--portal-card:#191919;--surface:#191919;--surface-soft:#242424;--ink:#ededed;--text:#ededed;--muted:#bdbdbd;--line:#363636;--border:#363636;background:#101010}
html[data-theme=escuro] body.app-page[data-operational-portal="1"] :is(.panel,.page-heading,.portal-kpi-card){background:#191919;color:#ededed;border-color:#363636}

/* Cabeçalho pode ocupar mais de uma linha; os painéis ficam abaixo dos botões. */
.topbar :is(.ui-settings-panel,.profile-dropdown,.notification-panel){position:fixed;top:var(--lume-toolbar-bottom,88px)!important;right:12px;max-height:calc(100dvh - var(--lume-toolbar-bottom,88px) - 12px);overflow-y:auto}