/* PABX PRIME MAPA DE CHAMADAS CLARO CSS V1 20260825
 * Escopo: somente Visão Geral + Mapa de chamadas.
 */

/* Visão Geral passa a usar praticamente toda a largura disponível. */
#content:has(.dashboard-pabx-shell){
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  padding-left:8px !important;
  padding-right:8px !important;
  box-sizing:border-box !important;
}

.dashboard-pabx-shell{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

/* O mapa ganha espaço real e mantém rolagem horizontal apenas quando necessário. */
.dashboard-call-map,
.dashboard-call-map-body,
#callMapFlow{
  width:100% !important;
  max-width:none !important;
}

#callMapFlow{
  padding-left:8px !important;
  padding-right:8px !important;
}

.cmv2-canvas{
  width:100% !important;
  max-width:none !important;
  padding-top:14px !important;
  padding-bottom:12px !important;
}

.cmv2-canvas.cmv2-needs-scroll{
  overflow-x:auto !important;
  overflow-y:hidden !important;
}

/* Mais distância entre níveis; a primeira ligação DID -> destino continua curta. */
.cmv2-tree{
  gap:154px !important;
}

.cmv2-tree.cmv22-entry-tree{
  gap:46px !important;
}

/* Mais respiro entre opções da mesma URA/fila/grupo. */
.cmv2-children{
  gap:17px !important;
}

/* Cartões um pouco maiores para leitura sem comprimir os textos. */
.cmv2-node{
  width:194px !important;
  max-width:194px !important;
  min-height:52px !important;
  padding:10px 12px 10px 14px !important;
}

.cmv2-node.cmv2-root:not(.cmv21-entry){
  width:202px !important;
  max-width:202px !important;
}

.cmv2-node.cmv21-entry{
  width:max-content !important;
  max-width:190px !important;
}

.cmv2-title{
  font-size:14px !important;
  line-height:1.22 !important;
}

.cmv2-subtitle{
  font-size:10.75px !important;
  line-height:1.28 !important;
}

/* Rótulos ficam acima da linha, com fundo sólido para nunca serem cortados pela curva. */
.cmv2-edge-label{
  width:112px !important;
  max-width:112px !important;
  right:calc(100% + 12px) !important;
  transform:translateY(-165%) !important;
  padding:3px 5px !important;
  background:#fff !important;
  border:1px solid rgba(214,224,235,.72) !important;
  border-radius:5px !important;
  line-height:1.22 !important;
  box-shadow:0 1px 3px rgba(30,55,86,.05) !important;
}

.cmv2-edge-label.cmv2-schedule-label{
  width:158px !important;
  max-width:158px !important;
  text-transform:none !important;
  font-size:10.5px !important;
}

/* Opções numéricas da URA permanecem compactas, mas afastadas da linha. */
.cmv2-node[data-type="ivr"] + .cmv2-children > .cmv2-child > .cmv2-edge-label{
  width:max-content !important;
  max-width:130px !important;
  right:calc(100% + 12px) !important;
  transform:translateY(-155%) !important;
  padding:2px 5px !important;
  white-space:nowrap !important;
}

/* Referências antigas nunca devem parecer uma entidade técnica. */
.cmv2-node[data-prime-reference-humanized="1"] .cmv2-note,
.cmv2-node[data-prime-reference-clone="1"] .cmv2-note{
  display:none !important;
}

@media(max-width:900px){
  #content:has(.dashboard-pabx-shell){
    padding-left:5px !important;
    padding-right:5px !important;
  }

  .dashboard-pabx-shell{
    width:100% !important;
  }

  .cmv2-tree{
    gap:112px !important;
  }

  .cmv2-tree.cmv22-entry-tree{
    gap:40px !important;
  }

  .cmv2-children{
    gap:12px !important;
  }

  .cmv2-node{
    width:174px !important;
    max-width:174px !important;
  }

  .cmv2-node.cmv2-root:not(.cmv21-entry){
    width:182px !important;
    max-width:182px !important;
  }

  .cmv2-edge-label{
    width:88px !important;
    max-width:88px !important;
    right:calc(100% + 8px) !important;
    font-size:9.5px !important;
  }

  .cmv2-edge-label.cmv2-schedule-label{
    width:122px !important;
    max-width:122px !important;
  }
}

/* PABX PRIME VISAO GERAL HERO ORIGINAL + MAPA EXPANDIDO V1 20260825
 * Objetivo:
 * - manter TODA a Visão Geral e o Mapa de chamadas expandidos;
 * - devolver SOMENTE a imagem/banner "Bem-vindo ao seu PABX" ao tamanho
 *   visual que possuía antes da expansão da página.
 *
 * Antes da expansão, o shell da Visão Geral usava no desktop:
 *   width:min(1320px,calc(100% - 32px))
 * e o hero ocupava 100% desse shell.
 *
 * Agora o shell continua full-width; somente o hero recebe a antiga largura.
 */
@media (min-width:901px){
  .dashboard-pabx-shell > .dashboard-pabx-hero{
    width:min(1320px,calc(100% - 32px)) !important;
    max-width:1320px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

@media (max-width:900px){
  .dashboard-pabx-shell > .dashboard-pabx-hero{
    width:calc(100% - 20px) !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

/* PABX PRIME VISAO GERAL NAO EXPANDIDA V1.1 20260825
 * Correção segura da tentativa V1:
 * - não remove o CSS do Mapa Claro V1;
 * - no desktop, apenas devolve o shell da Visão Geral ao limite histórico de 1320px;
 * - o mapa continua 100% do shell, portanto também deixa de ocupar a tela inteira;
 * - o hero volta a ocupar 100% do shell, anulando o ajuste antigo que diminuía somente o banner.
 */
@media (min-width:901px){
  .dashboard-pabx-shell{
    width:min(1320px,calc(100% - 32px)) !important;
    max-width:1320px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .dashboard-pabx-shell > .dashboard-pabx-hero{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
}