/* XMARTS LOCAL V98.6 — solamente reducir el panel de Mensajes al area marcada.
   Ancho real de referencia: rectangulo rojo ~354 px a 1912 px de pantalla.
   Se conserva el alto, comportamiento fijo, burbujas, botones y todas las funciones V98.5. */

#chatRail.chat-v984:not(.rail-maximized),
#chatRail.chat-v984.chat-general-mode:not(.rail-maximized),
#chatRail.chat-v984.chat-private-mode:not(.rail-maximized),
#chatRail.chat-v984.chat-channels-mode:not(.rail-maximized),
#chatRail.chat-v984.rail-user-positioned:not(.rail-maximized){
  position:fixed!important;
  right:14px!important;
  left:auto!important;
  width:min(354px,calc(100vw - 28px))!important;
  min-width:0!important;
  max-width:calc(100vw - 28px)!important;
  box-sizing:border-box!important;
}

/* El area roja empieza justo debajo del encabezado de la oficina. */
@media(min-width:901px){
  #chatRail.chat-v984:not(.rail-maximized){
    top:80px!important;
    bottom:92px!important;
    max-height:calc(100dvh - 172px)!important;
  }
}

/* Ajustes proporcionales para evitar recortes en 354px, sin achicar en exceso las letras. */
#chatRail.chat-v984:not(.rail-maximized)>.chat-modern-head{
  padding:14px 13px 6px!important;
}
#chatRail.chat-v984:not(.rail-maximized) .chat-head-row{min-height:38px!important;gap:6px!important}
#chatRail.chat-v984:not(.rail-maximized) .chat-title-wrap{min-width:0!important;gap:7px!important}
#chatRail.chat-v984:not(.rail-maximized) .chat-title-icon{
  width:27px!important;height:27px!important;flex:0 0 27px!important;
}
#chatRail.chat-v984:not(.rail-maximized) .chat-title-icon .v985-icon{width:24px!important;height:24px!important}
#chatRail.chat-v984:not(.rail-maximized) .chat-title-wrap b{font-size:20px!important}
#chatRail.chat-v984:not(.rail-maximized) .rail-head-actions{gap:6px!important}
#chatRail.chat-v984:not(.rail-maximized) .rail-head-actions #chatRailMaximize,
#chatRail.chat-v984:not(.rail-maximized) .rail-head-actions #chatRailClose{
  width:32px!important;height:32px!important;min-width:32px!important;
  padding:0!important;font-size:19px!important;
}
#chatRail.chat-v984:not(.rail-maximized) .chat-modern-body{
  padding:0 12px 12px!important;
}
#chatRail.chat-v984:not(.rail-maximized) .chat-mode-tabs{
  gap:5px!important;margin:10px 0 12px!important;height:43px!important;
  flex:0 0 43px!important;
}
#chatRail.chat-v984:not(.rail-maximized) .chat-mode-tabs button{
  min-width:0!important;min-height:40px!important;
  padding:5px 3px!important;gap:4px!important;font-size:11.5px!important;
  border-radius:9px!important;white-space:nowrap!important;
}
#chatRail.chat-v984:not(.rail-maximized) .chat-mode-tabs .v985-icon{
  width:17px!important;height:17px!important;flex:0 0 17px!important;
}
#chatRail.chat-v984:not(.rail-maximized) .chat-mode-tabs button em{
  min-width:18px!important;height:18px!important;font-size:10px!important;
  top:-5px!important;right:-4px!important;
}

/* Tarjeta principal General */
#chatRail.chat-v984:not(.rail-maximized) .chat-general-visible{
  height:82px!important;min-height:82px!important;
  padding:10px 11px!important;margin-bottom:15px!important;gap:9px!important;
}
#chatRail.chat-v984:not(.rail-maximized) .v984-globe{
  width:49px!important;height:49px!important;flex:0 0 49px!important;
}
#chatRail.chat-v984:not(.rail-maximized) .v984-globe .v985-icon{width:31px!important;height:31px!important}
#chatRail.chat-v984:not(.rail-maximized) .v984-general-copy{min-width:0!important;gap:3px!important}
#chatRail.chat-v984:not(.rail-maximized) .v984-general-copy b{
  font-size:15px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
#chatRail.chat-v984:not(.rail-maximized) .v984-general-copy small{font-size:10.5px!important;line-height:1.3!important}
#chatRail.chat-v984:not(.rail-maximized) .v984-general-end strong{font-size:24px!important}

/* Secciones, listas y canales: caben nombres y hora/contador sin solaparse. */
#chatRail.chat-v984:not(.rail-maximized) .chat-recent-top-label b,
#chatRail.chat-v984:not(.rail-maximized) .v984-recent-channels h3,
#chatRail.chat-v984:not(.rail-maximized) .v984-section-head h3{font-size:15px!important}
#chatRail.chat-v984:not(.rail-maximized) #recentChatsNext{
  width:30px!important;height:30px!important;font-size:19px!important;
}
#chatRail.chat-v984:not(.rail-maximized) .chat-recent-top{margin-bottom:14px!important}
#chatRail.chat-v984:not(.rail-maximized) .v984-person-row,
#chatRail.chat-v984:not(.rail-maximized) .v984-channel-row{
  min-height:59px!important;padding:8px 9px!important;gap:9px!important;
}
#chatRail.chat-v984:not(.rail-maximized) .v984-person-avatar{
  width:36px!important;height:36px!important;flex:0 0 36px!important;
}
#chatRail.chat-v984:not(.rail-maximized) .v984-person-avatar .chat-avatar,
#chatRail.chat-v984:not(.rail-maximized) .v984-person-avatar .chat-avatar img{
  width:32px!important;height:32px!important;
}
#chatRail.chat-v984:not(.rail-maximized) .v984-row-copy{min-width:0!important;gap:3px!important}
#chatRail.chat-v984:not(.rail-maximized) .v984-row-copy b{
  font-size:13px!important;max-width:100%!important;white-space:nowrap!important;
  overflow:hidden!important;text-overflow:ellipsis!important;
}
#chatRail.chat-v984:not(.rail-maximized) .v984-row-copy small{
  font-size:11px!important;max-width:100%!important;white-space:nowrap!important;
  overflow:hidden!important;text-overflow:ellipsis!important;
}
#chatRail.chat-v984:not(.rail-maximized) .v984-row-tail{flex:0 0 auto!important;min-width:27px!important}
#chatRail.chat-v984:not(.rail-maximized) .v984-row-tail small{font-size:10px!important;white-space:nowrap!important}
#chatRail.chat-v984:not(.rail-maximized) .v984-channel-icon{
  width:36px!important;height:36px!important;flex:0 0 36px!important;font-size:22px!important;
}
#chatRail.chat-v984:not(.rail-maximized) .v984-section-head button{
  font-size:11px!important;min-height:33px!important;padding:7px 8px!important;
}
#chatRail.chat-v984:not(.rail-maximized) .chat-user-search-wrap,
#chatRail.chat-v984:not(.rail-maximized) .chat-channel-search{min-height:38px!important}
#chatRail.chat-v984:not(.rail-maximized) .chat-user-search-wrap input,
#chatRail.chat-v984:not(.rail-maximized) .chat-channel-search input{
  height:38px!important;font-size:12px!important;
}
#chatRail.chat-v984:not(.rail-maximized) .chat-user-search-icon,
#chatRail.chat-v984:not(.rail-maximized) .chat-channel-search span{font-size:18px!important}
#chatRail.chat-v984:not(.rail-maximized) .chat-v984-private,
#chatRail.chat-v984:not(.rail-maximized) .chat-v984-channels{gap:11px!important}

/* Sin cambios en rail-maximized: el boton ampliar sigue abriendo la vista grande.
   En pantallas estrechas respeta el margen lateral y el alto de V98.5. */
@media(max-width:460px){
  #chatRail.chat-v984:not(.rail-maximized){
    right:9px!important;width:min(354px,calc(100vw - 18px))!important;
    max-width:calc(100vw - 18px)!important;
  }
}


/* V98.9 — subir el borde inferior para no tapar los botones de la esquina inferior derecha. */
@media(max-width:460px){
  #chatRail.chat-v984:not(.rail-maximized){
    bottom:84px!important;
    max-height:calc(100dvh - 150px)!important;
  }
}