.ypk-chat-widget{position:fixed;right:22px;bottom:22px;z-index:1080;font-family:Arial,Helvetica,sans-serif}.ypk-chat-launcher{width:54px;height:54px;border:0;border-radius:50%;background:#1f7a8c;color:#fff;box-shadow:0 10px 24px rgba(0,0,0,.22);font-size:21px;position:relative}.ypk-chat-total-unread{position:absolute;top:-5px;right:-4px;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#dc3545;color:#fff;font-size:11px;line-height:20px;font-weight:700}.ypk-chat-panel{display:none;width:360px;height:520px;background:#fff;border:1px solid #d9e2e7;box-shadow:0 12px 32px rgba(0,0,0,.24);border-radius:8px;overflow:hidden}.ypk-chat-open .ypk-chat-panel{display:block}.ypk-chat-open .ypk-chat-launcher{display:none}.ypk-chat-header{height:58px;background:#1f7a8c;color:#fff;display:flex;align-items:center;padding:0 10px;gap:8px}.ypk-chat-title{flex:1;min-width:0;display:flex;flex-direction:column}.ypk-chat-heading{font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ypk-chat-subtitle{font-size:12px;opacity:.86;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ypk-chat-back,.ypk-chat-close{width:32px;height:32px;border:0;background:rgba(255,255,255,.12);color:#fff;border-radius:4px}.ypk-chat-back{visibility:hidden}.ypk-chat-has-room .ypk-chat-back{visibility:visible}.ypk-chat-body{height:462px;position:relative;background:#f4f7f9}.ypk-chat-users-wrap,.ypk-chat-room{position:absolute;inset:0;display:flex;flex-direction:column}.ypk-chat-room{display:none}.ypk-chat-has-room .ypk-chat-users-wrap{display:none}.ypk-chat-has-room .ypk-chat-room{display:flex}.ypk-chat-search{height:48px;margin:10px;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #d8e2e8;border-radius:6px;padding:0 10px;color:#7b8790}.ypk-chat-search-input{border:0;outline:0;flex:1;min-width:0;font-size:13px}.ypk-chat-users{overflow:auto;padding:0 10px 10px}.ypk-chat-user{width:100%;border:1px solid #dde6eb;background:#fff;border-radius:6px;margin-bottom:8px;padding:9px 10px;display:flex;align-items:center;gap:9px;text-align:left;color:#263238}.ypk-chat-user:hover,.ypk-chat-user.active{border-color:#1f7a8c;background:#eef8fa}.ypk-chat-dot{width:10px;height:10px;border-radius:50%;background:#9aa5ad;flex:0 0 auto}.ypk-chat-user.online .ypk-chat-dot{background:#2eb67d}.ypk-chat-user-name{display:block;font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ypk-chat-user-status{display:block;font-size:11px;color:#6c757d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ypk-chat-unread{min-width:22px;height:22px;padding:0 7px;border-radius:11px;background:#dc3545;color:#fff;font-size:11px;line-height:22px;text-align:center;font-weight:700}.ypk-chat-messages{flex:1;overflow:auto;padding:13px;background:#eef3f6}.ypk-chat-message{display:flex;margin-bottom:9px}.ypk-chat-message.mine{justify-content:flex-end}.ypk-chat-bubble{max-width:78%;padding:8px 10px;border-radius:8px;background:#fff;border:1px solid #dce5ea;color:#263238;font-size:13px;line-height:1.35;word-break:break-word}.ypk-chat-message.mine .ypk-chat-bubble{background:#1f7a8c;color:#fff;border-color:#1f7a8c}.ypk-chat-time{display:block;margin-top:5px;font-size:10px;opacity:.72}.ypk-chat-form{height:54px;display:flex;gap:8px;background:#fff;border-top:1px solid #d8e2e8;padding:8px}.ypk-chat-input{flex:1;min-width:0;border:1px solid #d8e2e8;border-radius:6px;padding:0 10px;font-size:13px}.ypk-chat-send{width:40px;border:0;border-radius:6px;background:#1f7a8c;color:#fff}.ypk-chat-send:disabled{opacity:.65}.ypk-chat-empty,.ypk-chat-loading{padding:20px;text-align:center;color:#6c757d;font-size:13px}@media(max-width:575px){.ypk-chat-widget{right:12px;bottom:12px}.ypk-chat-panel{width:calc(100vw - 24px);height:calc(100vh - 90px)}.ypk-chat-body{height:calc(100vh - 148px)}}

.ypk-chat-user-source{display:inline-block;margin-top:4px;padding:2px 6px;border-radius:4px;background:#eef2f5;color:#52616b;font-size:10px;font-weight:700}.ypk-chat-user.is-reference{cursor:default}.ypk-chat-user.is-reference .ypk-chat-dot{background:#c7a44a}.ypk-chat-user.is-reference:hover{border-color:#dde6eb;background:#fff}