/*
 * FLUXUS_REGULATORIO_MENU_UNLOCK_V2
 *
 * O menu do shell deve permanecer interativo acima de qualquer
 * conteúdo normal de tela.
 *
 * Modais reais do Regulatório utilizam z-index acima de 10000,
 * portanto continuam acima deste menu.
 */


/* ============================================================
   MENU PRINCIPAL
   ============================================================ */

#fx-menu {
  position: relative !important;

  z-index: 9000 !important;

  pointer-events: auto !important;

  isolation: isolate;
}


#fx-menu button,
#fx-menu [role="button"] {
  pointer-events: auto !important;
}


/* ============================================================
   CASCATA / SUBMENUS
   ============================================================ */

#fx-cascade {
  z-index: 9050 !important;

  pointer-events: auto !important;
}


#fx-cascade:not([hidden]) {
  pointer-events: auto !important;
}


#fx-cascade[hidden] {
  display: none !important;

  pointer-events: none !important;
}


/* ============================================================
   TELAS JUDICIAIS
   O conteúdo da tela nunca deve assumir a camada do menu.
   ============================================================ */

body:has(.fx-reg-judicial-page)
.fx-workspace,

body:has(.fx-reg-acomp)
.fx-workspace {
  isolation: auto !important;
}


body:has(.fx-reg-judicial-page)
.fx-main,

body:has(.fx-reg-acomp)
.fx-main {
  position: relative;

  z-index: 1 !important;
}


/* Barra lateral de ações continua funcional, mas abaixo do menu. */

body:has(.fx-reg-judicial-page)
.fx-actions,

body:has(.fx-reg-acomp)
.fx-actions {
  z-index: 20 !important;
}


/*
 * Elementos normais das telas não podem bloquear cliques
 * fora da própria área.
 */

.fx-reg-judicial-page,
.fx-reg-acomp {
  position: relative;

  z-index: 1 !important;
}


/* ============================================================
   MODAIS
   Permanecem acima do menu enquanto estiverem realmente abertos.
   ============================================================ */

.fx-reg-acomp-modalback,
.fx-reg-history-modal-backdrop,
.fx-reg-process-modal-backdrop {
  z-index: 12000 !important;
}


.fx-reg-acomp-modalback[hidden],
.fx-reg-history-modal-backdrop[hidden],
.fx-reg-process-modal-backdrop[hidden] {
  display: none !important;

  pointer-events: none !important;
}


/* FIX_REGULATORIO_MENU_VERDE_UNICO_V1 */
#fx-menu .fx-reg-native-children {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 5px 4px 9px 19px;
  background: #073d45;
  border-radius: 0 0 8px 8px;
}

#fx-menu .fx-reg-native-children[hidden] {
  display: none !important;
}

#fx-menu .fx-reg-native-child {
  display: block;
  width: 100%;
  min-height: 32px;
  padding: 7px 9px;
  text-align: left;
  color: #e9f7f6;
  background: transparent;
  border: 0;
  border-radius: 5px;
  cursor: pointer;
  font-size: 12px;
}

#fx-menu .fx-reg-native-child:hover,
#fx-menu .fx-reg-native-child.is-open {
  background: #145a65;
}

#fx-menu .fx-reg-native-children
.fx-reg-native-children {
  margin-left: 6px;
  padding-left: 12px;
  border-left: 1px solid #36737a;
}
