.chat-nav-link{position:relative}.chat-nav-badge{position:absolute;top:7px;right:4px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#e74a3b;color:#fff;font-size:10px;font-weight:700;line-height:17px;text-align:center;display:none}.chat-backdrop{display:none;position:fixed;inset:0;background:rgba(15,23,42,.35);z-index:1048}.chat-panel{position:fixed;top:0;right:-390px;width:380px;max-width:100%;height:100vh;background:#fff;z-index:1049;box-shadow:-8px 0 28px rgba(15,23,42,.18);transition:right .22s ease;display:flex;flex-direction:column;color:#263238}.chat-panel.open{right:0}.chat-head{min-height:72px;padding:15px 17px;background:var(--app-theme-color,#4e73df);color:var(--app-theme-text-color,#fff);display:flex;align-items:center;justify-content:space-between}.chat-head strong{display:block;font-size:17px}.chat-head small{display:block;opacity:.82;margin-top:2px;max-width:290px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-close{border:0;background:transparent;color:inherit;font-size:19px;padding:8px;cursor:pointer}.chat-search-wrap{margin:12px 14px 6px;background:#f1f5f9;border-radius:9px;padding:9px 12px;display:flex;gap:8px;align-items:center}.chat-search-wrap input{border:0;outline:0;background:transparent;width:100%;font-size:13px}.chat-users{overflow-y:auto;flex:1}.chat-user{width:100%;border:0;border-bottom:1px solid #edf1f5;background:#fff;text-align:left;padding:11px 15px;display:flex;align-items:center;gap:11px;cursor:pointer}.chat-user:hover{background:#f8fafc}.chat-avatar{width:40px;height:40px;border-radius:50%;background:#e8eefc;color:#3454a4;display:flex;align-items:center;justify-content:center;font-weight:700;position:relative;flex:none}.chat-presence{position:absolute;right:0;bottom:0;width:10px;height:10px;border-radius:50%;background:#94a3b8;border:2px solid #fff}.chat-presence.online{background:#22c55e}.chat-user-info{min-width:0;flex:1}.chat-user-name{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-user-status{font-size:11px;color:#7b8794;margin-top:2px}.chat-user-unread{background:#e74a3b;color:#fff;border-radius:11px;min-width:21px;height:21px;line-height:21px;text-align:center;font-size:11px;font-weight:700;padding:0 5px}.chat-conversation{display:none;flex:1;min-height:0;flex-direction:column;background:#f5f7fb}.chat-panel.in-conversation .chat-users,.chat-panel.in-conversation .chat-search-wrap{display:none}.chat-panel.in-conversation .chat-conversation{display:flex}.chat-messages{flex:1;overflow-y:auto;padding:15px}.chat-message{display:flex;margin:5px 0}.chat-message.mine{justify-content:flex-end}.chat-bubble{max-width:82%;padding:8px 11px;border-radius:13px 13px 13px 3px;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.07);font-size:13px;white-space:pre-wrap;word-break:break-word}.chat-message.mine .chat-bubble{background:var(--app-theme-color,#4e73df);color:var(--app-theme-text-color,#fff);border-radius:13px 13px 3px 13px}.chat-meta{font-size:10px;opacity:.68;text-align:right;margin-top:4px;white-space:nowrap}.chat-typing{height:22px;padding:1px 16px;color:#64748b;font-size:11px;font-style:italic}.chat-compose{display:flex;align-items:flex-end;gap:8px;background:#fff;padding:10px 12px 5px;border-top:1px solid #e6ebf0}.chat-compose textarea{flex:1;resize:none;max-height:110px;border:1px solid #d9e0e7;border-radius:18px;padding:8px 12px;outline:0;font-size:13px;line-height:19px}.chat-compose textarea:focus{border-color:var(--app-theme-color,#4e73df)}.chat-compose button{width:36px;height:36px;border:0;border-radius:50%;background:var(--app-theme-color,#4e73df);color:var(--app-theme-text-color,#fff);cursor:pointer}.chat-key-hint{background:#fff;text-align:center;color:#9aa5b1;font-size:10px;padding:2px 0 7px}.chat-empty{text-align:center;color:#84909c;padding:35px 15px;font-size:13px}@media(max-width:575.98px){.chat-panel{width:100%;right:-100%}.chat-backdrop.show{display:block}}
