/* PABX PRIME - RAMAL CORREIO DE VOZ UI V1 - 20260814 */

.extension-editor-modal{
  width:min(1380px,calc(100vw - 48px));
}

.extension-voicemail-body{
  padding-top:14px;
}

.extension-voicemail-title-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}

.extension-voicemail-title-row>strong{
  color:#193858;
  font-size:14px;
}

.extension-voicemail-smtp-status{
  display:inline-flex;
  align-items:center;
  min-height:25px;
  padding:4px 9px;
  border:1px solid #b8dec6;
  border-radius:999px;
  color:#167542;
  background:#eef9f2;
  font-size:10px;
  font-weight:800;
  white-space:nowrap;
}

.extension-voicemail-main-grid{
  display:grid;
  grid-template-columns:140px 180px minmax(280px,1fr) 140px;
  gap:12px;
  align-items:start;
}

.extension-voicemail-main-grid>.field,
.extension-voicemail-greetings-grid>.field,
.extension-voicemail-options-grid>.field{
  min-width:0;
}

.extension-voicemail-advanced{
  margin-top:14px;
  padding-top:13px;
  border-top:1px dashed #d8e2ed;
}

.extension-voicemail-advanced-title{
  display:flex;
  align-items:center;
  gap:6px;
  margin-bottom:11px;
  color:#3972ad;
  font-size:12px;
  font-weight:800;
}

.extension-voicemail-advanced-title>span{
  color:#4f89c5;
  font-size:15px;
  line-height:1;
}

.extension-voicemail-greetings-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-bottom:12px;
}

.extension-voicemail-options-grid{
  display:grid;
  grid-template-columns:170px 190px minmax(230px,320px);
  gap:12px;
  align-items:start;
}

.extension-voicemail-locked,
.extension-voicemail-locked:disabled{
  color:#8793a4!important;
  background:#f4f6f8!important;
  border-color:#dce3eb!important;
  cursor:not-allowed!important;
}

.extension-voicemail-protection-note{
  margin-top:12px;
  padding:10px 12px;
  border:1px solid #ecd991;
  border-radius:9px;
  color:#70520c;
  background:#fff9e7;
  font-size:10px;
  line-height:1.45;
}

.extension-voicemail-protection-note strong{
  font-weight:850;
}

@media(max-width:1150px){
  .extension-voicemail-main-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .extension-voicemail-options-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:720px){
  .extension-editor-modal{
    width:100%;
  }

  .extension-voicemail-main-grid,
  .extension-voicemail-greetings-grid,
  .extension-voicemail-options-grid{
    grid-template-columns:1fr;
  }

  .extension-voicemail-title-row{
    align-items:flex-start;
    flex-direction:column;
  }
}

/* ==========================================================
   PABX PRIME - RAMAL FULL WIDTH + DELETE EMAIL V4 20260814
   ========================================================== */

/*
 * O Page Editor global limita o host e o cartão a 1180/1240px.
 * Remove esses limites somente enquanto o editor aberto contém
 * .extension-editor-modal.
 */

#content.tem-page-editor-open:has(> .tem-page-editor-host .extension-editor-modal){
  width:100%!important;
  max-width:none!important;
  padding-left:16px!important;
  padding-right:16px!important;
}

#content.tem-page-editor-open
> .tem-page-editor-host:has(.extension-editor-modal){
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}

#content
> .tem-page-editor-host:has(.extension-editor-modal)
.modal.tem-page-editor.extension-editor-modal,
#content
> .tem-page-editor-host:has(.extension-editor-modal)
.modal.tem-page-editor.wide.extension-editor-modal,
#content
> .tem-page-editor-host:has(.extension-editor-modal)
.modal.tem-page-editor-wide.extension-editor-modal{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
}

#content
> .tem-page-editor-host:has(.extension-editor-modal)
.tem-page-editor-body{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  padding-left:16px!important;
  padding-right:16px!important;
}

@media(max-width:720px){
  #content.tem-page-editor-open:has(> .tem-page-editor-host .extension-editor-modal){
    padding-left:8px!important;
    padding-right:8px!important;
  }

  #content
  > .tem-page-editor-host:has(.extension-editor-modal)
  .tem-page-editor-body{
    padding-left:10px!important;
    padding-right:10px!important;
  }
}