/* XMARTS LOCAL V98.5 — Mensajes: panel estático, escala fiel al diseño
   y burbujas con nombre visible. Sólo UI, sin cambios en el transporte. */

/* PANEL FIJO: aislado de posiciones persistidas y desplazamientos del mapa.
   Se limita al viewport real, incluso al aumentar el zoom del navegador. */
#chatRail.chat-v984,
#chatRail.chat-v984.chat-general-mode,
#chatRail.chat-v984.chat-private-mode,
#chatRail.chat-v984.chat-channels-mode,
#chatRail.chat-v984.rail-user-positioned {
  position:fixed!important;
  top:72px!important;
  bottom:10px!important;
  right:12px!important;
  left:auto!important;
  width:min(464px,calc(100vw - 24px))!important;
  min-width:0!important;
  max-width:calc(100vw - 24px)!important;
  height:auto!important;
  min-height:0!important;
  max-height:calc(100dvh - 82px)!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  padding:0!important;
  transform:none!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,rgba(4,25,41,.985),rgba(3,19,33,.985))!important;
  border:1px solid rgba(35,175,218,.75)!important;
  border-radius:18px!important;
  box-shadow:0 20px 55px #00101e9e!important;
}
#chatRail.chat-v984.rail-hidden{display:none!important}
#chatRail.chat-v984>.chat-modern-head,
#chatRail.chat-v984.chat-general-mode>.chat-modern-head,
#chatRail.chat-v984.chat-private-mode>.chat-modern-head,
#chatRail.chat-v984.chat-channels-mode>.chat-modern-head{
  flex:0 0 auto!important;
  padding:18px 19px 7px!important;
  margin:0!important;
  cursor:default!important;
  user-select:auto!important;
  touch-action:auto!important;
}
#chatRail.chat-v984 .chat-head-row{min-height:41px!important}
#chatRail.chat-v984 .chat-title-wrap{gap:10px!important}
#chatRail.chat-v984 .chat-title-icon{
  display:grid!important;place-items:center!important;
  width:32px!important;height:32px!important;flex:0 0 32px!important;
  color:#f0fcff!important;
}
#chatRail.chat-v984 .chat-title-icon .v985-icon{width:28px!important;height:28px!important;stroke-width:2.05!important}
#chatRail.chat-v984 .chat-title-wrap b,
#chatRail.chat-v984.chat-private-mode .chat-title-wrap b,
#chatRail.chat-v984.chat-general-mode .chat-title-wrap b{
  font-size:23px!important;font-weight:850!important;line-height:1.1!important;
}
#chatRail.chat-v984 .rail-head-actions{gap:10px!important}
#chatRail.chat-v984 .rail-head-actions #chatRailMaximize,
#chatRail.chat-v984 .rail-head-actions #chatRailClose{
  width:38px!important;height:38px!important;
  font-size:22px!important;border-radius:10px!important;
}
#chatRail.chat-v984 .v985-icon{display:block;width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
#chatRail.chat-v984 .chat-modern-body,
#chatRail.chat-v984.chat-general-mode .chat-modern-body,
#chatRail.chat-v984.chat-private-mode .chat-modern-body,
#chatRail.chat-v984.chat-channels-mode .chat-modern-body{
  flex:1 1 auto!important;min-height:0!important;
  height:auto!important;overflow:hidden!important;
  padding:0 19px 15px!important;
}
#chatRail.chat-v984 .chat-mode-tabs,
#chatRail.chat-v984.chat-general-mode .chat-mode-tabs,
#chatRail.chat-v984.chat-private-mode .chat-mode-tabs,
#chatRail.chat-v984.chat-channels-mode .chat-mode-tabs{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  flex:0 0 49px!important;height:49px!important;
  margin:12px 0 15px!important;gap:7px!important;
}
#chatRail.chat-v984 .chat-mode-tabs button,
#chatRail.chat-v984.chat-general-mode .chat-mode-tabs button,
#chatRail.chat-v984.chat-private-mode .chat-mode-tabs button,
#chatRail.chat-v984.chat-channels-mode .chat-mode-tabs button{
  font-size:14px!important;gap:7px!important;min-height:47px!important;
  border-radius:11px!important;padding:5px!important;
}
#chatRail.chat-v984 .chat-mode-tabs .v985-icon{width:20px;height:20px;flex:0 0 20px;color:#52d7fa}
#chatRail.chat-v984 .chat-mode-tabs button.active .v985-icon{color:#b6f7ff}
#chatRail.chat-v984 .chat-mode-tabs button em{top:-7px!important;right:-5px!important;min-width:21px!important;height:21px!important;font-size:11px!important}
#chatRail.chat-v984 .chat-modern-grid{flex:1 1 auto!important;min-height:0!important;overflow:hidden!important}
#chatRail.chat-v984 .chat-list-pane{height:100%!important;min-height:0!important}
#chatRail.chat-v984 .chat-v984-section{height:100%!important;overflow:auto!important;scrollbar-width:thin;scrollbar-color:#2f799e transparent;padding:2px 3px 9px!important}
#chatRail.chat-v984 .chat-v984-general{padding-bottom:18px!important}

/* General */
#chatRail.chat-v984 .chat-general-visible,
#chatRail.chat-v984.chat-general-mode .chat-general-visible{
  min-height:97px!important;height:97px!important;
  padding:12px 13px!important;
  border-radius:14px!important;margin:0 0 19px!important;
  background:linear-gradient(105deg,#0a648b,#09304d)!important;
}
#chatRail.chat-v984 .v984-globe{
  width:64px!important;height:64px!important;flex:0 0 64px!important;
  color:#32dcff!important;background:#061c31!important;
  box-shadow:0 0 19px #0ec5f23b!important;
}
#chatRail.chat-v984 .v984-globe .v985-icon{height:38px;width:38px;stroke-width:2.2!important}
#chatRail.chat-v984 .v984-general-copy b{font-size:18px!important;line-height:1.18!important}
#chatRail.chat-v984 .v984-general-copy small{font-size:12px!important;line-height:1.3!important}
#chatRail.chat-v984 .v984-general-end strong{font-size:30px!important}
#chatRail.chat-v984 .chat-recent-top-label b,
#chatRail.chat-v984.chat-general-mode .chat-recent-top-label b,
#chatRail.chat-v984 .v984-recent-channels h3,
#chatRail.chat-v984 .v984-section-head h3{font-size:17px!important;font-weight:850!important}
#chatRail.chat-v984 .chat-recent-top-label{margin-bottom:10px!important}
#chatRail.chat-v984 .chat-recent-top{margin-bottom:19px!important}
#chatRail.chat-v984 #recentChatsNext{width:36px!important;height:36px!important;font-size:22px!important}

/* Listas grandes y legibles, también con zoom */
#chatRail.chat-v984 .v984-person-row,
#chatRail.chat-v984 .v984-channel-row{
  min-height:68px!important;
  padding:10px 12px!important;gap:12px!important;
}
#chatRail.chat-v984 .v984-person-avatar{
  width:44px!important;height:44px!important;flex:0 0 44px!important;
}
#chatRail.chat-v984 .v984-person-avatar .chat-avatar,
#chatRail.chat-v984 .v984-person-avatar .chat-avatar img{width:39px!important;height:39px!important}
#chatRail.chat-v984 .v984-person-avatar i{width:10px!important;height:10px!important}
#chatRail.chat-v984 .v984-row-copy{gap:4px!important}
#chatRail.chat-v984 .v984-row-copy b{font-size:15px!important}
#chatRail.chat-v984 .v984-row-copy small{font-size:12px!important;line-height:1.26!important}
#chatRail.chat-v984 .v984-row-tail small{font-size:11px!important}
#chatRail.chat-v984 .v984-row-tail em{min-width:22px!important;height:21px!important;line-height:21px!important;font-size:11px!important}
#chatRail.chat-v984 .v984-channel-icon{width:43px!important;height:43px!important;flex:0 0 43px!important;border-radius:10px!important;font-size:25px!important}
#chatRail.chat-v984 .v984-recent-channels h3{margin-bottom:10px!important}
#chatRail.chat-v984 .v984-list{border-color:#265d7999!important;border-radius:13px!important}
#chatRail.chat-v984 .v984-section-head{margin:2px 2px 5px!important}
#chatRail.chat-v984 .v984-section-head button{font-size:13px!important;padding:10px 13px!important;min-height:37px!important;border-radius:10px!important}
#chatRail.chat-v984 .chat-user-search-wrap input,
#chatRail.chat-v984 .chat-channel-search input{
  height:45px!important;font-size:13px!important;border-radius:11px!important;
  padding-left:39px!important;
}
#chatRail.chat-v984 .chat-user-search-wrap,
#chatRail.chat-v984 .chat-channel-search{min-height:45px!important}
#chatRail.chat-v984 .chat-user-search-icon,
#chatRail.chat-v984 .chat-channel-search span{font-size:21px!important;left:13px!important}
#chatRail.chat-v984.chat-private-mode .chat-v984-private,
#chatRail.chat-v984.chat-channels-mode .chat-v984-channels{gap:15px!important}

/* Burbujas: mismo círculo aprobado; nombre SIEMPRE visible a su izquierda.
   Hover sustituye la etiqueta por el último mensaje. */
#messengerBubbleStack .messenger-mini-bubble::before{
  content:attr(data-preview-name);
  position:absolute;right:57px;top:50%;transform:translateY(-50%);
  box-sizing:border-box;max-width:min(230px,calc(100vw - 85px));min-width:0;
  padding:8px 11px;border:1px solid #217fb1aa;border-radius:9px;
  background:#092d46ed;color:#f0faff;
  font:750 12px/1.3 system-ui,-apple-system,"Segoe UI",sans-serif;
  white-space:normal;overflow-wrap:normal;text-align:left;
  text-shadow:0 1px 2px #0006;
  box-shadow:0 4px 16px #0007;pointer-events:none;
  z-index:1;
}
#messengerBubbleStack .messenger-mini-bubble:hover::before,
#messengerBubbleStack .messenger-mini-bubble:focus-visible::before{opacity:0;visibility:hidden}
#messengerBubbleStack .messenger-mini-bubble::after{
  content:attr(data-preview-name) ' · ' attr(data-preview);
  max-width:min(305px,calc(100vw - 85px));min-width:140px;
  font-size:12px;line-height:1.4;padding:11px 13px;
  z-index:5;
}
/* No mover burbujas al pasar el mouse: sólo cambia la etiqueta contextual. */
#messengerBubbleStack .messenger-mini-bubble:hover{transform:none!important}

/* Maximizado: límite fijo a la pantalla sin desbordar ni heredar transformaciones */
#chatRail.chat-v984.rail-maximized,
#chatRail.chat-v984.chat-general-mode.rail-maximized,
#chatRail.chat-v984.chat-private-mode.rail-maximized,
#chatRail.chat-v984.chat-channels-mode.rail-maximized{
  position:fixed!important;
  left:18px!important;right:18px!important;
  top:72px!important;bottom:16px!important;
  width:calc(100vw - 36px)!important;
  min-width:0!important;max-width:calc(100vw - 36px)!important;
  height:auto!important;max-height:calc(100dvh - 88px)!important;
  transform:none!important;
  z-index:9800!important;
}
#chatRail.chat-v984.rail-maximized .chat-modern-grid{display:grid!important;grid-template-columns:minmax(335px,460px) minmax(0,1fr)!important}
#chatRail.chat-v984.rail-maximized .chat-conversation-pane{display:flex!important;flex-direction:column!important;min-width:0!important;height:100%!important;min-height:0!important}
#chatRail.chat-v984.rail-maximized .chat-modern-body{height:auto!important;flex:1 1 auto!important;min-height:0!important}

@media(max-width:900px){
  #chatRail.chat-v984,#chatRail.chat-v984.chat-general-mode,#chatRail.chat-v984.chat-private-mode,#chatRail.chat-v984.chat-channels-mode{
    top:66px!important;bottom:8px!important;right:9px!important;
    width:min(464px,calc(100vw - 18px))!important;max-width:calc(100vw - 18px)!important;
    min-width:0!important;min-height:0!important;max-height:calc(100dvh - 74px)!important;
  }
  #chatRail.chat-v984.rail-maximized{
    left:8px!important;right:8px!important;top:66px!important;bottom:8px!important;
    width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 74px)!important;
  }
  #chatRail.chat-v984.rail-maximized .chat-modern-grid{display:block!important}
  #chatRail.chat-v984.rail-maximized .chat-conversation-pane{display:none!important}
}
@media(max-width:460px){
  #chatRail.chat-v984 .chat-modern-body{padding:0 13px 12px!important}
  #chatRail.chat-v984>.chat-modern-head{padding:13px 13px 5px!important}
  #chatRail.chat-v984 .chat-mode-tabs button{font-size:11px!important;gap:4px!important}
  #chatRail.chat-v984 .chat-mode-tabs .v985-icon{width:17px;height:17px;flex-basis:17px}
  #chatRail.chat-v984 .v984-globe{width:50px!important;height:50px!important;flex-basis:50px!important}
  #chatRail.chat-v984 .v984-globe .v985-icon{width:31px;height:31px}
  #chatRail.chat-v984 .v984-general-copy b{font-size:16px!important}
}

/* Últimos detalles: lupa vectorial en los tres buscadores. */
#chatRail.chat-v984 #recentChatsNext .v985-icon{height:19px!important;width:19px!important}
#chatRail.chat-v984 .chat-user-search-icon .v985-icon,
#chatRail.chat-v984 .chat-channel-search span .v985-icon{height:19px!important;width:19px!important}