/* XMARTS LOCAL V98.4: rediseño aprobado, aislado de estilos de chats anteriores.
   Se conservan conversación flotante, notificaciones y transporte de mensajes. */
#chatRail.chat-v984,#chatRail.chat-v984.chat-general-mode,#chatRail.chat-v984.chat-private-mode,#chatRail.chat-v984.chat-channels-mode{
 width:385px!important;min-width:385px!important;max-width:385px!important;
 box-sizing:border-box!important;max-height:calc(100dvh - 80px)!important;
 border:1px solid #178bb5b8!important;border-radius:17px!important;
 background:linear-gradient(180deg,#04192aef,#04192bee)!important;
 box-shadow:0 18px 58px #0009!important;overflow:hidden!important;color:#effaff!important;
}
#chatRail.chat-v984:not(.rail-maximized){height:min(700px,calc(100dvh - 100px))!important;min-height:420px!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{
 flex:0 0 auto!important;min-height:auto!important;padding:14px 14px 8px!important;
 margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;cursor:move!important;
}
#chatRail.chat-v984 .chat-head-row,#chatRail.chat-v984.chat-general-mode .chat-head-row,#chatRail.chat-v984.chat-private-mode .chat-head-row{
 display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;
 margin:0!important;padding:0!important;min-height:36px!important;gap:8px!important;border:0!important;
}
#chatRail.chat-v984 .chat-title-wrap{display:flex!important;align-items:center!important;gap:8px!important;flex:1!important;min-width:0!important}
#chatRail.chat-v984 .chat-title-wrap>div{display:flex!important;flex-direction:column!important}
#chatRail.chat-v984 .chat-title-icon{display:grid!important;place-items:center!important;flex:none!important;width:28px!important;height:28px!important;background:transparent!important;border:0!important;font-size:22px!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:19px!important;line-height:1.2!important;font-weight:850!important;color:#fff!important}
#chatRail.chat-v984 .rail-head-actions{position:static!important;display:flex!important;gap:7px!important;align-items:center!important}
#chatRail.chat-v984 .rail-head-actions #chatRailMaximize,#chatRail.chat-v984 .rail-head-actions #chatRailClose{display:grid!important;place-items:center!important;position:static!important;width:31px!important;height:31px!important;padding:0!important;border-radius:8px!important;border:1px solid #357b9d80!important;background:#0c2d45!important;color:#e7f7ff!important;font-size:19px!important}
#chatRail.chat-v984 .rail-head-actions button:hover{border-color:#41d5fc!important;background:#125175!important}
#chatRail.chat-v984 .chat-modern-body,#chatRail.chat-v984.chat-general-mode .chat-modern-body,#chatRail.chat-v984.chat-private-mode .chat-modern-body{
 display:flex!important;flex-direction:column!important;flex:1 1 auto!important;min-height:0!important;height:auto!important;overflow:hidden!important;padding:0 13px 12px!important;margin:0!important;background:transparent!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{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
 align-items:stretch!important;flex:0 0 40px!important;height:40px!important;margin:3px 0 12px!important;padding:0!important;
 overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;gap:5px!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{
 position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;
 font-size:11px!important;font-weight:800!important;min-height:40px!important;border-radius:10px!important;
 border:1px solid #2a698ca8!important;background:#082840!important;color:#b5d2e4!important;
 padding:6px 5px!important;overflow:visible!important;box-shadow:none!important;cursor:pointer!important;
}
#chatRail.chat-v984 .chat-mode-tabs button.active,#chatRail.chat-v984.chat-general-mode .chat-mode-tabs button.active,#chatRail.chat-v984.chat-private-mode .chat-mode-tabs button.active{
 background:linear-gradient(180deg,#0d81b1,#085979)!important;border-color:#35d7ff!important;color:#fff!important;
}
#chatRail.chat-v984 .chat-mode-tabs button em{position:absolute;right:-3px;top:-8px;display:grid;place-items:center;min-width:19px;height:19px;padding:0 4px;border-radius:12px;font-size:10px;font-weight:900;font-style:normal;color:#fff;background:#ef3754;box-shadow:0 2px 9px #0008}
#chatRail.chat-v984 .chat-mode-tabs button em[hidden]{display:none!important}
#chatRail.chat-v984 .chat-modern-grid,#chatRail.chat-v984.chat-general-mode .chat-modern-grid,#chatRail.chat-v984.chat-private-mode .chat-modern-grid{
 display:block!important;flex:1 1 auto!important;min-height:0!important;height:auto!important;overflow:hidden!important;
}
#chatRail.chat-v984 .chat-list-pane,#chatRail.chat-v984.chat-general-mode .chat-list-pane,#chatRail.chat-v984.chat-private-mode .chat-list-pane{
 display:block!important;width:100%!important;height:100%!important;box-sizing:border-box!important;padding:0!important;margin:0!important;
 min-height:0!important;overflow:hidden!important;background:transparent!important;border:0!important;
}
#chatRail.chat-v984 .chat-v984-section{display:none!important;min-height:0!important;height:100%!important;overflow-y:auto!important;scrollbar-width:thin;scrollbar-color:#3584a8 transparent;overscroll-behavior:contain;padding:2px 2px 6px!important;box-sizing:border-box}
#chatRail.chat-v984.chat-general-mode .chat-v984-general{display:block!important}
#chatRail.chat-v984.chat-private-mode .chat-v984-private{display:flex!important;flex-direction:column!important;gap:11px!important}
#chatRail.chat-v984.chat-channels-mode .chat-v984-channels{display:flex!important;flex-direction:column!important;gap:11px!important}
#chatRail.chat-v984 .chat-conversation-pane{display:none!important}
#chatRail.chat-v984 .chat-general-visible,#chatRail.chat-v984.chat-general-mode .chat-general-visible{
 display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;width:100%!important;
 flex:0 0 auto!important;margin:2px 0 16px!important;padding:10px!important;height:78px!important;
 box-sizing:border-box!important;border-radius:12px!important;
 border:1px solid #1cd3f3c9!important;background:linear-gradient(105deg,#0b6388ee,#0a2c46ed)!important;
 box-shadow:inset 0 1px #ffffff18!important;text-align:left!important;
}
#chatRail.chat-v984 .v984-globe{display:grid!important;place-items:center!important;flex:0 0 51px!important;width:51px!important;height:51px!important;border-radius:50%!important;border:1px solid #2ed9ff!important;background:#06263f!important;font-size:28px!important}
#chatRail.chat-v984 .v984-general-copy{display:flex!important;flex:1!important;flex-direction:column!important;gap:5px!important;min-width:0!important}
#chatRail.chat-v984 .v984-general-copy b{font-size:15px!important;font-weight:850!important;color:white!important}
#chatRail.chat-v984 .v984-general-copy small{font-size:10px!important;color:#c0dced!important;white-space:normal!important}
#chatRail.chat-v984 .v984-general-end{display:flex!important;flex-direction:column!important;align-items:center!important;gap:1px!important}
#chatRail.chat-v984 .v984-general-end strong{font-size:25px!important;font-weight:500!important;color:#fff!important;line-height:1!important}
#chatRail.chat-v984 #v984GeneralUnread{min-width:18px;height:18px;line-height:18px;text-align:center;background:#f13d57;color:white;font-size:10px;font-style:normal;font-weight:900;border-radius:50%;padding:0 3px}
#chatRail.chat-v984 #v984GeneralUnread[hidden]{display:none!important}
#chatRail.chat-v984 .chat-recent-top,#chatRail.chat-v984.chat-general-mode .chat-recent-top{
 display:block!important;margin:0 0 15px!important;padding:0!important;min-height:0!important;overflow:visible!important;
 background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
}
#chatRail.chat-v984 .chat-recent-top-label,#chatRail.chat-v984.chat-general-mode .chat-recent-top-label{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 0 7px!important;padding:0 2px!important}
#chatRail.chat-v984 .chat-recent-top-label b,#chatRail.chat-v984.chat-general-mode .chat-recent-top-label b{font-size:15px!important;color:#fff!important;font-weight:850!important}
#chatRail.chat-v984 #recentChatsNext{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;border-radius:9px!important;border:1px solid #3a89b6!important;background:#0b314b!important;color:#e8faff!important;font-size:19px!important}
#chatRail.chat-v984 .chat-recent-bubbles,#chatRail.chat-v984.chat-general-mode .chat-recent-bubbles{
 display:flex!important;flex-direction:column!important;gap:0!important;max-height:none!important;overflow:visible!important;
 padding:0!important;margin:0!important;scrollbar-width:none!important;
}
#chatRail.chat-v984 .chat-recent-pager{display:none!important}
#chatRail.chat-v984 .v984-recent-channels h3,#chatRail.chat-v984 .v984-section-head h3{margin:0!important;font-size:15px!important;font-weight:850!important;color:#fff!important;line-height:1.3!important}
#chatRail.chat-v984 .v984-recent-channels h3{margin:0 0 8px!important}
#chatRail.chat-v984 .v984-list{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;min-height:0!important;gap:0!important;border:1px solid #27668a80!important;border-radius:12px!important;overflow-y:auto!important;overflow-x:hidden!important;background:#09263b99!important;padding:0!important;scrollbar-width:thin;scrollbar-color:#377b99 transparent}
#chatRail.chat-v984 .v984-person-row,#chatRail.chat-v984 .v984-channel-row{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;min-height:59px!important;flex:none!important;padding:8px!important;box-sizing:border-box!important;cursor:pointer!important;text-align:left!important;background:transparent!important;border:0!important;border-bottom:1px solid #386c8b4c!important;color:#e5faff!important;border-radius:0!important}
#chatRail.chat-v984 .v984-person-row:last-child,#chatRail.chat-v984 .v984-channel-row:last-child{border-bottom:0!important}
#chatRail.chat-v984 .v984-person-row:hover,#chatRail.chat-v984 .v984-channel-row:hover{background:#104462!important}
#chatRail.chat-v984 .v984-person-avatar{position:relative;display:grid;place-items:center;flex:0 0 37px;width:37px;height:37px;border-radius:50%;background:#0b334d;border:1px solid #1986b5a0}
#chatRail.chat-v984 .v984-person-avatar .chat-avatar{width:32px!important;height:32px!important}
#chatRail.chat-v984 .v984-person-avatar i{position:absolute;right:0;bottom:0;width:8px;height:8px;border-radius:50%;background:#8595a2;border:1px solid #0a2941}
#chatRail.chat-v984 .v984-person-avatar i.online{background:#2ad77e}
#chatRail.chat-v984 .v984-row-copy{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;gap:3px!important;min-width:0!important}
#chatRail.chat-v984 .v984-row-copy b{font-size:12.5px!important;font-weight:800!important;color:#effaff!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#chatRail.chat-v984 .v984-row-copy small{font-size:10.5px!important;line-height:1.2!important;color:#b1cee0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#chatRail.chat-v984 .v984-row-tail{flex:0 0 auto!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:center!important;gap:4px!important;min-width:30px!important}
#chatRail.chat-v984 .v984-row-tail small{font-size:10px!important;color:#a5c5d7!important}
#chatRail.chat-v984 .v984-row-tail em{font-style:normal;font-size:10px;color:#fff;background:#1189d6;min-width:19px;height:18px;border-radius:10px;text-align:center;line-height:18px;font-weight:900}
#chatRail.chat-v984 .v984-channel-icon{width:35px;height:35px;flex:0 0 35px;border-radius:8px;display:grid;place-items:center;background:#184d7a;font-size:23px;font-weight:900;color:#5ddcff}
#chatRail.chat-v984 .v984-channel-row:nth-child(3n+1) .v984-channel-icon{background:#3d2e83}
#chatRail.chat-v984 .v984-channel-row:nth-child(3n+2) .v984-channel-icon{background:#155e8c}
#chatRail.chat-v984 .v984-channel-row:nth-child(3n) .v984-channel-icon{background:#0a6576}
#chatRail.chat-v984 .v984-section-head{flex:none!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:5px!important;padding:0 2px!important;margin:0!important}
#chatRail.chat-v984 .v984-section-head button{flex:none!important;border:1px solid #2bcaef99!important;border-radius:9px!important;background:linear-gradient(180deg,#0c739c,#0b5275)!important;color:#effcff!important;font-size:11px!important;font-weight:800!important;padding:8px 10px!important;cursor:pointer!important}
#chatRail.chat-v984 .v984-section-head button:hover{filter:brightness(1.16)}
#chatRail.chat-v984 .chat-user-search-wrap,#chatRail.chat-v984.chat-private-mode .chat-user-search-wrap,#chatRail.chat-v984 .chat-channel-search{
 display:block!important;position:relative!important;flex:none!important;min-height:38px!important;margin:0!important;padding:0!important;
}
#chatRail.chat-v984 .chat-user-search-wrap input,#chatRail.chat-v984 .chat-channel-search input{
 display:block!important;box-sizing:border-box!important;width:100%!important;height:38px!important;padding:0 12px 0 34px!important;
 color:#eefbff!important;background:#082840!important;border:1px solid #2a759a9c!important;border-radius:10px!important;font-size:11px!important;
}
#chatRail.chat-v984 .chat-user-search-icon,#chatRail.chat-v984 .chat-channel-search span{display:block!important;position:absolute!important;left:11px!important;top:50%!important;transform:translateY(-50%)!important;color:#8cb5cc!important}
#chatRail.chat-v984 #chatTabs,#chatRail.chat-v984.chat-private-mode #chatTabs{display:flex!important;max-height:none!important;min-height:0!important;overflow-y:auto!important}
#chatRail.chat-v984 #channelPanel,#chatRail.chat-v984.chat-channels-mode #channelPanel{display:flex!important;flex:1 1 auto!important;min-height:0!important;overflow:hidden!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important}
#chatRail.chat-v984 #channelList{height:100%!important;max-height:none!important;min-height:0!important;display:flex!important;flex-direction:column!important;padding:0!important}
#chatRail.chat-v984 .v984-empty,#chatRail.chat-v984 .chat-recent-empty,#chatRail.chat-v984 .chat-channel-empty{font-size:11px!important;color:#8eb5c9!important;padding:17px 9px!important;line-height:1.4!important}
#chatRail.chat-v984 .v984-picker{position:absolute!important;z-index:20!important;inset:0!important;display:flex!important;flex-direction:column!important;gap:10px!important;padding:16px!important;box-sizing:border-box!important;background:#061d30!important;overflow:hidden!important}
#chatRail.chat-v984 .v984-picker[hidden]{display:none!important}
#chatRail.chat-v984 .v984-picker-head{display:flex;justify-content:space-between;align-items:center}
#chatRail.chat-v984 .v984-picker-head b{font-size:20px!important;color:white}
#chatRail.chat-v984 .v984-picker-head button{width:32px;height:32px;background:#0c314b;border:1px solid #3286af;color:#fff;border-radius:9px;font-size:20px;cursor:pointer}
#chatRail.chat-v984 #v984PickerSearch{width:100%;height:40px;box-sizing:border-box;background:#082b44;border:1px solid #337f9f;color:white;padding:9px;border-radius:10px;font-size:13px}
#chatRail.chat-v984 .v984-picker>p{font-size:10px;color:#99bdd2;margin:0}
#chatRail.chat-v984 .v984-picker-list{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;border-radius:12px;border:1px solid #367a9b77}
#messengerBubbleStack .messenger-mini-bubble{overflow:visible}
#messengerBubbleStack .messenger-mini-bubble::after{content:attr(data-preview-name) ' · ' attr(data-preview);position:absolute;right:58px;top:50%;transform:translateY(-50%) translateX(5px);box-sizing:border-box;display:block;width:max-content;max-width:min(280px,65vw);min-width:160px;overflow-wrap:anywhere;white-space:normal;text-align:left;padding:10px 12px;border:1px solid #53cbea9c;border-radius:10px;background:#082a42;color:#ecfaff;box-shadow:0 8px 25px #0008;font-size:11px;line-height:1.35;font-weight:500;opacity:0;pointer-events:none;visibility:hidden;transition:opacity .14s,transform .14s;z-index:5000}
#messengerBubbleStack .messenger-mini-bubble:hover::after,#messengerBubbleStack .messenger-mini-bubble:focus-visible::after{opacity:1;visibility:visible;transform:translateY(-50%) translateX(0)}
@media(max-width:900px){#chatRail.chat-v984:not(.rail-maximized){width:min(385px,calc(100vw - 18px))!important;min-width:0!important;max-width:calc(100vw - 18px)!important;height:min(700px,calc(100dvh - 95px))!important}#chatRail.chat-v984 .chat-mode-tabs button{font-size:10px!important}}
#chatRail.chat-v984.rail-maximized{left:7vw!important;right:7vw!important;top:74px!important;bottom:76px!important;max-width:none!important;width:auto!important;min-width:0!important}
/* Vista ampliada conserva panel de navegación + conversación, como en V98.3. */
#chatRail.chat-v984.rail-maximized .chat-modern-grid{display:grid!important;grid-template-columns:minmax(315px,385px) minmax(0,1fr)!important;gap:0!important}
#chatRail.chat-v984.rail-maximized .chat-list-pane{border-right:1px solid #31718a68!important;padding-right:12px!important}
#chatRail.chat-v984.rail-maximized .chat-conversation-pane{display:flex!important;flex-direction:column!important;min-height:0!important;height:100%!important;background:#061c2c!important}
#chatRail.chat-v984.rail-maximized .chat-bubble-log{flex:1 1 auto!important;min-height:0!important;overflow:auto!important}
#chatRail.chat-v984.rail-maximized .chat-modern-send{flex:none!important}
#chatRail.chat-v984 .v984-row-copy b{font-size:13.5px!important}
#chatRail.chat-v984 .v984-row-copy small{font-size:11.5px!important}
@media(max-width:800px){#chatRail.chat-v984.rail-maximized .chat-modern-grid{display:block!important}#chatRail.chat-v984.rail-maximized .chat-conversation-pane{display:none!important}}