/**handles:wpchat-styles**/
:root{--wpchat-bg:#ffffff;--wpchat-surface:#f3f4f6;--wpchat-surface-2:#e9eaec;--wpchat-border:#e5e7eb;--wpchat-text:#1a1a1a;--wpchat-text-2:#6b7280;--wpchat-text-3:#9ca3af;--wpchat-name:#111827;--wpchat-time:#9ca3af;--wpchat-accent:#0073aa;--wpchat-own-bg:#0073aa;--wpchat-own-text:#ffffff;--wpchat-other-bg:#f3f4f6;--wpchat-other-text:#1a1a1a;--wpchat-input-bg:#ffffff;--wpchat-input-border:#e5e7eb;--wpchat-tab-active:#0073aa;--wpchat-tab-text:#6b7280;--wpchat-ul-bg:#f9fafb;--wpchat-tag-bg:#374151;--wpchat-tag-text:#e5e7eb;--wpchat-system:#9ca3af;--wpchat-shadow:rgba(0,0,0,.08)}.wpchat-container.wpchat-dark,[data-wpchat-scheme=dark] .wpchat-container{color:var(--wpchat-text)!important;--wpchat-bg:#1c1c1e;--wpchat-surface:#2c2c2e;--wpchat-surface-2:#3a3a3c;--wpchat-border:#38383a;--wpchat-text:#f2f2f7;--wpchat-text-2:#aeaeb2;--wpchat-text-3:#636366;--wpchat-name:#f2f2f7;--wpchat-time:#636366;--wpchat-accent:#0a84ff;--wpchat-own-bg:#0a84ff;--wpchat-own-text:#ffffff;--wpchat-other-bg:#2c2c2e;--wpchat-other-text:#f2f2f7;--wpchat-input-bg:#1c1c1e;--wpchat-input-border:#38383a;--wpchat-tab-active:#0a84ff;--wpchat-tab-text:#aeaeb2;--wpchat-ul-bg:#1c1c1e;--wpchat-tag-bg:#3a3a3c;--wpchat-tag-text:#aeaeb2;--wpchat-system:#636366;--wpchat-shadow:rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){.wpchat-container.wpchat-auto{--wpchat-bg:#1c1c1e;--wpchat-surface:#2c2c2e;--wpchat-surface-2:#3a3a3c;--wpchat-border:#38383a;--wpchat-text:#f2f2f7;--wpchat-text-2:#aeaeb2;--wpchat-text-3:#636366;--wpchat-name:#f2f2f7;--wpchat-time:#636366;--wpchat-accent:#0a84ff;--wpchat-own-bg:#0a84ff;--wpchat-own-text:#ffffff;--wpchat-other-bg:#2c2c2e;--wpchat-other-text:#f2f2f7;--wpchat-input-bg:#1c1c1e;--wpchat-input-border:#38383a;--wpchat-tab-active:#0a84ff;--wpchat-tab-text:#aeaeb2;--wpchat-ul-bg:#1c1c1e;--wpchat-tag-bg:#3a3a3c;--wpchat-tag-text:#aeaeb2;--wpchat-system:#636366;--wpchat-shadow:rgba(0,0,0,.3)}}.wpchat-container *,.wpchat-container ::after,.wpchat-container ::before{box-sizing:border-box}.wpchat-container{display:flex;flex-direction:column;border:1px solid var(--wpchat-border);border-radius:12px;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:14px;background:var(--wpchat-bg);position:relative;box-shadow:0 2px 12px rgba(0,0,0,.07)}.wpchat-loading{display:flex;align-items:center;justify-content:center;height:100%;color:#999;font-size:13px;gap:8px}.wpchat-loading::before{content:'';width:16px;height:16px;border:2px solid #ddd;border-top-color:var(--wpchat-accent);border-radius:50%;animation:wpchat-spin .7s linear infinite;flex-shrink:0}@keyframes wpchat-spin{to{transform:rotate(360deg)}}.wpchat-tabs{display:flex;align-items:center;border-bottom:2px solid var(--wpchat-border);background:var(--wpchat-bg);flex-shrink:0}.wpchat-tabs::-webkit-scrollbar{display:none}.wpchat-tab{display:flex;align-items:center;gap:5px;padding:11px 16px;font-size:13px;font-weight:500;color:#888;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;transition:color .15s,border-color .15s;user-select:none;position:relative;flex-shrink:0}.wpchat-tab:hover{color:#444}.wpchat-tab.active{color:var(--wpchat-accent);border-bottom-color:var(--wpchat-accent)}.wpchat-tab .tab-badge{background:var(--wpchat-own-bg);color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:8px;padding:0 4px;display:flex;align-items:center;justify-content:center;line-height:1}.wpchat-tab .tab-badge.hidden{display:none}.wpchat-panel{display:none;flex-direction:column;flex:1;overflow:hidden;min-height:0}.wpchat-panel.active{display:flex}.wpchat-header{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--wpchat-bg);border-bottom:1px solid #f0f0f0;flex-shrink:0}.wpchat-header .room-name{flex:1;font-weight:600;font-size:14px;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wpchat-online-badge{display:flex;align-items:center;gap:5px;font-size:12px;color:#888;flex-shrink:0}.wpchat-online-badge::before{content:'';width:7px;height:7px;background:#22c55e;border-radius:50%;flex-shrink:0}.wpchat-online-badge.empty{display:none}.wpchat-messages{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:2px;scroll-behavior:smooth;overscroll-behavior:contain;min-height:0}.wpchat-messages{scrollbar-width:thin;scrollbar-color:#ccc transparent}.wpchat-messages::-webkit-scrollbar{width:8px}.wpchat-messages::-webkit-scrollbar-track{background:0 0}.wpchat-messages::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px;border:2px solid transparent;background-clip:padding-box}.wpchat-messages::-webkit-scrollbar-thumb:hover{background:#aaa;background-clip:padding-box}.wpchat-date-divider{display:flex;align-items:center;gap:10px;margin:10px 0 6px;color:var(--wpchat-time);font-size:11px;text-transform:uppercase;letter-spacing:.04em}.wpchat-date-divider::after,.wpchat-date-divider::before{content:'';flex:1;height:1px;background:#f0f0f0}.wpchat-message{display:flex;gap:10px;align-items:flex-end;padding:1px 0}.wpchat-message.grouped .avatar-wrap{visibility:hidden}.wpchat-message.grouped .meta{display:none}.wpchat-message .avatar-wrap{width:34px;flex-shrink:0}.wpchat-message .avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;display:block;background:#f0f0f0;cursor:pointer}.wpchat-message .avatar:hover{opacity:.85}.wpchat-message .bubble-side{display:flex;flex-direction:column;max-width:min(480px,75%);gap:2px}.wpchat-message .meta{display:flex;align-items:baseline;gap:6px;padding:0 4px;margin-bottom:2px}.wpchat-message .name-row{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;padding:0 4px;margin-bottom:2px}.wpchat-message .meta .name,.wpchat-message .name-row .name{font-weight:600!important;font-size:12px!important;color:var(--wpchat-name)!important;cursor:pointer;text-decoration:underline;text-decoration-color:transparent;transition:color .15s,text-decoration-color .15s}.wpchat-message .meta .name:hover,.wpchat-message .name-row .name:hover{color:var(--wpchat-accent)!important;text-decoration:underline}.wpchat-message .meta .time,.wpchat-message .name-row .time{font-size:11px!important;color:var(--wpchat-time)!important}.wpchat-message .body{color:var(--wpchat-other-text)!important;background:var(--wpchat-other-bg)!important;border-radius:4px 16px 16px 16px;padding:8px 12px;line-height:1.55;word-break:break-word;white-space:pre-wrap;position:relative}.wpchat-message.first-in-group .body{border-top-left-radius:16px}.wpchat-message.own{flex-direction:row-reverse}.wpchat-message.own .bubble-side{align-items:flex-end}.wpchat-message.own .meta{flex-direction:row-reverse}.wpchat-message.own .body{background:var(--wpchat-own-bg)!important;color:var(--wpchat-own-text)!important;border-radius:16px 4px 16px 16px}.wpchat-message.own.first-in-group .body{border-top-right-radius:16px}.wpchat-message.deleted .body{background:0 0;border:1px dashed #ddd;color:var(--wpchat-time);font-style:italic;font-size:12px}.wpchat-message .body .msg-delete-btn{position:absolute;top:4px;right:6px;background:0 0;border:none;color:rgba(0,0,0,.2);cursor:pointer;font-size:11px;padding:2px 4px;border-radius:4px;line-height:1;opacity:0;transition:opacity .15s,color .15s}.wpchat-message .body:hover .msg-delete-btn{opacity:1}.wpchat-message .body .msg-delete-btn:hover{color:#c00}.wpchat-message.own .body .msg-delete-btn{color:rgba(255,255,255,.4)}.wpchat-system{text-align:center;font-size:12px;color:var(--wpchat-time);padding:6px 0;font-style:italic;user-select:none}.wpchat-panel{position:relative}.wpchat-scroll-btn{position:absolute;bottom:72px;right:12px;width:36px;height:36px;background:var(--wpchat-bg);border:1px solid var(--wpchat-border);border-radius:50%;box-shadow:0 2px 10px var(--wpchat-shadow);cursor:pointer;display:none;align-items:center;justify-content:center;font-size:16px;color:var(--wpchat-text);z-index:10;transition:box-shadow .15s,transform .15s}.wpchat-scroll-btn:hover{box-shadow:0 4px 14px rgba(0,0,0,.22);transform:scale(1.08)}.wpchat-input-bar{display:flex;align-items:center;gap:6px;padding:8px 10px;border-top:1px solid var(--wpchat-border);background:var(--wpchat-bg);flex-shrink:0;position:relative}.wpchat-input-bar textarea{flex:1;resize:none;border:1px solid var(--wpchat-input-border);border-radius:20px;padding:9px 14px;font-size:14px;font-family:inherit;line-height:1.4;max-height:120px;overflow-y:auto;background:var(--wpchat-input-bg);color:var(--wpchat-text)!important;transition:border-color .15s,background .15s;outline:0}.wpchat-input-bar textarea:focus{border-color:var(--wpchat-accent);background:var(--wpchat-bg)}.wpchat-input-bar textarea::placeholder{color:var(--wpchat-text-3)}.wpchat-input-bar textarea:disabled{background:#f5f5f5;color:var(--wpchat-text-3);cursor:not-allowed}.wpchat-input-bar .send-btn{width:36px;height:36px;background:var(--wpchat-own-bg);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,transform .1s;padding:0}.wpchat-input-bar .send-btn:hover{background:#005a87}.wpchat-input-bar .send-btn:active{transform:scale(.93)}.wpchat-input-bar .send-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.wpchat-input-bar .send-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.wpchat-char-count{font-size:11px;color:#ccc;align-self:center;flex-shrink:0;min-width:28px;text-align:right;transition:color .15s}.wpchat-char-count.warn{color:#f59e0b}.wpchat-char-count.limit{color:#ef4444}.wpchat-dm-panel{display:flex;flex-direction:column;flex:1;min-height:0}.wpchat-dm-inbox{flex:1;overflow-y:auto;min-height:0}.wpchat-dm-inbox-header{padding:12px 16px 8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--wpchat-text-3)}.wpchat-dm-empty{padding:40px 20px;text-align:center;color:var(--wpchat-time);font-size:13px}.wpchat-dm-row{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;transition:background .1s;border-bottom:1px solid #fafafa}.wpchat-dm-row:hover{background:#f9f9f9}.wpchat-dm-row .dm-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0;background:#f0f0f0}.wpchat-dm-row .dm-info{flex:1;min-width:0}.wpchat-dm-row .dm-name{font-weight:600!important;font-size:13px!important;color:var(--wpchat-name)!important}.wpchat-dm-row .dm-preview{font-size:12px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.wpchat-dm-row .dm-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.wpchat-dm-row .dm-time{font-size:11px;color:var(--wpchat-time)}.wpchat-dm-unread{background:var(--wpchat-own-bg);color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;padding:0 5px;display:flex;align-items:center;justify-content:center}.wpchat-dm-conv{display:flex;flex-direction:column;flex:1;min-height:0}.wpchat-dm-conv-header{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid #f0f0f0;flex-shrink:0}.wpchat-dm-back{background:0 0;border:none;cursor:pointer;color:var(--wpchat-accent);font-size:20px;padding:0 4px;line-height:1;flex-shrink:0}.wpchat-dm-back:hover{color:#005a87}.wpchat-dm-conv-name{flex:1;font-weight:600!important;font-size:14px!important;color:var(--wpchat-name)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wpchat-dm-conv-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;flex-shrink:0}.wpchat-guest-setup{position:absolute;inset:0;background:rgba(255,255,255,.97);display:flex;align-items:center;justify-content:center;z-index:10}.wpchat-guest-setup .setup-card{background:var(--wpchat-bg);border:1px solid #e5e5e5;border-radius:16px;padding:32px;max-width:340px;width:calc(100% - 32px);text-align:center;box-shadow:0 4px 24px rgba(0,0,0,.08)}.wpchat-guest-setup .setup-icon{font-size:36px;margin-bottom:12px}.wpchat-guest-setup h3{margin:0 0 6px;font-size:18px;font-weight:700;color:#111}.wpchat-guest-setup p{margin:0 0 20px;color:#777;font-size:13px;line-height:1.5}.wpchat-guest-setup input[type=text]{width:100%;padding:10px 14px;border:1px solid var(--wpchat-border);border-radius:10px;font-size:14px;margin-bottom:10px;outline:0;color:#111;background:#f9f9f9;transition:border-color .15s}.wpchat-guest-setup input[type=text]:focus{border-color:var(--wpchat-accent);background:var(--wpchat-bg)}.wpchat-guest-setup input[type=text]::placeholder{color:#999}.wpchat-guest-setup .join-btn{width:100%;padding:11px;background:var(--wpchat-own-bg);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}.wpchat-guest-setup .join-btn:hover{background:#005a87}.wpchat-guest-setup .join-btn:disabled{background:#aaa;cursor:not-allowed}.wpchat-error{color:#ef4444;font-size:12px;padding:4px 0 0;margin:0}@media (prefers-color-scheme:dark){.wpchat-container{background:var(--wpchat-bg);border-color:var(--wpchat-border)}.wpchat-tabs{background:var(--wpchat-bg);border-color:#2c2c2e}.wpchat-tab{color:var(--wpchat-text-3)}.wpchat-tab:hover{color:var(--wpchat-text-2)}.wpchat-tab.active{color:var(--wpchat-accent);border-bottom-color:var(--wpchat-accent)}.wpchat-header{background:var(--wpchat-bg);border-color:#2c2c2e}.wpchat-header .room-name{color:var(--wpchat-own-text)}.wpchat-date-divider{color:var(--wpchat-time)}.wpchat-date-divider::after,.wpchat-date-divider::before{background:var(--wpchat-other-bg)}.wpchat-message .body{background:var(--wpchat-other-bg);color:var(--wpchat-own-text)}.wpchat-message.own .body{background:var(--wpchat-own-bg)}.wpchat-message .meta .name{color:var(--wpchat-name)}.wpchat-message .meta .time{color:var(--wpchat-time)}.wpchat-system{color:var(--wpchat-time)}.wpchat-scroll-btn{background:var(--wpchat-other-bg);border-color:var(--wpchat-border);color:var(--wpchat-text-2)}.wpchat-input-bar{background:var(--wpchat-bg);border-color:#2c2c2e}.wpchat-input-bar textarea{background:var(--wpchat-other-bg);border-color:var(--wpchat-border);color:var(--wpchat-own-text)}.wpchat-input-bar textarea:focus{border-color:var(--wpchat-accent);background:#3a3a3c}.wpchat-input-bar .send-btn{background:var(--wpchat-own-bg)}.wpchat-input-bar .send-btn:hover{background:#0070d8}.wpchat-dm-row{border-color:#2c2c2e}.wpchat-dm-row:hover{background:var(--wpchat-other-bg)}.wpchat-dm-row .dm-name{color:var(--wpchat-own-text)}.wpchat-dm-row .dm-preview{color:var(--wpchat-text-3)}.wpchat-dm-conv-header{border-color:#2c2c2e}.wpchat-dm-conv-name{color:var(--wpchat-own-text)}.wpchat-dm-inbox-header{color:var(--wpchat-text-3)}.wpchat-guest-setup{background:rgba(28,28,30,.97)}.wpchat-guest-setup .setup-card{background:var(--wpchat-other-bg);border-color:var(--wpchat-border)}.wpchat-guest-setup h3{color:var(--wpchat-own-text)}.wpchat-guest-setup p{color:#8e8e93}.wpchat-guest-setup input[type=text]{background:#3a3a3c;border-color:var(--wpchat-time);color:var(--wpchat-own-text)}}@media (max-width:480px){.wpchat-messages{padding:10px}.wpchat-message .bubble-side{max-width:85%}.wpchat-tab{padding:10px 12px;font-size:12px}}.wpchat-outer{display:flex;flex-direction:row;flex:1;min-height:0;overflow:hidden}.wpchat-main{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0}.wpchat-userlist-resize{position:absolute;left:0;top:0;bottom:0;width:5px;cursor:col-resize;z-index:10;background:0 0;transition:background .15s}.wpchat-userlist-resize.dragging,.wpchat-userlist-resize:hover{background:rgba(0,115,170,.4)}.wpchat-userlist{width:220px;min-width:140px;max-width:400px;flex-shrink:0;border-left:1px solid #f0f0f0;display:flex;flex-direction:column;background:#fafafa;overflow:hidden;position:relative}.wpchat-userlist.collapsed{width:0;opacity:0;pointer-events:none}.wpchat-userlist-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 8px;flex-shrink:0;border-bottom:1px solid #f0f0f0}.wpchat-userlist-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--wpchat-text-3);white-space:nowrap}.wpchat-userlist-body{position:relative;flex:1;overflow-y:auto;padding:6px 0}.wpchat-userlist-body{scrollbar-width:thin;scrollbar-color:#ccc transparent}.wpchat-userlist-body::-webkit-scrollbar{width:8px}.wpchat-userlist-body::-webkit-scrollbar-track{background:0 0}.wpchat-userlist-body::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px;border:2px solid transparent;background-clip:padding-box}.wpchat-userlist-body::-webkit-scrollbar-thumb:hover{background:#aaa;background-clip:padding-box}.wpchat-user-entry{display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:default;transition:background .1s;min-width:0}.wpchat-user-entry.clickable{cursor:pointer}.wpchat-user-entry.clickable:hover{background:#f0f0f0}.wpchat-user-entry .wpchat-user-avatar{width:40px;height:40px;min-width:40px;min-height:40px;max-width:40px;max-height:40px;border-radius:50%;object-fit:cover;flex-shrink:0;background:#e0e0e0}.wpchat-user-entry .user-info{flex:1;min-width:0}.wpchat-user-entry .user-name{font-size:13px;font-weight:500;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wpchat-user-entry .user-badge{font-size:10px;font-weight:600;padding:1px 5px;border-radius:4px;display:inline-block;margin-top:1px}.wpchat-user-entry .user-badge.badge-user{background:#dbeafe;color:#1d4ed8}.wpchat-user-entry .user-badge.badge-guest{background:var(--wpchat-other-bg);color:var(--wpchat-text-2)}.wpchat-userlist-toggle{background:0 0;border:none;cursor:pointer;color:var(--wpchat-text-3);padding:2px 4px;font-size:16px;line-height:1;flex-shrink:0;transition:color .15s}.wpchat-userlist-toggle:hover{color:var(--wpchat-text)}.wpchat-header .userlist-toggle-btn{background:0 0;border:none;cursor:pointer;color:#888;font-size:16px;padding:2px 4px;line-height:1;flex-shrink:0;transition:color .15s}.wpchat-header .userlist-toggle-btn:hover{color:var(--wpchat-name)}.wpchat-users-panel{flex:1;overflow-y:auto;padding:8px 0}@media (prefers-color-scheme:dark){.wpchat-userlist{background:var(--wpchat-bg);border-color:#2c2c2e}.wpchat-userlist-header{border-color:#2c2c2e}.wpchat-userlist-title{color:var(--wpchat-time)}.wpchat-user-entry .user-name{color:var(--wpchat-name)}.wpchat-user-entry.clickable:hover{background:var(--wpchat-other-bg)}.wpchat-user-entry .user-badge.badge-user{background:#1e3a5f;color:#93c5fd}.wpchat-user-entry .user-badge.badge-guest{background:var(--wpchat-other-bg);color:#8e8e93}.wpchat-userlist-toggle{color:var(--wpchat-time)}.wpchat-userlist-toggle:hover{color:var(--wpchat-text-2)}.wpchat-header .userlist-toggle-btn{color:var(--wpchat-text-3)}.wpchat-header .userlist-toggle-btn:hover{color:var(--wpchat-text-2)}}@media (min-width:600px){.wpchat-tab[data-tab=users]{display:none!important}#wpchat-panel-users{display:none!important}}@media (max-width:599px){.wpchat-tab[data-tab=users]{display:flex}#wpchat-panel-users .wpchat-userlist{width:100%!important;min-width:0!important;max-width:none!important;border-left:none!important;display:flex!important;flex-direction:column;flex:1}#wpchat-panel-users .wpchat-userlist-body{flex:1;overflow-y:auto}}.wpchat-user-entry .mod-btn{background:0 0;border:none;cursor:pointer;color:var(--wpchat-time);font-size:16px;padding:2px 4px;border-radius:4px;line-height:1;opacity:0;transition:opacity .15s,color .15s;flex-shrink:0;margin-left:auto}.wpchat-user-entry:hover .mod-btn{opacity:1}.wpchat-user-entry .mod-btn:hover{color:var(--wpchat-text);background:rgba(0,0,0,.06)}.wpchat-mod-dropdown{position:absolute;right:8px;left:auto;background:var(--wpchat-bg);border:1px solid var(--wpchat-border);border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.12);z-index:100;min-width:200px;overflow:hidden}.wpchat-mod-dropdown .mod-header{padding:10px 14px 6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--wpchat-text-3);border-bottom:1px solid #f0f0f0}.wpchat-mod-dropdown .mod-action{padding:9px 14px;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:8px;color:var(--wpchat-name);transition:background .1s;border:none;background:0 0;width:100%;text-align:left}.wpchat-mod-dropdown .mod-action:hover{background:#f5f5f5}.wpchat-mod-dropdown .mod-action.danger{color:#dc2626}.wpchat-mod-dropdown .mod-action.danger:hover{background:#fef2f2}.wpchat-mod-dropdown .mod-action .mod-icon{font-size:14px}.wpchat-mod-form{padding:10px 14px 12px;border-top:1px solid var(--wpchat-border);display:flex;flex-direction:column;gap:8px}.wpchat-mod-form label{font-size:11px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.05em}.wpchat-mod-form input[type=text],.wpchat-mod-form select{width:100%;padding:6px 10px;border:1px solid var(--wpchat-border);border-radius:6px;font-size:13px;color:#222;background:#fafafa;outline:0}.wpchat-mod-form input[type=text]:focus,.wpchat-mod-form select:focus{border-color:var(--wpchat-accent);background:var(--wpchat-bg)}.wpchat-mod-form .mod-confirm-btn{padding:7px 12px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;color:#fff;transition:background .15s}.wpchat-mod-form .mod-confirm-btn.mute-btn{background:#f59e0b}.wpchat-mod-form .mod-confirm-btn.mute-btn:hover{background:#d97706}.wpchat-mod-form .mod-confirm-btn.ban-btn{background:#dc2626}.wpchat-mod-form .mod-confirm-btn.ban-btn:hover{background:#b91c1c}.wpchat-mod-form .mod-confirm-btn:disabled{opacity:.5;cursor:not-allowed}@media (prefers-color-scheme:dark){.wpchat-mod-dropdown{background:var(--wpchat-other-bg);border-color:var(--wpchat-border)}.wpchat-mod-dropdown .mod-header{color:var(--wpchat-text-3);border-color:var(--wpchat-border)}.wpchat-mod-dropdown .mod-action{color:var(--wpchat-name)}.wpchat-mod-dropdown .mod-action:hover{background:#3a3a3c}.wpchat-mod-dropdown .mod-action.danger{color:#f87171}.wpchat-mod-dropdown .mod-action.danger:hover{background:#3a1c1c}.wpchat-mod-form{border-color:var(--wpchat-border)}.wpchat-mod-form label{color:var(--wpchat-text-3)}.wpchat-mod-form input[type=text],.wpchat-mod-form select{background:#3a3a3c;border-color:var(--wpchat-time);color:var(--wpchat-own-text)}.wpchat-user-entry .mod-btn:hover{color:var(--wpchat-text-2);background:rgba(255,255,255,.08)}}.wpchat-tag-pills{display:inline-flex;flex-wrap:nowrap;gap:3px;margin-left:4px;vertical-align:middle}.wpchat-tag-pill{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:10px;font-weight:700;border-radius:4px;background:var(--wpchat-tag-bg);color:var(--wpchat-tag-text);line-height:1;white-space:nowrap;cursor:default;flex-shrink:0}.wpchat-message .meta .wpchat-tag-pills{margin-left:4px;margin-top:0}.wpchat-message .meta .wpchat-tag-pill{font-size:9px;padding:0 5px}.wpchat-dm-conv-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:2px}.wpchat-dm-conv-tags .wpchat-tag-pill{font-size:10px}.wpchat-user-entry{align-items:flex-start;padding:8px 12px}.wpchat-user-entry .user-info{padding-top:1px}.wpchat-user-entry .user-type-icon{font-size:11px;margin-right:5px}.wpchat-user-entry .user-badge{display:none}@media (prefers-color-scheme:dark){.wpchat-tag-pill{background:var(--wpchat-tag-bg);color:var(--wpchat-tag-text)}}.wpchat-reconnect-banner{position:absolute;top:0;left:0;right:0;z-index:50;background:#f59e0b;color:#fff;font-size:12px;font-weight:600;text-align:center;padding:6px 12px;animation:wpchat-pulse 2s ease-in-out infinite}@keyframes wpchat-pulse{0%,100%{opacity:1}50%{opacity:.75}}.wpchat-message .reply-btn{background:0 0;border:none;cursor:pointer;color:var(--wpchat-text-3);font-size:11px;padding:2px 6px;border-radius:4px;opacity:0;transition:opacity .15s,color .15s;margin-left:4px;white-space:nowrap}.wpchat-message:hover .reply-btn{opacity:1}.wpchat-message .reply-btn:hover{color:var(--wpchat-accent);background:rgba(0,115,170,.08)}.wpchat-reply-indicator{display:flex;align-items:center;gap:8px;padding:5px 12px;background:#f0f7ff;border-left:3px solid #0073aa;font-size:12px;color:var(--wpchat-text);flex-shrink:0;margin:0 12px 0 0}.wpchat-reply-indicator .cancel-reply{background:0 0;border:none;cursor:pointer;color:var(--wpchat-text-3);font-size:16px;padding:0 4px;margin-left:auto;line-height:1}.wpchat-reply-indicator .cancel-reply:hover{color:var(--wpchat-text)}.wpchat-replies .wpchat-message{padding:1px 0}.wpchat-replies .wpchat-message .body{font-size:13px}.wpchat-reply-quote{font-size:11px;color:#888;border-left:2px solid #ccc;padding:2px 6px;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wpchat-message.own .wpchat-reply-quote{border-color:rgba(255,255,255,.4);color:rgba(255,255,255,.7)}.wpchat-mod-info{padding:10px 14px;border-top:1px solid var(--wpchat-border);font-size:12px;color:var(--wpchat-text);line-height:1.6}.wpchat-mod-info .info-label{font-weight:600;color:#888;font-size:10px;text-transform:uppercase;letter-spacing:.05em}.wpchat-mod-info .info-loading{color:var(--wpchat-text-3);font-style:italic}@media (prefers-color-scheme:dark){.wpchat-reply-btn{color:var(--wpchat-time)}.wpchat-reply-indicator{background:#1a2a3a;border-color:var(--wpchat-accent);color:var(--wpchat-text-2)}.wpchat-reply-quote{border-color:var(--wpchat-time);color:var(--wpchat-text-3)}.wpchat-mod-info{border-color:var(--wpchat-border);color:var(--wpchat-text-2)}.wpchat-mod-info .info-label{color:var(--wpchat-text-3)}}.wpchat-dm-archive-btn{background:0 0;border:none;cursor:pointer;color:var(--wpchat-time);font-size:18px;line-height:1;padding:4px 6px;border-radius:4px;flex-shrink:0;opacity:0;transition:opacity .15s,color .15s,background .15s;margin-left:4px}.wpchat-dm-row:hover .wpchat-dm-archive-btn{opacity:1}.wpchat-dm-archive-btn:hover{color:#dc2626;background:rgba(220,38,38,.08)}@media (prefers-color-scheme:dark){.wpchat-dm-archive-btn{color:var(--wpchat-time)}.wpchat-dm-archive-btn:hover{color:#f87171;background:rgba(248,113,113,.1)}}.wpchat-attachment-wrap{margin-top:4px}.wpchat-attachment-wrap img.chat-image{display:block;max-width:280px;max-height:280px;width:auto;height:auto;border-radius:8px;cursor:pointer;transition:opacity .15s;object-fit:cover}.wpchat-attachment-wrap img.chat-image:hover{opacity:.88}.wpchat-image-expired{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--wpchat-text-3);background:rgba(0,0,0,.06);border-radius:8px;padding:8px 12px;margin-top:4px}.wpchat-upload-btn{background:0 0;border:none;cursor:pointer;color:var(--wpchat-text-3);font-size:18px;padding:4px 6px;border-radius:6px;line-height:1;flex-shrink:0;transition:color .15s,background .15s}.wpchat-upload-btn:hover{color:var(--wpchat-accent);background:rgba(0,115,170,.08)}.wpchat-upload-btn.uploading{color:var(--wpchat-accent);animation:wpchat-spin .8s linear infinite}@keyframes wpchat-spin{to{transform:rotate(360deg)}}.wpchat-pending-attachment{position:absolute;bottom:100%;left:0;right:0;display:flex;align-items:center;gap:8px;padding:5px 10px;background:rgba(255,255,255,.97);border-top:1px solid var(--wpchat-border);border-left:3px solid #0a84ff;font-size:12px;color:var(--wpchat-accent);z-index:1}.wpchat-pending-attachment:has(~ .wpchat-reply-indicator),.wpchat-reply-indicator~.wpchat-pending-attachment{bottom:calc(100% + 36px)}.wpchat-pending-attachment .cancel-attachment{background:0 0;border:none;cursor:pointer;color:var(--wpchat-text-3);font-size:14px;padding:0 2px;margin-left:auto}.wpchat-pending-attachment .cancel-attachment:hover{color:#dc2626}.wpchat-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:9999;display:flex;align-items:center;justify-content:center;cursor:zoom-out}.wpchat-lightbox img{max-width:92vw;max-height:92vh;object-fit:contain;border-radius:4px;box-shadow:0 8px 40px rgba(0,0,0,.6)}.wpchat-lightbox-close{position:fixed;top:16px;right:20px;color:#fff;font-size:28px;cursor:pointer;background:0 0;border:none;line-height:1;opacity:.7;transition:opacity .15s}.wpchat-lightbox-close:hover{opacity:1}@media (prefers-color-scheme:dark){.wpchat-image-expired{background:rgba(255,255,255,.06);color:var(--wpchat-text-3)}.wpchat-pending-attachment{background:rgba(10,132,255,.12);color:var(--wpchat-accent)}.wpchat-upload-btn:hover{color:var(--wpchat-accent);background:rgba(10,132,255,.12)}}.reply-indicator-thumb{width:36px;height:36px;object-fit:cover;border-radius:4px;flex-shrink:0}.wpchat-reply-indicator{display:flex;align-items:center;gap:6px}.wpchat-reply-quote{display:flex;align-items:center;gap:6px;padding:4px 8px;margin-bottom:5px;border-left:3px solid rgba(255,255,255,.4);background:rgba(0,0,0,.18);border-radius:4px;font-size:11px;opacity:.9;overflow:hidden;cursor:default}.reply-quote-thumb{width:32px;height:32px;object-fit:cover;border-radius:3px;flex-shrink:0}.reply-quote-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.wpchat-message:not(.own) .wpchat-reply-quote{border-left-color:rgba(0,0,0,.2);background:rgba(0,0,0,.06)}.wpchat-dm-inbox-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 6px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#888;flex-shrink:0}.wpchat-dm-search-wrap{display:flex;align-items:center;gap:4px}.wpchat-dm-search-icon{background:0 0;border:none;cursor:pointer;color:var(--wpchat-text-3);font-size:14px;padding:2px 4px;border-radius:4px;line-height:1;transition:color .15s}.wpchat-dm-search-icon:hover{color:var(--wpchat-accent)}.wpchat-dm-search-input{border:1px solid #ddd;border-radius:4px;padding:3px 7px;font-size:12px;width:130px;outline:0;background:var(--wpchat-bg);color:var(--wpchat-name);transition:border-color .15s}.wpchat-dm-search-input:focus{border-color:var(--wpchat-accent)}.wpchat-dm-search-clear{background:0 0;border:none;cursor:pointer;color:var(--wpchat-text-3);font-size:14px;padding:0 2px;line-height:1}.wpchat-dm-search-clear:hover{color:#dc2626}.wpchat-dm-search-results-hdr{font-size:11px;color:#888;padding:6px 14px 4px;border-bottom:1px solid #f0f0f0}.wpchat-dm-search-result .dm-preview mark{background:var(--wpchat-bg) 3a3;color:inherit;border-radius:2px;padding:0 1px}.wpchat-dm-load-more{display:block;width:calc(100% - 28px);margin:8px 14px;padding:7px;background:0 0;border:1px solid var(--wpchat-border);border-radius:6px;font-size:12px;color:#666;cursor:pointer;text-align:center;transition:background .15s,color .15s}.wpchat-dm-load-more:hover{background:#f5f5f5;color:var(--wpchat-name)}.wpchat-dm-load-more:disabled{opacity:.5;cursor:default}@media (prefers-color-scheme:dark){.wpchat-dm-search-input{background:#2a2a2a;border-color:#444;color:#e0e0e0}.wpchat-dm-search-input:focus{border-color:var(--wpchat-accent)}.wpchat-dm-search-results-hdr{border-bottom-color:var(--wpchat-name)}.wpchat-dm-search-result .dm-preview mark{background:#665c00}.wpchat-dm-load-more{border-color:#444;color:var(--wpchat-text-3)}.wpchat-dm-load-more:hover{background:#2a2a2a;color:#e0e0e0}}.wpchat-popout-btn{position:static;background:0 0;border:1px solid var(--wpchat-border);border-radius:4px;color:var(--wpchat-text-2);cursor:pointer;font-size:13px;height:24px;padding:0 8px;display:flex;align-items:center;gap:4px;white-space:nowrap;transition:background .15s,color .15s;flex-shrink:0}.wpchat-popout-btn:hover{color:var(--wpchat-accent);background:var(--wpchat-surface)}.wpchat-profile-link{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:4px;font-size:11px;color:var(--wpchat-text-3);text-decoration:none;border-radius:3px;opacity:0;transition:opacity .15s,color .15s;vertical-align:middle;flex-shrink:0}.wpchat-user-entry:hover .wpchat-profile-link{opacity:1}.wpchat-profile-link:hover{color:var(--wpchat-accent)}.wpchat-reply-indicator{position:absolute;bottom:100%;left:0;right:0;display:flex;align-items:center;gap:6px;padding:5px 10px;background:rgba(255,255,255,.97);border-top:1px solid var(--wpchat-border);border-left:3px solid #0073aa;font-size:12px;color:var(--wpchat-text);z-index:2;max-height:52px;overflow:hidden}.wpchat-input-wrap{position:relative;flex-shrink:0}.wpchat-input-wrap .wpchat-reply-indicator{bottom:100%;z-index:3}.wpchat-input-wrap .wpchat-pending-attachment{bottom:100%;z-index:2}.wpchat-input-wrap .wpchat-pending-attachment:not(:first-child),.wpchat-input-wrap .wpchat-reply-indicator+.wpchat-pending-attachment{bottom:calc(100% + 37px)}@media (prefers-color-scheme:dark){.wpchat-pending-attachment,.wpchat-reply-indicator{background:rgba(30,30,30,.97);border-top-color:var(--wpchat-name);color:#ccc}}.delete-btn{background:0 0;border:none;color:transparent;cursor:pointer;font-size:12px;padding:0 3px;margin-left:4px;line-height:1;opacity:0;transition:opacity .15s,color .15s;flex-shrink:0}.wpchat-message:hover .delete-btn{opacity:1;color:var(--wpchat-time)}.delete-btn:hover{color:#dc2626!important}.wpchat-room-name{display:none}.wpchat-scroll-btn{position:relative}.scroll-btn-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#e53e3e;color:#fff;font-size:10px;font-weight:700;line-height:18px;text-align:center;pointer-events:none}@keyframes wpchat-scroll-pulse{0%{box-shadow:0 2px 10px var(--wpchat-shadow),0 0 0 0 rgba(229,62,62,.6)}60%{box-shadow:0 2px 10px var(--wpchat-shadow),0 0 0 8px rgba(229,62,62,0)}100%{box-shadow:0 2px 10px var(--wpchat-shadow),0 0 0 0 rgba(229,62,62,0)}}.wpchat-scroll-btn-pulse{animation:wpchat-scroll-pulse 1.2s ease infinite}.wpchat-tab-right{margin-left:auto;display:flex;align-items:center;gap:4px;padding-right:4px;flex-shrink:0}.wpchat-version{font-size:10px;color:var(--wpchat-text-3);pointer-events:none;user-select:none;letter-spacing:.03em;padding:0 4px;opacity:.7}.wpchat-messages.wpchat-drag-over{outline:2px dashed var(--wpchat-accent);outline-offset:-4px;background:color-mix(in srgb,var(--wpchat-accent) 6%,var(--wpchat-bg))}.wpchat-tag-editor{position:relative;background:var(--wpchat-surface);border:1px solid var(--wpchat-border);border-radius:8px;padding:10px 12px;margin:6px 0 2px;font-size:12px}.wpchat-tag-editor-title{font-weight:600;color:var(--wpchat-text-2);font-size:11px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.wpchat-tag-row{display:flex;align-items:center;gap:7px;padding:3px 0;cursor:pointer;color:var(--wpchat-text)}.wpchat-tag-row input[type=checkbox]{cursor:pointer;accent-color:var(--wpchat-accent);width:14px;height:14px}.wpchat-tag-editor-close{position:absolute;top:6px;right:8px;background:0 0;border:none;color:var(--wpchat-text-3);cursor:pointer;font-size:16px;line-height:1;padding:0}.wpchat-tag-editor-close:hover{color:var(--wpchat-text)}.wpchat-popout-notice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;flex:1;color:var(--wpchat-text-2);font-size:13px;text-align:center;padding:24px}.wpchat-popout-reclaim{background:var(--wpchat-accent);color:#fff;border:none;border-radius:8px;padding:8px 18px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s}.wpchat-popout-reclaim:hover{opacity:.85}.wpchat-popout-btn span{font-size:11px;font-weight:500;letter-spacing:.02em}.msg-type-icon{font-size:11px;line-height:1;flex-shrink:0;opacity:.75;margin-right:1px}.wpchat-dm-notice{display:flex;align-items:center;gap:8px;background:var(--wpchat-accent);color:#fff;border-radius:8px;padding:9px 12px;font-size:13px;margin:6px 0;animation:wpchat-slide-in .2s ease}.wpchat-dm-notice strong{font-weight:600}.wpchat-dm-notice-open{background:rgba(255,255,255,.25);border:none;border-radius:5px;color:#fff;font-size:12px;font-weight:600;padding:3px 10px;cursor:pointer;transition:background .15s;white-space:nowrap}.wpchat-dm-notice-open:hover{background:rgba(255,255,255,.4)}.wpchat-dm-notice-dismiss{background:0 0;border:none;color:rgba(255,255,255,.7);font-size:18px;cursor:pointer;padding:0;line-height:1;margin-left:auto}.wpchat-dm-notice-dismiss:hover{color:#fff}@keyframes wpchat-slide-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.wpchat-message.wpchat-deleted .body{background:0 0!important;border:1px dashed var(--wpchat-border)!important;box-shadow:none!important}.wpchat-deleted-text{color:var(--wpchat-text-3);font-style:italic;font-size:13px}.wpchat-message.wpchat-deleted.own .body{background:0 0!important}.wpchat-dm-badge{font-size:10px;padding:1px 5px;white-space:nowrap}.wpchat-dm-inbox,.wpchat-users-panel{scrollbar-width:thin;scrollbar-color:#ccc transparent}.wpchat-dm-inbox::-webkit-scrollbar,.wpchat-users-panel::-webkit-scrollbar{width:8px}.wpchat-dm-inbox::-webkit-scrollbar-track,.wpchat-users-panel::-webkit-scrollbar-track{background:0 0}.wpchat-dm-inbox::-webkit-scrollbar-thumb,.wpchat-users-panel::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px;border:2px solid transparent;background-clip:padding-box}.wpchat-dm-inbox::-webkit-scrollbar-thumb:hover,.wpchat-users-panel::-webkit-scrollbar-thumb:hover{background:#aaa;background-clip:padding-box}