/*
 * Visual refresh — Inbox y menú izquierdo
 * ----------------------------------------------------------------
 * No toca lógica ni JS. Solo normaliza lo visual:
 *   1) Un único sistema de ícono (antes había .vchat-ui-icon,
 *      .vchat-nav-svg-icon, .vchat-folder-icon y .vchat-search-icon
 *      cada uno con su propio tamaño/alineación, y .vchat-folder-icon
 *      llegaba a tener 5 definiciones distintas repartidas en
 *      stability.css). Ahora todos miden y centran igual.
 *   2) Estados más sutiles en el nav (sin la barra dura de acento,
 *      hover más suave).
 *   3) Escala de radio/sombra consistente en Inbox.
 * Se carga al final de la cadena de encolado para poder ganar los
 * empates de especificidad contra el resto de archivos.
 */

#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-ui-icon,
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-nav-svg-icon,
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-search-icon,
#vchat-frontend-app.vchat-frontend-app .vchat-folder-icon{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 18px!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  position:static!important;
  inset:auto!important;
  margin:0!important;
  top:auto!important;
  left:auto!important;
  transform:none!important;
  line-height:0!important;
  font-size:0!important;
  color:inherit!important;
}
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-ui-icon svg,
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-nav-svg-icon svg,
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-search-icon svg,
#vchat-frontend-app.vchat-frontend-app .vchat-folder-icon svg{
  width:18px!important;
  height:18px!important;
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.75!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

/* Chevron de "Configuración" — mismo trato, tamaño menor */
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-nav-admin-toggle>b.vchat-nav-chevron{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 14px!important;
  width:14px!important;
  height:14px!important;
}
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-nav-admin-toggle>b.vchat-nav-chevron svg{
  width:14px!important;
  height:14px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

/* Botón del folder activo (Bandeja/Archivadas/Papelera): círculo centrado,
   sin el "position:absolute + translate" que lo desalineaba en algunos anchos */
#vchat-frontend-app.vchat-frontend-app .vchat-inbox-folders>button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
#vchat-frontend-app.vchat-frontend-app .vchat-inbox-folders>button>.vchat-folder-icon{
  border-radius:999px!important;
}

/* ---------- Nav izquierdo: estados más sutiles ---------- */
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-primary-nav button{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  border-radius:10px!important;
  transition:background-color .15s ease,color .15s ease!important;
}
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-primary-nav button:hover:not(.is-active){
  background:rgba(99,102,241,.06)!important;
  color:#334155!important;
}
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-primary-nav button.is-active{
  background:rgba(99,102,241,.08)!important;
  color:#4338CA!important;
  box-shadow:none!important;
}
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-primary-nav button.is-active .vchat-ui-icon,
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-primary-nav button:hover .vchat-ui-icon{
  color:#6366F1!important;
}
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-nav-group-label,
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-nav-subgroup-label{
  letter-spacing:.07em!important;
  font-weight:700!important;
}

/* ---------- Inbox: radio y sombra consistentes ---------- */
#vchat-frontend-app.vchat-frontend-app .vchat-inbox-list,
#vchat-frontend-app.vchat-frontend-app .vchat-chat-panel{
  border-radius:16px!important;
}
#vchat-frontend-app.vchat-frontend-app .vchat-inbox-search,
#vchat-frontend-app.vchat-frontend-app #vchat-conversation-search,
#vchat-frontend-app.vchat-frontend-app .vchat-filter-toggle,
#vchat-frontend-app.vchat-frontend-app .vchat-compose{
  border-radius:10px!important;
}
#vchat-frontend-app.vchat-frontend-app .vchat-inbox-export-button,
#vchat-frontend-app.vchat-frontend-app .vchat-conversation-item{
  border-radius:12px!important;
}