/*
 * PABX PRIME OUTBOUND UI V1 20260817
 * Camada visual isolada da Rota de Saida.
 */

.prime-outbound-list-v1
.prime-outbound-hidden-action-v1{
  display:none!important;
}

.prime-outbound-list-v1
.prime-outbound-open-row-v1{
  cursor:pointer!important;
}

.prime-outbound-list-v1
.prime-outbound-open-row-v1:hover td{
  background:rgba(14,165,233,.045);
}

.prime-outbound-list-v1
.prime-outbound-open-row-v1:focus-visible{
  outline:2px solid rgba(14,165,233,.55);
  outline-offset:-2px;
}

body.prime-outbound-editor-open-v1{
  overflow-x:hidden!important;
}

.tem-page-editor-host.prime-outbound-fullbleed-host-v1{
  position:relative!important;
  width:calc(100vw - 32px)!important;
  max-width:none!important;
  min-width:0!important;
  margin-left:calc(50% - 50vw + 16px)!important;
  margin-right:0!important;
  margin-top:8px!important;
  margin-bottom:18px!important;
  height:auto!important;
  min-height:calc(100vh - 158px)!important;
  max-height:none!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}

.tem-page-editor-host.prime-outbound-fullbleed-host-v1
.outbound-editor-modal.prime-outbound-fullbleed-modal-v1{
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:auto!important;
  min-height:calc(100vh - 158px)!important;
  max-height:none!important;
  margin:0!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}

.tem-page-editor-host.prime-outbound-fullbleed-host-v1
.outbound-editor-modal
.modal-body,
.tem-page-editor-host.prime-outbound-fullbleed-host-v1
.outbound-editor-modal
.outbound-editor-form,
.tem-page-editor-host.prime-outbound-fullbleed-host-v1
.outbound-editor-modal
.outbound-editor-card,
.tem-page-editor-host.prime-outbound-fullbleed-host-v1
.outbound-editor-modal
.outbound-complete-card,
.tem-page-editor-host.prime-outbound-fullbleed-host-v1
.outbound-editor-modal
.outbound-accordion{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:auto!important;
  max-height:none!important;
  margin-left:0!important;
  margin-right:0!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}

.outbound-editor-modal
.outbound-editor-heading{
  display:none!important;
}

.tem-page-editor-host.prime-outbound-fullbleed-host-v1
.prime-outbound-floating-close-v1{
  position:absolute!important;
  top:10px!important;
  right:12px!important;
  bottom:auto!important;
  left:auto!important;
  margin:0!important;
  z-index:90!important;
}

.outbound-editor-modal
.prime-outbound-recording-off-v1{
  border-color:#fecaca!important;
  background:#fff7f7!important;
}

.outbound-editor-modal
.prime-outbound-recording-off-v1
button[data-value="false"].is-selected{
  color:#b42318!important;
  background:#fee4e2!important;
  border-color:#fda29b!important;
  box-shadow:inset 0 0 0 1px rgba(180,35,24,.08)!important;
}

.outbound-editor-modal
.prime-outbound-recording-off-v1
button[data-value="true"]{
  color:#667085!important;
}

/* Fallback para o modal caso o host page-editor não esteja presente. */
.outbound-editor-modal.prime-outbound-fullbleed-modal-v1{
  max-width:none!important;
}

@media(max-width:1100px){
  .tem-page-editor-host.prime-outbound-fullbleed-host-v1{
    width:calc(100vw - 16px)!important;
    margin-left:calc(50% - 50vw + 8px)!important;
    margin-top:6px!important;
  }
}

@media(max-width:680px){
  .tem-page-editor-host.prime-outbound-fullbleed-host-v1{
    width:calc(100vw - 8px)!important;
    margin-left:calc(50% - 50vw + 4px)!important;
    margin-top:4px!important;
  }
}