/* Ajustes finais encontrados na revisão visual responsiva. */
.modal-bg {
  z-index: 300 !important;
}

/* Janelas abertas a partir de outras janelas precisam ficar acima da base. */
body > .photo-picker {
  z-index: 400 !important;
}

body > .photo-picker.observation-manager-overlay {
  z-index: 410 !important;
}

body > .modal-bg.coordinator-modal {
  z-index: 400 !important;
}

body > .profile-backdrop {
  z-index: 320 !important;
}

body > .profile-drawer {
  z-index: 321 !important;
}

body #toast,
body .toast {
  z-index: 500 !important;
}

.manage-observations {
  display: inline-flex !important;
  align-self: flex-start;
  margin: 7px 0 16px !important;
}

@media (max-width: 800px) {
  .modal-bg {
    z-index: 300 !important;
  }

  #permissionsModal .perm {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  #permissionsModal .perm > div:first-child,
  #permissionsModal .permission-primary,
  #permissionsModal .permission-basic,
  #permissionsModal .coordinator-right-group {
    grid-column: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  #permissionsModal .permission-primary .check,
  #permissionsModal .permission-basic .check {
    width: 100% !important;
  }

  .shift-classes {
    max-width: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
}