/* Portal AUTH - Meet Convocar - Modal fixo com listas roláveis v1 */

/*
  Objetivo:
  - Modal cabe na tela.
  - A janela inteira não fica rolando.
  - Grupos e usuários têm scroll próprio.
  - Cabeçalho, campos principais e botões ficam estáveis.
*/

.portal-meet-modal{
  height: min(690px, calc(100vh - 34px)) !important;
  max-height: calc(100vh - 34px) !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
}

.portal-meet-modal-head{
  flex: 0 0 auto !important;
}

.portal-meet-modal-body.portal-meet-layout-fixed{
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  padding-bottom: 14px !important;
}

.portal-meet-message-field{
  flex: 0 0 auto !important;
  margin-bottom: 10px !important;
}

.portal-meet-message-field textarea{
  height: 66px !important;
  min-height: 66px !important;
  max-height: 66px !important;
  resize: none !important;
}

.portal-meet-top-grid{
  flex: 0 0 auto !important;
  margin-bottom: 10px !important;
}

.portal-meet-target-grid{
  flex: 1 1 auto !important;
  min-height: 130px !important;
  overflow: hidden !important;
  margin-bottom: 10px !important;
}

.portal-meet-target-grid .portal-meet-field{
  min-height: 0 !important;
  margin-bottom: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}

.portal-meet-target-grid .portal-meet-check-list{
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 8px !important;
}

.portal-meet-target-grid .portal-meet-check-list::-webkit-scrollbar{
  width: 8px;
}

.portal-meet-target-grid .portal-meet-check-list::-webkit-scrollbar-track{
  background: rgba(13,71,130,.06);
  border-radius: 999px;
}

.portal-meet-target-grid .portal-meet-check-list::-webkit-scrollbar-thumb{
  background: rgba(13,71,130,.28);
  border-radius: 999px;
}

.portal-meet-extra-field{
  flex: 0 0 auto !important;
  margin-bottom: 10px !important;
}

.portal-meet-extra-field input{
  height: 44px !important;
}

.portal-meet-actions{
  flex: 0 0 auto !important;
  padding-top: 0 !important;
}

.portal-meet-status{
  flex: 0 0 auto !important;
  min-height: 22px !important;
  max-height: 42px !important;
  overflow-y: auto !important;
}

/* Telas menores: mantém tudo dentro da viewport */
@media(max-height:760px){
  .portal-meet-modal{
    height: calc(100vh - 22px) !important;
    max-height: calc(100vh - 22px) !important;
  }

  .portal-meet-modal-head{
    padding-top: 14px !important;
    padding-bottom: 8px !important;
  }

  .portal-meet-modal-body.portal-meet-layout-fixed{
    padding-top: 12px !important;
  }

  .portal-meet-message-field textarea{
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
  }

  .portal-meet-target-grid{
    min-height: 110px !important;
  }
}

@media(max-width:760px){
  .portal-meet-modal{
    height: calc(100vh - 18px) !important;
    max-height: calc(100vh - 18px) !important;
  }

  .portal-meet-target-grid{
    min-height: 180px !important;
  }
}