/* Build 331 — contraste e legibilidade do menu lateral */
.app > aside {
  background: linear-gradient(180deg, #061a3a 0%, #0a274c 55%, #0f315f 100%) !important;
  color: #fff !important;
  border-right: 1px solid rgba(255,255,255,.16) !important;
}

.app > aside .brand {
  border-color: rgba(255,255,255,.18) !important;
}

.app > aside .brand strong,
.app > aside .menu-link,
.app > aside .submenu-link {
  color: #f8fbff !important;
}

.app > aside .brand small,
.app > aside .version {
  color: #c9d8e8 !important;
}

.app > aside .nav-group {
  color: #bdcee0 !important;
  font-weight: 750 !important;
  letter-spacing: .13em !important;
  opacity: 1 !important;
}

.app > aside .nav-group::before {
  background: #9db2c9 !important;
}

.app > aside .nav-group.group-active {
  color: #fff !important;
}

.app > aside .nav-group.group-active::before {
  background: #f47b20 !important;
  box-shadow: 0 0 0 4px rgba(244,123,32,.16) !important;
}

.app > aside .menu-link,
.app > aside .submenu-link {
  background: rgba(255,255,255,.055) !important;
  border-color: rgba(255,255,255,.10) !important;
  font-weight: 650 !important;
  opacity: 1 !important;
}

.app > aside .menu-link:hover,
.app > aside .menu-link:focus-visible,
.app > aside .submenu-link:hover,
.app > aside .submenu-link:focus-visible {
  background: rgba(255,255,255,.13) !important;
  border-color: rgba(255,255,255,.24) !important;
  color: #fff !important;
}

.app > aside .menu-link.active,
.app > aside .submenu-link.active {
  background: linear-gradient(90deg, rgba(244,123,32,.24), rgba(255,255,255,.12)) !important;
  border-color: rgba(244,123,32,.70) !important;
  box-shadow: inset 4px 0 0 #f47b20 !important;
  color: #fff !important;
}

.app > aside .menu-icon,
.app > aside .menu-link .icon {
  background: rgba(255,255,255,.14) !important;
  color: #fff !important;
  border-color: rgba(255,255,255,.12) !important;
}

.app > aside .menu-link.active .menu-icon,
.app > aside .menu-link.active .icon {
  background: #f47b20 !important;
  color: #fff !important;
}

.app > aside .navigation-flow-note {
  background: rgba(255,255,255,.09) !important;
  border-color: rgba(255,255,255,.18) !important;
  color: #dce8f4 !important;
}

.app > aside .navigation-flow-note strong {
  color: #fff !important;
}

.app > aside .sidebar-collapse,
.app > aside .sidebar-close {
  background: rgba(255,255,255,.10) !important;
  border-color: rgba(255,255,255,.22) !important;
  color: #fff !important;
}

.app > aside .sidebar-collapse:hover,
.app > aside .sidebar-close:hover {
  background: rgba(255,255,255,.18) !important;
}

@media (min-width: 981px) {
  .app > aside .menu-link { min-height: 48px !important; }
  .app > aside .menu-link span:not(.menu-icon):not(.icon) { font-size: 13px !important; }
}

@media (max-width: 980px) {
  .app > aside {
    background: linear-gradient(180deg, #061a3a 0%, #0a274c 55%, #0f315f 100%) !important;
  }
  .app > aside .menu-link,
  .app > aside .submenu-link {
    color: #fff !important;
  }
}