/* 2.3.65 Grupos: panel visual coherente con el tema y mejor ajuste responsive/mobile */
#groupModeBtn{white-space:nowrap;border-radius:12px;padding:8px 10px;font-weight:700}
#page-inbox.group-mode.active{grid-template-columns:minmax(0,1fr)!important;gap:0!important}
#page-inbox.group-mode .inbox-list-panel,#page-inbox.group-mode .inbox-resize-handle,#page-inbox.group-mode .chat-panel,#page-inbox.group-mode .contact-panel{display:none!important}
.group-chat-workspace{display:none;min-width:0;min-height:0;height:100%;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:12px;align-items:stretch;background:var(--ui-bg,transparent)}
#page-inbox.group-mode .group-chat-workspace{display:grid!important}
.group-chat-workspace.hidden{display:none!important}
.group-chat-side,.group-chat-detail{display:flex;min-height:0;flex-direction:column;background:var(--ui-list-2,var(--ui-list,#fff));border:1px solid var(--ui-line,#d6e2ed);border-radius:18px;overflow:hidden;box-shadow:0 10px 22px rgba(0,0,0,.08)}
.group-chat-tools,.group-chat-head,.group-chat-setup{background:var(--ui-list,var(--ui-list-2,#fff))}
.group-chat-tools,.group-chat-head{display:flex;align-items:center;gap:12px;padding:14px;border-bottom:1px solid var(--ui-line,#d6e2ed)}
.group-chat-tools b{flex:1;color:var(--ui-text,inherit)}
.group-chat-side>.muted{padding:6px 14px;font-size:11px;color:var(--ui-muted,#8392a5)}
.group-chat-list{overflow:auto;flex:1;min-height:0;padding:8px;background:transparent}
.group-chat-list button{width:100%;text-align:left;border:1px solid var(--ui-line,#d6e2ed);padding:12px;border-radius:14px;display:flex;flex-direction:column;gap:5px;margin-bottom:8px;background:var(--ui-list,var(--ui-list-2,#fff));color:var(--ui-text,inherit);cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}
.group-chat-list button:hover{background:var(--ui-list-hover,var(--ui-list,#fff))}
.group-chat-list button.selected{border-color:var(--ui-accent,#20b690);background:color-mix(in srgb,var(--ui-accent,#20b690) 13%,var(--ui-list,#fff));box-shadow:0 0 0 1px color-mix(in srgb,var(--ui-accent,#20b690) 30%,transparent) inset}
.group-chat-list b,.group-chat-head b,#groupChatTitle{color:var(--ui-text,inherit)}
.group-chat-list span{color:var(--ui-text,inherit);opacity:.92;line-height:1.35}
.group-chat-list small,.group-chat-head small,.group-chat-setup p{color:var(--ui-muted,#8392a5)}
.group-chat-setup{border-top:1px solid var(--ui-line,#d6e2ed);padding:10px;display:grid;gap:8px}
.group-chat-setup select,.group-chat-compose textarea{min-width:0;border:1px solid var(--ui-line,#d6e2ed);background:var(--ui-list,var(--ui-list-2,#fff));color:var(--ui-text,inherit);border-radius:12px;padding:10px}
.group-chat-setup select:focus,.group-chat-compose textarea:focus{outline:none;border-color:var(--ui-accent,#20b690);box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-accent,#20b690) 18%,transparent)}
.group-chat-head{min-height:72px}
.group-chat-head>div{display:grid;gap:3px;min-width:0}
.group-chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:9px;background:var(--ui-chat,#f5f7fa)}
.group-chat-bubble{max-width:min(78%,580px);background:var(--ui-list,var(--ui-list-2,#fff));padding:11px 13px;border-radius:14px;overflow-wrap:anywhere;border:1px solid var(--ui-line,#d6e2ed);color:var(--ui-text,inherit)}
.group-chat-bubble.out{align-self:flex-end;background:color-mix(in srgb,var(--ui-accent,#20b690) 18%,var(--ui-list,#fff))}
.group-chat-bubble.in{align-self:flex-start}
.group-chat-bubble small{display:block;margin-bottom:4px;font-weight:700;color:var(--ui-accent,#218d79)}
.group-chat-bubble time{display:block;font-size:10px;color:var(--ui-muted,#8392a5);text-align:right;margin-top:5px}
.group-chat-compose{display:flex;gap:10px;padding:12px;border-top:1px solid var(--ui-line,#d6e2ed);background:var(--ui-list,var(--ui-list-2,#fff));align-items:flex-end}
.group-chat-compose textarea{flex:1;resize:vertical;min-height:46px;max-height:160px}
#groupChatMobileBack{display:none}
@media(max-width:980px){.group-chat-workspace{grid-template-columns:minmax(240px,320px) minmax(0,1fr)}}
@media(max-width:740px){#page-inbox.group-mode.active{grid-template-columns:minmax(0,1fr)!important}.group-chat-workspace{grid-template-columns:1fr!important;gap:0!important}.group-chat-side,.group-chat-detail{border-radius:16px}.group-chat-detail{display:none}.group-chat-workspace.group-open .group-chat-side{display:none}.group-chat-workspace.group-open .group-chat-detail{display:flex}#groupChatMobileBack{display:inline-flex}.group-chat-tools,.group-chat-head{padding:12px}.group-chat-messages{padding:12px}.group-chat-compose{padding:10px;gap:8px}.group-chat-compose button{flex:0 0 auto}}