.chat-wrapper[data-v-8bb2a663]{display:grid;grid-template-columns:320px 1fr;width:100%;height:680px;background:#fff;border-radius:16px;box-shadow:0 12px 30px #0f172a14;overflow:hidden;position:relative}.chat-wrapper.chat-sidebar-collapsed[data-v-8bb2a663]{grid-template-columns:1fr}.chat-wrapper.chat-sidebar-collapsed .chat-sidebar[data-v-8bb2a663]{display:none}.chat-row[data-v-8bb2a663]{display:flex;align-items:center;gap:10px}.chat-flex[data-v-8bb2a663]{flex:1;min-width:0}.chat-spacer[data-v-8bb2a663]{margin-left:auto}.chat-badge[data-v-8bb2a663]{margin-left:8px}.chat-sidebar[data-v-8bb2a663]{background:#f8fafc;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;min-width:0;position:static;height:auto;width:auto}.chat-sidebar-header[data-v-8bb2a663]{padding:18px 18px 12px;border-bottom:1px solid #e2e8f0;border-right:0}.chat-sidebar-content[data-v-8bb2a663]{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.chat-user-online[data-v-8bb2a663]{position:relative}.chat-user-online[data-v-8bb2a663]:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:#22c55e;border:2px solid #ffffff;right:-2px;bottom:-2px}.chat-sidebar-header .chat-user-online[data-v-8bb2a663]:before,.chat-list .chat-user-online[data-v-8bb2a663]:before{content:none}.broadcast-avatar[data-v-8bb2a663]{width:42px;height:42px;border-radius:50%;background:#e0e7ff;display:inline-flex;align-items:center;justify-content:center}.broadcast-avatar .icon[data-v-8bb2a663]{width:20px;height:20px;color:#1d4ed8}.chat-user-name[data-v-8bb2a663]{font-weight:600;color:#0f172a}.chat-search .input-group-text[data-v-8bb2a663]{border:none;color:#64748b}.chat-search .form-control[data-v-8bb2a663]{border:none;background:transparent}.chat-search[data-v-8bb2a663]{border:1px solid #e2e8f0;border-radius:12px;padding:4px;background:#fff}.chat-list .list-group-item[data-v-8bb2a663]{border:none;border-bottom:1px solid #edf2f7;padding:14px 18px;background:transparent}.chat-list[data-v-8bb2a663]{flex:1;overflow-y:auto;max-height:none;height:100%}.chat-list .list-group-item.active[data-v-8bb2a663]{background:#e0e7ff}.chat-list .list-group-item[data-v-8bb2a663]:hover{background:#eef2ff}.chat-broadcast[data-v-8bb2a663]{background:#f1f5f9}.chat-broadcast.active[data-v-8bb2a663]{background:#dbeafe}.chat-title[data-v-8bb2a663]{font-size:.95rem;font-weight:600;color:#0f172a}.chat-msg[data-v-8bb2a663]{font-size:.8rem;color:#64748b}.chat-time[data-v-8bb2a663]{font-size:.7rem;color:#94a3b8;margin-left:auto}.chat-main[data-v-8bb2a663]{display:flex;flex-direction:column;min-width:0;height:100%;min-height:0}.chat-header[data-v-8bb2a663]{padding:16px 20px;border-bottom:1px solid #e2e8f0;background:#fff;gap:12px;position:static;height:auto;left:auto;right:auto;top:auto}.chat-header-info h6[data-v-8bb2a663]{font-weight:600;color:#0f172a}.chat-content[data-v-8bb2a663]{flex:1;background:#f8fafc;overflow:hidden;display:flex;margin:0;padding:0;position:relative;min-height:0;height:auto}.chat-thread[data-v-8bb2a663]{flex:1;overflow-y:auto;padding:22px;display:flex;flex-direction:column;gap:16px;min-height:0}.chat-content-empty[data-v-8bb2a663]{margin:auto;text-align:center;color:#64748b;padding:20px}.chat-bubble-row[data-v-8bb2a663]{display:flex;gap:10px;align-items:flex-start}.chat-bubble-row.justify-end[data-v-8bb2a663]{justify-content:flex-end}.chat-avatar[data-v-8bb2a663]{width:42px;height:42px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #ffffff;box-shadow:0 2px 6px #0f172a14}.chat-bubble-body[data-v-8bb2a663]{max-width:70%}.chat-text[data-v-8bb2a663]{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:10px 14px;margin-bottom:0;color:#0f172a;white-space:pre-wrap;word-break:break-word}.chat-text-sent[data-v-8bb2a663]{background:#1d4ed8;border-color:#1d4ed8;color:#fff}.chat-time[data-v-8bb2a663]{font-size:.72rem;margin-bottom:4px}.chat-bubble.is-sent .chat-time[data-v-8bb2a663]{text-align:right}.chat-footer[data-v-8bb2a663]{padding:16px 20px;background:#fff;border-top:1px solid #e2e8f0;position:static;height:auto;left:auto;right:auto;bottom:auto}.icon-btn[data-v-8bb2a663]{border:none;background:transparent;padding:4px;display:inline-flex;align-items:center;justify-content:center;color:#64748b}.icon[data-v-8bb2a663]{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.chat-toggle-btn-modern[data-v-8bb2a663]{display:inline-flex;border:1px solid transparent;background:#e2e8f0;border-radius:10px;width:36px;height:36px;align-items:center;justify-content:center;padding:0;font-size:0;line-height:0;flex-shrink:0}.chat-date-separator[data-v-8bb2a663]{display:flex;align-items:center;gap:12px;margin:8px 0;color:#94a3b8;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.chat-date-separator[data-v-8bb2a663]:before,.chat-date-separator[data-v-8bb2a663]:after{content:"";flex:1;height:1px;background:#e2e8f0}.chat-overlay[data-v-8bb2a663]{display:none;pointer-events:none}.chat-sidebar-close[data-v-8bb2a663]{display:none}body.dark-mode .chat-wrapper[data-v-8bb2a663]{background:#0f172a;box-shadow:0 12px 30px #0f172a99}body.dark-mode .chat-sidebar[data-v-8bb2a663],body.dark-mode .chat-header[data-v-8bb2a663],body.dark-mode .chat-footer[data-v-8bb2a663]{background:#0f172a;border-color:#1f2937}body.dark-mode .chat-content[data-v-8bb2a663]{background:#111827}body.dark-mode .chat-list .list-group-item[data-v-8bb2a663]{border-bottom-color:#1f2937;color:#e5e7eb}body.dark-mode .chat-user-name[data-v-8bb2a663],body.dark-mode .chat-title[data-v-8bb2a663]{color:#e5e7eb}body.dark-mode .chat-msg[data-v-8bb2a663],body.dark-mode .chat-time[data-v-8bb2a663]{color:#9ca3af}body.dark-mode .chat-list .list-group-item.active[data-v-8bb2a663]{background:#1e293b}body.dark-mode .chat-text[data-v-8bb2a663]{background:#1f2937;border-color:#1f2937;color:#e5e7eb}body.dark-mode .chat-text-sent[data-v-8bb2a663]{background:#2563eb;border-color:#2563eb}body.dark-mode .chat-search[data-v-8bb2a663]{background:#111827;border-color:#1f2937}body.dark-mode .chat-search .form-control[data-v-8bb2a663]{color:#e5e7eb}body.dark-mode .chat-user-online[data-v-8bb2a663]:after{border-color:#0f172a}body.dark-mode .chat-date-separator[data-v-8bb2a663]{color:#94a3b8}body.dark-mode .chat-date-separator[data-v-8bb2a663]:before,body.dark-mode .chat-date-separator[data-v-8bb2a663]:after{background:#1f2937}@media (max-width: 1199px){.chat-wrapper[data-v-8bb2a663]{grid-template-columns:1fr;height:auto;min-height:600px}.chat-sidebar[data-v-8bb2a663]{position:absolute;left:0;top:0;bottom:0;width:280px;transform:translate(-100%);transition:transform .3s ease;z-index:5}.chat-wrapper.chat-sidebar-open .chat-sidebar[data-v-8bb2a663]{transform:translate(0)}.chat-toggle-btn-modern[data-v-8bb2a663]{display:inline-flex}.chat-overlay[data-v-8bb2a663]{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a73;opacity:0;visibility:hidden;transition:opacity .2s ease;z-index:4;pointer-events:none}.chat-overlay.active[data-v-8bb2a663]{opacity:1;visibility:visible;pointer-events:auto}.chat-sidebar-close[data-v-8bb2a663]{display:inline-flex}}