/* TsQualy V1553 — "Regularizar avaliadores" abre como painel lateral: da direita da tela até a borda
   do menu lateral (o menu continua visível e o painel ocupa toda a altura). A borda esquerda vem da
   variável --fl-painel-esq, calculada ao abrir (e ao redimensionar) pela posição real do menu. */
html body .fl-modal-fundo.fl-designacao-fundo {
  inset: 0 0 0 var(--fl-painel-esq, 0px) !important;
  padding: 0 !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  overflow: hidden !important;
  background: rgba(15, 25, 45, .28) !important;
}
html body .fl-modal-fundo.fl-designacao-fundo[hidden] { display: none !important; }
html body .fl-designacao-fundo .fl-modal.fl-designacao-modal {
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  border-radius: 0 !important;
  box-shadow: -10px 0 30px rgba(10, 20, 40, .22) !important;
  display: flex !important;
  flex-direction: column !important;
  animation: fl-painel-entrar .22s ease-out;
}
html body .fl-designacao-fundo .fl-designacao-modal .fl-modal-topo {
  flex: 0 0 auto; padding: 16px 24px !important; border-bottom: 1px solid var(--tq-borda, #e3e8ef) !important;
  border-left: 4px solid var(--tq-laranja, #f07f1a);
}
html body .fl-designacao-fundo .fl-designacao-modal .fl-modal-corpo { flex: 1 1 auto !important; min-height: 0 !important; overflow-y: auto !important; padding: 18px 24px !important; }
html body .fl-designacao-fundo .fl-designacao-modal .fl-modal-rodape { flex: 0 0 auto; padding: 12px 24px !important; background: #fafbfd; }
@keyframes fl-painel-entrar { from { transform: translateX(32px); opacity: .4; } to { transform: none; opacity: 1; } }
@media (prefers-reduced-motion: reduce) { html body .fl-designacao-fundo .fl-modal.fl-designacao-modal { animation: none; } }