/* Submenu lateral: não participa do layout vertical da barra. */
@media(min-width:701px){
 html .app>.sidebar{overflow:visible!important}
 html .sidebar #mpIndicadoresMenu{
   position:relative!important; width:100%!important;
   min-width:0!important; flex:0 0 auto!important;
 }
 html .sidebar #mpIndicadoresMenu .mp-ind-children{
   position:absolute!important; top:0!important; left:calc(100% - 2px)!important;
   width:290px!important; min-width:250px!important;
   display:none; z-index:9000!important;
   padding:9px!important; margin:0!important;
   background:var(--mp84-side)!important;
   border:1px solid var(--mp84-separator)!important;
   border-radius:12px!important;
   box-shadow:0 14px 36px #0005!important;
 }
 html .sidebar #mpIndicadoresMenu:hover .mp-ind-children,
 html .sidebar #mpIndicadoresMenu:focus-within .mp-ind-children,
 html .sidebar #mpIndicadoresMenu.expanded .mp-ind-children{display:flex!important;flex-direction:column!important;gap:4px!important}
 html .sidebar #mpIndicadoresMenu .mp-ind-children .nav{
   display:flex!important;width:100%!important;margin:0!important;
   padding:12px!important;min-height:46px!important;white-space:normal!important;
   font-weight:550!important;
 }
 html .sidebar #mpIndicadoresToggle{justify-content:space-between!important}
 html .sidebar #mpIndicadoresToggle .mp89-chevron{margin-left:auto;flex:none;font-size:18px;line-height:1;opacity:.75}
}
/* Uniform hover for every sidebar destination, regardless of the module renderer. */
html .app>.sidebar button.nav:not(.active):hover,
html .app>.sidebar #navModules button.nav:not(.active):hover,
html .app>.sidebar #mpIndicadoresMenu button.nav:not(.active):hover{
 background:color-mix(in srgb,var(--mp84-ink) 12%,transparent)!important;
 background-image:none!important;
 border-color:color-mix(in srgb,var(--mp84-ink) 13%,transparent)!important;
 color:var(--mp84-ink)!important;
 box-shadow:none!important;
}
html .app>.sidebar button.nav:not(.active):focus-visible,
html .app>.sidebar #navModules button.nav:not(.active):focus-visible{
 outline:2px solid var(--mp84-icon)!important;outline-offset:1px!important;
}
@media(max-width:700px){
 /* Em telas estreitas, clique abre opções logo abaixo: sem saída para fora da viewport. */
 html .sidebar #mpIndicadoresMenu{position:relative!important}
 html .sidebar #mpIndicadoresMenu .mp-ind-children{position:static!important;left:auto!important;top:auto!important;width:100%!important;padding:4px 8px!important}
 html .sidebar #mpIndicadoresMenu.expanded .mp-ind-children,
 html .sidebar #mpIndicadoresMenu:focus-within .mp-ind-children{display:flex!important;flex-direction:column!important}
 html .sidebar #mpIndicadoresMenu:hover:not(.expanded):not(:focus-within) .mp-ind-children{display:none!important}
}