@keyframes wppcFadeSlideUp{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}.wppc-container{--wppc-bg:#ffffff;--wppc-sidebar-bg:#f8fafc;--wppc-border:#e2e8f0;--wppc-text:#0f172a;--wppc-text-muted:#475569;--wppc-accent:#1d4ed8;--wppc-accent-hover:#1e40af;--wppc-focus-ring:#2563eb;display:grid;grid-template-columns:270px 1fr;height:var(--wppc-height,620px);background:var(--wppc-bg);border:1px solid var(--wppc-border);border-radius:10px;overflow:hidden;color:var(--wppc-text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;position:relative;box-sizing:border-box;box-shadow:0 1px 3px rgba(15,23,42,0.06)}.wppc-container *,.wppc-container *::before,.wppc-container *::after{box-sizing:border-box}.wppc-auth-notice{padding:32px 24px;border:1px solid #e2e8f0;border-radius:10px;background:#ffffff;color:#0f172a;text-align:center;max-width:520px;margin:24px auto}.wppc-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.wppc-sidebar{background:var(--wppc-sidebar-bg);border-right:1px solid var(--wppc-border);display:flex;flex-direction:column;overflow-y:auto;padding:14px}.wppc-user-card{display:flex;align-items:center;gap:10px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--wppc-border)}.wppc-avatar-badge{width:34px;height:34px;border-radius:50%;background:var(--wppc-accent);color:#ffffff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.wppc-user-meta{display:flex;flex-direction:column;min-width:0}.wppc-user-displayname{font-size:13px;font-weight:700;color:var(--wppc-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wppc-user-rolelabel{font-size:11px;color:var(--wppc-text-muted)}.wppc-nav-section{margin-bottom:16px}.wppc-nav-section-grow{flex:1}.wppc-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.wppc-nav-heading{font-size:11px;font-weight:700;color:var(--wppc-text-muted);margin:0}.wppc-link-btn{background:transparent;border:0;padding:2px 4px;font-size:11px;font-weight:600;color:var(--wppc-accent);cursor:pointer}.wppc-link-btn:hover{text-decoration:underline}.wppc-nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.wppc-nav-item{width:100%;min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;border:0;border-radius:7px;background:transparent;color:var(--wppc-text);font-size:13px;text-align:left;cursor:pointer;transition:background-color 0.14s ease}.wppc-nav-item:hover{background:#e2e8f0}.wppc-nav-item.is-active{background:var(--wppc-accent);color:#ffffff;font-weight:600}.wppc-nav-label{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wppc-mini-avatar{width:22px;height:22px;border-radius:50%;background:#334155;color:#ffffff;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.wppc-nav-item.is-active .wppc-mini-avatar{background:#ffffff;color:var(--wppc-accent)}.wppc-meta-tag{font-size:10px;opacity:0.78;flex-shrink:0}.wppc-unread-count{font-size:11px;font-weight:700;padding:1px 6px;border-radius:4px;background:#dbeafe;color:#1e40af}.wppc-sidebar-hint{font-size:12px;color:var(--wppc-text-muted);padding:8px 4px}.wppc-nav-item:focus-visible,.wppc-btn-primary:focus-visible,.wppc-btn-secondary:focus-visible,.wppc-textarea:focus-visible,.wppc-input:focus-visible{outline:2px solid var(--wppc-focus-ring);outline-offset:2px}.wppc-main{display:flex;flex-direction:column;height:100%;min-width:0;background:#ffffff}.wppc-chat-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid var(--wppc-border)}.wppc-header-left{display:flex;align-items:center;gap:10px;min-width:0}.wppc-channel-title{margin:0;font-size:15px;font-weight:700}.wppc-channel-desc{margin:2px 0 0;font-size:12px;color:var(--wppc-text-muted)}.wppc-error-banner{background:#fef2f2;border-bottom:1px solid #fecaca;color:#991b1b;font-size:12px;font-weight:500;padding:8px 16px}.wppc-message-log{flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:12px}.wppc-empty-state{margin:auto;color:var(--wppc-text-muted);font-size:13px;text-align:center}.wppc-message{padding:10px 14px;border:1px solid var(--wppc-border);border-radius:8px;max-width:82%;align-self:flex-start;background:#ffffff}.wppc-message.wppc-msg-enter{animation:wppcFadeSlideUp 180ms cubic-bezier(0.16,1,0.3,1) forwards;will-change:transform,opacity}.wppc-message.is-own{align-self:flex-end;background:#eff6ff;border-color:#bfdbfe}.wppc-message-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:var(--wppc-text-muted);margin-bottom:4px;font-variant-numeric:tabular-nums}.wppc-msg-delete-btn{background:transparent;border:0;color:#94a3b8;font-size:15px;line-height:1;cursor:pointer;padding:0 2px}.wppc-msg-delete-btn:hover{color:#dc2626}.wppc-message-body{margin:0;font-size:14px;line-height:1.5;white-space:pre-wrap;word-break:break-word;color:var(--wppc-text)}.wppc-composer{padding:12px 18px;border-top:1px solid var(--wppc-border);background:#f8fafc;display:flex;flex-direction:column;gap:8px}.wppc-textarea{width:100%;padding:10px 12px;border:1px solid #cbd5e1;border-radius:7px;font-size:14px;background:#ffffff;resize:none}.wppc-composer-actions{display:flex;align-items:center;justify-content:space-between}.wppc-char-counter{font-size:12px;color:var(--wppc-text-muted);font-variant-numeric:tabular-nums}.wppc-btn-primary{min-height:38px;padding:8px 16px;background:var(--wppc-accent);color:#ffffff;border:0;border-radius:7px;font-size:13px;font-weight:600;cursor:pointer}.wppc-btn-primary:hover:not(:disabled){background:var(--wppc-accent-hover)}.wppc-btn-primary:disabled{opacity:0.5;cursor:not-allowed}.wppc-modal{position:absolute;inset:0;background:rgba(15,23,42,0.45);display:flex;align-items:center;justify-content:center;padding:16px;z-index:30}.wppc-modal[hidden]{display:none !important}.wppc-modal-content{background:#ffffff;border:1px solid var(--wppc-border);border-radius:10px;width:100%;max-width:420px;padding:20px;box-shadow:0 10px 25px rgba(0,0,0,0.14)}.wppc-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.wppc-modal-header h3{margin:0;font-size:16px}.wppc-btn-icon{background:transparent;border:0;font-size:22px;line-height:1;cursor:pointer;color:var(--wppc-text-muted);min-width:34px;min-height:34px}.wppc-label{display:block;font-size:12px;font-weight:600;margin-bottom:6px}.wppc-input{width:100%;padding:9px 12px;border:1px solid #cbd5e1;border-radius:7px;font-size:13px;margin-bottom:12px}.wppc-user-list{list-style:none;margin:0;padding:0;max-height:240px;overflow-y:auto;border:1px solid var(--wppc-border);border-radius:7px}.wppc-user-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--wppc-border);font-size:13px}.wppc-user-item:last-child{border-bottom:0}.wppc-user-empty{padding:14px;text-align:center;font-size:12px;color:var(--wppc-text-muted)}.wppc-floating-wrapper{position:fixed;right:20px;bottom:20px;z-index:99990;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.wppc-floating-launcher{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;background:#1d4ed8;color:#ffffff;border:0;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 8px 24px rgba(29,78,216,0.35)}.wppc-floating-launcher:hover{background:#1e40af}.wppc-floating-panel{position:fixed;right:20px;bottom:74px;width:min(860px,calc(100vw - 32px));z-index:99991;box-shadow:0 16px 40px rgba(15,23,42,0.22);border-radius:10px}.wppc-floating-panel[hidden]{display:none !important}.wppc-mobile-toggle{display:none;min-width:40px;min-height:40px;border:1px solid var(--wppc-border);border-radius:7px;background:#ffffff;cursor:pointer;font-size:16px}@media (max-width:768px){.wppc-container{grid-template-columns:1fr}.wppc-sidebar{position:absolute;inset:0 auto 0 0;width:270px;z-index:20;transform:translateX(-100%);transition:transform 0.18s ease;box-shadow:4px 0 16px rgba(0,0,0,0.12)}.wppc-sidebar.is-open{transform:translateX(0)}.wppc-mobile-toggle{display:inline-flex;align-items:center;justify-content:center}.wppc-message{max-width:92%}}@media (prefers-reduced-motion:reduce){.wppc-sidebar,.wppc-nav-item,.wppc-message.wppc-msg-enter{animation:none !important;transition:none !important}}