/*
 * PABX PRIME PROGRAMACOES EDITORES EXPANDIDOS CSS V1 20260822
 *
 * Mesmo conceito estrutural aprovado em Grupo de Ramais:
 * - host 100%
 * - max-width removido
 * - modal 100%
 * - corpo 100%
 * - cabeçalho interno oculto
 * - margens responsivas menores
 */

#content.tem-page-editor-open.prime-programacoes-editor-open-v1 {
  min-width:0 !important;
  overflow-x:hidden !important;

  padding-left:16px !important;
  padding-right:16px !important;
}

#content.tem-page-editor-open.prime-programacoes-editor-open-v1
> .tem-page-editor-host.prime-programacoes-editor-host-v1 {
  position:relative !important;

  width:100% !important;
  max-width:none !important;
  min-width:0 !important;

  margin:0 !important;
  padding:0 !important;

  height:auto !important;
  max-height:none !important;

  overflow:visible !important;
  box-sizing:border-box !important;
}

#content.tem-page-editor-open.prime-programacoes-editor-open-v1
> .tem-page-editor-host.prime-programacoes-editor-host-v1
> .modal.tem-page-editor.prime-programacoes-editor-modal-v1 {
  position:relative !important;

  width:100% !important;
  max-width:none !important;
  min-width:0 !important;

  margin:0 !important;
  transform:none !important;

  height:auto !important;
  max-height:none !important;

  overflow:visible !important;
  box-sizing:border-box !important;
}

/*
 * Impede que .wide, IVR ou uma camada visual anterior
 * volte a limitar o modal para 1040/1060/1120/1180px.
 */
#content.tem-page-editor-open.prime-programacoes-editor-open-v1
> .tem-page-editor-host.prime-programacoes-editor-host-v1
> .modal.tem-page-editor.wide.prime-programacoes-editor-modal-v1,
#content.tem-page-editor-open.prime-programacoes-editor-open-v1
> .tem-page-editor-host.prime-programacoes-editor-host-v1
> .modal.tem-page-editor.tem-page-editor-wide.prime-programacoes-editor-modal-v1,
#content.tem-page-editor-open.prime-programacoes-editor-open-v1
> .tem-page-editor-host.prime-programacoes-editor-host-v1
> .modal.tem-page-editor.ivr2-modal.prime-programacoes-editor-modal-v1 {
  width:100% !important;
  max-width:none !important;
}

#content.tem-page-editor-open.prime-programacoes-editor-open-v1
> .tem-page-editor-host.prime-programacoes-editor-host-v1
.prime-programacoes-editor-modal-v1
> .modal-head,
#content.tem-page-editor-open.prime-programacoes-editor-open-v1
> .tem-page-editor-host.prime-programacoes-editor-host-v1
.prime-programacoes-editor-head-hidden-v1 {
  display:none !important;
}

#content.tem-page-editor-open.prime-programacoes-editor-open-v1
> .tem-page-editor-host.prime-programacoes-editor-host-v1
.prime-programacoes-editor-modal-v1
> .tem-page-editor-body,
#content.tem-page-editor-open.prime-programacoes-editor-open-v1
> .tem-page-editor-host.prime-programacoes-editor-host-v1
.prime-programacoes-editor-modal-v1
> .modal-body {
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;

  height:auto !important;
  max-height:none !important;

  overflow:visible !important;

  padding:
    18px
    58px
    24px
    18px !important;

  box-sizing:border-box !important;
}

#content.tem-page-editor-open.prime-programacoes-editor-open-v1
> .tem-page-editor-host.prime-programacoes-editor-host-v1
.form,
#content.tem-page-editor-open.prime-programacoes-editor-open-v1
> .tem-page-editor-host.prime-programacoes-editor-host-v1
.ivr2-form,
#content.tem-page-editor-open.prime-programacoes-editor-open-v1
> .tem-page-editor-host.prime-programacoes-editor-host-v1
.custom-destination-editor-form {
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}

/*
 * O X original é preservado e fica flutuante.
 * Não cria botão novo nem altera o listener de fechamento.
 */
#content.tem-page-editor-open.prime-programacoes-editor-open-v1
> .tem-page-editor-host.prime-programacoes-editor-host-v1
> .prime-programacoes-editor-close-v1 {
  position:absolute !important;
  top:10px !important;
  right:12px !important;
  z-index:20 !important;

  width:38px !important;
  height:38px !important;
  min-width:38px !important;

  display:grid !important;
  place-items:center !important;

  margin:0 !important;
  padding:0 !important;

  border:1px solid #d9e1eb !important;
  border-radius:10px !important;
  background:#fff !important;

  box-shadow:0 4px 16px #10233b14 !important;
  cursor:pointer !important;
}

/*
 * Destino Personalizado possuía uma camada full-bleed própria.
 * Esta regra final o traz para o MESMO padrão do Grupo de Ramais,
 * dentro da largura real do #content, sem afetar o grupo de destinos.
 */
#content.tem-page-editor-open.prime-programacoes-editor-open-v1
> .tem-page-editor-host.prime-programacoes-editor-host-v1.prime-custom-destination-fullbleed-host-v1-3,
#content.tem-page-editor-open.prime-programacoes-editor-open-v1
> .tem-page-editor-host.prime-programacoes-editor-host-v1.prime-custom-destination-fullwidth-v1 {
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  left:auto !important;
  right:auto !important;
  transform:none !important;
}

#content.tem-page-editor-open.prime-programacoes-editor-open-v1
> .tem-page-editor-host.prime-programacoes-editor-host-v1
.tem-page-editor.prime-custom-destination-fullbleed-modal-v1-3 {
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  transform:none !important;
}

/* Intercalação: prevalece sobre limites antigos de 1040px/96vw. */
#content.tem-page-editor-open.prime-programacoes-editor-open-v1
> .tem-page-editor-host.prime-programacoes-editor-host-v1[data-prime-programacoes-editor-v1="intercalation"]
.modal.tem-page-editor {
  width:100% !important;
  max-width:none !important;
}

@media(max-width:760px) {
  #content.tem-page-editor-open.prime-programacoes-editor-open-v1 {
    padding-left:10px !important;
    padding-right:10px !important;
  }

  #content.tem-page-editor-open.prime-programacoes-editor-open-v1
  > .tem-page-editor-host.prime-programacoes-editor-host-v1
  .prime-programacoes-editor-modal-v1
  > .tem-page-editor-body,
  #content.tem-page-editor-open.prime-programacoes-editor-open-v1
  > .tem-page-editor-host.prime-programacoes-editor-host-v1
  .prime-programacoes-editor-modal-v1
  > .modal-body {
    padding:
      14px
      48px
      18px
      14px !important;
  }

  #content.tem-page-editor-open.prime-programacoes-editor-open-v1
  > .tem-page-editor-host.prime-programacoes-editor-host-v1
  > .prime-programacoes-editor-close-v1 {
    top:8px !important;
    right:8px !important;
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
  }
}