.floating-chat-container{position:fixed;right:20px;bottom:20px;width:0;height:0;display:flex;flex-direction:column;align-items:flex-end;z-index:50;overflow:hidden;box-sizing:border-box}.floating-chat-container.open{width:420px;max-width:calc(100vw - 40px);height:520px;max-height:calc(100vh - 120px)}.floating-chat-panel{width:100%;height:100%;display:flex;box-sizing:border-box;overflow:hidden;max-width:100%}.floating-chat-panel.inactive{display:none}.floating-chat-panel :global(.inbox-container){width:100%;height:100%;max-width:100%;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden}.floating-chat-panel :global(.inbox-container.floating){height:100%;width:100%;max-width:100%;box-sizing:border-box}.floating-chat-panel :global(.chat-main){flex:1;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;min-width:0;width:100%}.floating-chat-panel :global(.messages-container){width:100%;max-width:100%;box-sizing:border-box}.floating-chat-panel :global(.message-input-container){width:100%;max-width:100%;box-sizing:border-box}@media (max-width: 540px){.floating-chat-container.open{right:12px;bottom:12px;width:calc(100vw - 24px);height:calc(100vh - 120px)}}.chat-button{width:60px;height:60px;background-color:#007bff;border:none;border-radius:50%;position:fixed;bottom:140px;right:20px;cursor:pointer;box-shadow:0 2px 5px #0003;display:flex;justify-content:center;align-items:center;transition:background-color .2s,transform .1s;z-index:1000;pointer-events:auto;touch-action:pan-y pan-x;-webkit-tap-highlight-color:transparent}.chat-button .chat-unread-indicator{position:absolute;top:10px;right:10px;width:12px;height:12px;border-radius:9999px;background-color:#f1385a;box-shadow:0 0 6px #00000059}.dark .chat-button .chat-unread-indicator{background-color:#f87171}.draggable-chat-button{cursor:grab;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.draggable-chat-button:active,.draggable-chat-button.dragging{cursor:grabbing;transform:scale(1.05);box-shadow:0 4px 15px #0000004d;z-index:1001}.draggable-chat-button.dragging{transition:none}.chat-reset-button{width:40px;height:40px;background-color:#f1385a;border:none;border-radius:50%;position:fixed;cursor:pointer;box-shadow:0 2px 5px #0003;display:flex;justify-content:center;align-items:center;font-size:18px;color:#fff;font-weight:700;z-index:1002;animation:fadeIn .3s ease-in-out;pointer-events:auto}.chat-reset-button:hover{background-color:#d12c47;transform:scale(1.1)}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.chat-icon{width:24px;height:27px;background-size:cover}.chat-icon svg{fill:#fff}.chat-button.open .chat-icon{display:none}.chat-button.open:before,.chat-button.open:after{content:"";position:absolute;width:24px;height:2px;background-color:#fff}.chat-button.open:before{transform:rotate(45deg)}.chat-button.open:after{transform:rotate(-45deg)}.chat-button.open{background-color:#f1385a}.inbox-container{width:100%;height:100%;background:white;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.inbox-container.dark{background:#1F1F1F;color:#e5e5e5}.inbox-container.floating{border-radius:16px;box-shadow:0 18px 36px #00000059;width:100%;height:100%;max-width:100%}.inbox-container.floating .inbox-layout{position:relative;height:100%;width:100%;overflow:hidden}.inbox-container.floating .chat-main{width:100%;max-width:100%}.inbox-container.floating .messages-container{flex:1;width:100%;max-width:100%}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2rem;gap:1rem}.chat-skeleton{display:flex;width:100%;height:100%;gap:1rem}.chat-skeleton .skeleton-sidebar{width:280px;max-width:40%;display:flex;flex-direction:column;gap:1rem;padding-right:1rem;border-right:1px solid rgba(255,255,255,.05)}.chat-skeleton .skeleton-item{display:flex;gap:.75rem;align-items:center}.chat-skeleton .skeleton-header,.chat-skeleton .skeleton-content-header{height:24px;border-radius:8px;background:rgba(0,0,0,.08)}.chat-skeleton .skeleton-avatar{width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,.08)}.chat-skeleton .skeleton-lines{flex:1;display:flex;flex-direction:column;gap:.5rem}.chat-skeleton .skeleton-line{height:10px;border-radius:9999px;background:rgba(0,0,0,.08)}.chat-skeleton .skeleton-line.short{width:60%}.chat-skeleton .skeleton-content{flex:1;display:flex;flex-direction:column;gap:1rem}.chat-skeleton .skeleton-message{width:60%;height:42px;border-radius:16px;background:rgba(0,0,0,.08)}.skeleton-pulse{animation:skeletonPulse 1.6s ease-in-out infinite}@keyframes skeletonPulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.inbox-container.floating .chat-skeleton{flex-direction:column;gap:1.5rem}.inbox-container.floating .chat-skeleton .skeleton-sidebar{width:100%;max-width:none;border-right:none;padding-right:0;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:1rem}.inbox-container.floating .chat-skeleton .skeleton-content{width:100%}.inbox-container.dark .chat-skeleton .skeleton-header,.inbox-container.dark .chat-skeleton .skeleton-content-header,.inbox-container.dark .chat-skeleton .skeleton-avatar,.inbox-container.dark .chat-skeleton .skeleton-line,.inbox-container.dark .chat-skeleton .skeleton-message{background:rgba(255,255,255,.08)}.error-state{color:#f1385a}.retry-button{padding:.5rem 1.5rem;background:#f1385a;color:#fff;border:none;border-radius:.5rem;cursor:pointer;font-weight:600}.retry-button:hover{background:#d12d4a}.inbox-layout{display:flex;height:100%;overflow:hidden;position:relative}.conversations-sidebar{width:360px;display:flex;flex-direction:column;background:#2A2A2A;border-right:1px solid #333;flex-shrink:0}.inbox-container.floating .conversations-sidebar{width:100%;max-width:none;border-right:none;flex-shrink:0}.inbox-container.floating .conversations-sidebar.overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:inherit;box-shadow:0 18px 36px #00000059;z-index:10;overflow-y:auto}.dark .conversations-sidebar{background:#2A2A2A;border-right-color:#333}.conversations-header{display:flex;align-items:center;gap:.75rem;padding:.8rem 1rem;border-bottom:1px solid #333;background:#2A2A2A}.conversations-header-info{display:flex;flex-direction:column;gap:.25rem}.dark .conversations-header{background:#2A2A2A;border-bottom-color:#333}.conversations-header h3{margin:0 0 .25rem;font-size:1.5rem;font-weight:700}.notification-prompt{margin:0;font-size:.875rem;color:#999;font-weight:400}.close-chat-button{width:32px;height:32px;border-radius:10px;border:none;background:transparent;color:#a0a0a0;font-weight:600;font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s ease,background .2s ease,transform .2s ease;flex-shrink:0}.close-chat-button span{pointer-events:none}.close-chat-button:hover{background:rgba(255,255,255,.1);color:#fff;transform:translateY(-1px)}.close-chat-button:focus-visible{outline:2px solid rgba(148,163,184,.4);outline-offset:2px}.dark .close-chat-button{color:#d1d5db}.dark .close-chat-button:hover{background:rgba(255,255,255,.08);color:#fff}.conversations-header .close-chat-button,.inbox-navbar .close-chat-button{margin-left:auto}.conversations-scroll{overflow-y:auto;flex:1}.conversations-scroll::-webkit-scrollbar{width:6px}.conversations-scroll::-webkit-scrollbar-track{background:transparent}.conversations-scroll::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.conversations-scroll::-webkit-scrollbar-thumb:hover{background:#555}.conversation-item{display:flex;align-items:center;padding:.6rem 1rem;gap:.75rem;border:none;background:transparent;width:100%;text-align:left;cursor:pointer;transition:background .2s;position:relative}.dark .conversation-item{border:none}.conversation-item:hover{background:#f5f5f5}.dark .conversation-item:hover{background:#333}.conversation-item.active{background:#f0f0f0}.dark .conversation-item.active{background:#353535}.conversation-avatar{width:48px;height:48px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.conversation-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.conversation-name{font-weight:600;font-size:.95rem;color:#fff}.conversation-last-message{font-size:.85rem;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark .conversation-last-message{color:#888}.conversation-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.375rem;position:relative;min-width:80px}.conversation-time{font-size:.75rem;color:#888}.conversation-meta-row{display:flex;align-items:center;gap:8px;flex-direction:row;min-height:28px;justify-content:flex-end}.conversation-menu-btn{width:28px;height:28px;min-width:28px;min-height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:50%;cursor:pointer;opacity:0;transition:opacity .2s ease,background .15s ease;color:#666;padding:0;flex-shrink:0}.dark .conversation-menu-btn{color:#999}.conversation-menu-btn:hover{background:rgba(0,0,0,.08)}.dark .conversation-menu-btn:hover{background:rgba(255,255,255,.08)}.conversation-menu-btn:active{background:rgba(0,0,0,.12)}.dark .conversation-menu-btn:active{background:rgba(255,255,255,.12)}@media (hover: hover) and (pointer: fine){.conversation-item:hover .conversation-menu-btn{opacity:1}}@media (hover: none),(pointer: coarse){.conversation-menu-btn{opacity:1}}.conversation-menu-btn.mobile-visible{opacity:1}@media (max-width: 768px){.conversation-meta{min-width:90px}.conversation-meta-row{gap:10px}.conversation-menu-btn{width:36px;height:36px;min-width:36px;min-height:36px}.conversation-menu-btn svg{width:18px;height:18px}.unread-badge{padding:3px 7px;font-size:.75rem;min-width:20px;height:20px}}.conversation-loading-indicator{display:flex;align-items:center;justify-content:center;width:16px;height:16px}.conversation-loading-indicator .spinner{width:12px;height:12px;border:2px solid rgba(59,130,246,.25);border-top-color:#3b82f6;border-radius:9999px;animation:chat-spinner .8s linear infinite}.dark .conversation-loading-indicator .spinner{border:2px solid rgba(96,165,250,.25);border-top-color:#60a5fa}.conversation-loading-indicator.error{color:#ef4444;font-size:.75rem;font-weight:600}@keyframes chat-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.unread-badge{background:#8B5CF6;color:#fff;border-radius:10px;padding:2px 6px;font-size:.7rem;font-weight:600;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1;flex-shrink:0}.chat-main{display:flex;flex-direction:column;height:100%;background:white;flex:1;min-height:0;min-width:0;box-sizing:border-box;overflow:hidden}.dark .chat-main{background:#1F1F1F}.inbox-navbar{display:flex;align-items:center;gap:.75rem;padding:.6rem;border-bottom:1px solid #e5e5e5;background:#f9f9f9;flex-shrink:0;width:100%;box-sizing:border-box}.dark .inbox-navbar{background:#2A2A2A;border-bottom-color:#333}.inbox-toggle{background:none;border:none;color:#888;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:all .2s;border-radius:.5rem}.inbox-toggle:hover{color:#fff;background:rgba(255,255,255,.1)}.inbox-toggle svg{transition:transform .3s ease}.inbox-toggle svg.rotated{transform:rotate(180deg)}.inbox-title{font-size:1rem;font-weight:600;color:#888}.no-conversation-selected,.empty-state,.empty-messages{display:flex;align-items:center;justify-content:center;height:100%;color:#999;padding:2rem;text-align:center}.chat-header{display:flex;align-items:center;gap:.75rem;padding:0rem;background:#2A2A2A;flex:1;min-width:0;box-sizing:border-box}.dark .chat-header{background:#2A2A2A;border-bottom-color:#333}.header-avatar{width:44px;height:44px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.header-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.header-name-row{display:flex;align-items:center;gap:.5rem}.header-name{font-weight:600;font-size:1rem;color:#fff}.verified-badge,.premium-badge{flex-shrink:0}.header-status{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:#888}.status-dot{width:8px;height:8px;border-radius:50%;background:#888}.status-dot.online{background:#10B981}.messages-container{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.5rem;background:#1F1F1F;box-sizing:border-box;min-height:0;width:100%}.dark .messages-container{background:#1F1F1F}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:transparent}.messages-container::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:#555}.message-bubble{max-width:85%;display:flex;flex-direction:column}.message-bubble.own{align-self:flex-end}.message-bubble.other{align-self:flex-start}.message-sender-header{display:flex;align-items:center;gap:.5rem;padding:0 .5rem .25rem}.message-sender-avatar{width:24px;height:24px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.message-sender-name{font-size:.75rem;font-weight:600;color:#666}.dark .message-sender-name{color:#999}.message-content{padding:.875rem 1.125rem;border-radius:1.25rem;word-wrap:break-word;line-height:1.5;display:flex;flex-direction:column;gap:.5rem}.message-content.has-media{gap:.75rem}.message-content.media-only{padding:0;background:transparent!important;color:inherit}.message-content.media-only p{margin:0}.message-bubble.own .message-content{background:#8B5CF6;color:#fff;border-bottom-right-radius:.375rem}.message-bubble.own .message-content.media-only,.message-bubble.other .message-content.media-only{background:transparent;color:inherit}.message-bubble.other .message-content{background:#f0f0f0;color:#1a1a1a;border-bottom-left-radius:.375rem}.dark .message-bubble.other .message-content{background:#3A3A3A;color:#e5e5e5}.message-time{font-size:.7rem;color:#999;padding:.25rem .5rem;display:flex;align-items:center;gap:.25rem}.message-bubble.own .message-time{text-align:right;justify-content:flex-end}.edited-label{font-style:italic;opacity:.7}.message-status{display:inline-flex;align-items:center;margin-left:.25rem}.check-icon{flex-shrink:0}.sending-icon{opacity:.5;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.7}}.read-icon{stroke:#3b82f6}.delivered-icon{stroke:#999;opacity:.7}.error-icon{stroke:#ef4444}.message-bubble.sending{opacity:.7}.message-bubble.error .message-content{background:#fee2e2!important;color:#991b1b!important}.message-input-container{padding:1rem;border-top:1px solid #e5e5e5;background:#f9f9f9;display:flex;align-items:center;gap:.75rem;box-sizing:border-box;width:100%;flex-shrink:0}.dark .message-input-container{background:#2A2A2A;border-top-color:#333}.input-wrapper{flex:1;display:flex;align-items:center;gap:.2rem;background:#fff;border-radius:2rem;padding:.5rem .75rem;position:relative;border:1px solid #e5e5e5;min-width:0;box-sizing:border-box}.dark .input-wrapper{background:#1F1F1F;border-color:#333}.input-wrapper:focus-within{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf633;--tw-ring-inset: none}.dark .input-wrapper:focus-within{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf659;--tw-ring-inset: none}.input-icon-button{background:none;border:none;color:#888;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:color .2s;flex-shrink:0}.input-icon-button:hover{color:#fff}.input-icon-button:disabled{opacity:.5;cursor:not-allowed}.plus-menu{position:absolute;bottom:calc(100% + .5rem);left:0;background:#2A2A2A;border-radius:.75rem;padding:.5rem;box-shadow:0 4px 12px #0000004d;z-index:10;min-width:180px}.menu-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:none;border:none;color:#e5e5e5;cursor:pointer;width:100%;text-align:left;border-radius:.5rem;transition:background .2s;font-size:.875rem}.menu-item:hover{background:#3A3A3A}.message-input{flex:1;padding:.4rem .3rem;border:none;outline:none;font-size:.9rem;line-height:1.4rem;background:transparent;color:inherit;min-width:0;resize:none;max-height:14rem;overflow-y:hidden}.message-input:focus,.message-input:focus-visible{outline:none;box-shadow:none}.message-input::-webkit-scrollbar{width:6px}.message-input::-webkit-scrollbar-thumb{background:rgba(148,163,184,.35);border-radius:3px}.message-input::-webkit-scrollbar-thumb:hover{background:rgba(148,163,184,.55)}.message-input::-moz-placeholder{color:#666}.message-input::placeholder{color:#666}.dark .message-input{color:#e5e5e5}.dark .message-input::-moz-placeholder{color:#666}.dark .message-input::placeholder{color:#666}.send-button{width:48px;height:48px;padding:0;background:#8B5CF6;color:#fff;border:none;border-radius:50%;font-weight:600;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.send-button:hover:not(:disabled){background:#7C3AED}.send-button:disabled{opacity:.5;cursor:not-allowed}.send-icon{display:block}.send-spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:spin .8s linear infinite}.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}.mic-button.recording{color:#ef4444;background:rgba(239,68,68,.12);border-radius:9999px;animation:pulse 1.5s ease-in-out infinite}.image-attachment-button{padding:0;border:none;background:transparent;display:inline-flex;cursor:pointer}.image-attachment-button:focus-visible{outline:2px solid rgba(139,92,246,.75);outline-offset:2px}.message-image-attachment{max-width:220px;max-height:220px;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;border-radius:1rem;border:1px solid rgba(0,0,0,.08);cursor:pointer;transition:transform .2s,opacity .2s}.message-image-attachment:hover{opacity:.9;transform:scale(1.02)}.dark .message-image-attachment{border-color:#ffffff1a}.image-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:9999;padding:2rem}.image-modal-content{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.image-modal-image{max-width:100%;max-height:90vh;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;border-radius:.5rem}.image-modal-close{position:absolute;top:1rem;right:1rem;background:rgba(0,0,0,.45);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:background .2s}.image-modal-close:hover{background:rgba(0,0,0,.6)}.message-audio-attachment{width:100%;max-width:100%;min-width:220px;height:42px;display:block;margin-top:.25rem;border-radius:999px;background-color:transparent}@media (min-width: 475px){.message-audio-attachment{min-width:300px}}.message-file-attachment{color:inherit;font-weight:600;text-decoration:underline;word-break:break-all}.dark .message-file-attachment{color:#c4b5fd}.document-attachment-card{display:flex;align-items:center;gap:.75rem;text-decoration:none;padding:0;border-radius:inherit;background:transparent;color:inherit;width:100%;cursor:pointer;border:none;text-align:left;font:inherit}.video-attachment-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:1.25rem;max-width:320px;max-height:400px;width:100%;background:transparent;border:1.5px solid rgba(148,163,184,.32)}.video-attachment-wrapper.vertical{max-width:150px;max-height:290px;min-height:200px}.message-video-attachment{display:block;width:100%;height:auto;max-height:400px;-o-object-fit:contain;object-fit:contain;border-radius:inherit;background:transparent}.video-attachment-wrapper.vertical .message-video-attachment{max-width:150px;max-height:290px;min-height:200px}.dark .video-attachment-wrapper{background:transparent;border-color:#94a3b861}.video-poster-fallback{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.25rem .75rem;color:#1f2937;background:rgba(255,255,255,.85);border-radius:inherit;text-align:center;font-weight:600;font-size:.85rem}.video-poster-fallback svg{width:28px;height:28px}.dark .video-poster-fallback{background:rgba(15,23,42,.85);color:#f9fafb}.document-attachment-icon{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;color:#f4eaff;flex-shrink:0}.dark .document-attachment-icon{background:rgba(255,255,255,.14);color:#ede9fe}.document-attachment-icon svg{width:18px;height:18px}.document-attachment-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.document-attachment-name{font-weight:600;font-size:.9rem;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document-attachment-size{font-size:.75rem;opacity:.7;color:inherit}.attachment-fallback{font-size:.8rem;opacity:.7}.recording-indicator{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 1.5rem 1rem;padding:.75rem 1rem;border-radius:1rem;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2)}.dark .recording-indicator{background:rgba(239,68,68,.14);border-color:#ef44444d}.recording-status{display:flex;align-items:center;gap:.5rem;color:#ef4444;font-weight:600}.recording-dot{width:10px;height:10px;background:#ef4444;border-radius:50%;animation:blink 1s infinite}@keyframes blink{0%,to{opacity:.4}50%{opacity:1}}.recording-time{font-weight:600;font-variant-numeric:tabular-nums}.recording-actions{display:flex;align-items:center;gap:3.5rem}.recording-action-button{display:flex;align-items:center;justify-content:center;padding:0;border-radius:9999px;border:none;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.recording-action-button:focus-visible{outline:2px solid rgba(148,163,184,.45);outline-offset:2px}.recording-action-button.cancel{width:36px;height:36px;border-radius:50%;background:rgba(239,68,68,.12);color:#ef4444;font-size:1.05rem}.recording-action-button.cancel:hover{transform:translateY(-1px);box-shadow:0 6px 14px #ef444440}.recording-action-button.send{width:36px;height:36px;background:linear-gradient(135deg,#a855f7,#8b5cf6);color:#fff;border-radius:50%}.recording-action-button.send:hover{transform:translateY(-1px);box-shadow:0 10px 20px #8b5cf640}.dark .recording-action-button.cancel{background:rgba(248,113,113,.18);color:#fca5a5}.dark .recording-action-button.cancel:hover{box-shadow:0 6px 18px #f8717140}.dark .recording-action-button.send{box-shadow:0 8px 18px #8b5cf659}.attachment-error-message{margin:0 1.5rem 1rem;color:#ef4444;font-size:.85rem}.attachment-info{font-size:.75rem;opacity:.7;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.attachment-info span{background:rgba(255,255,255,.08);padding:2px 6px;border-radius:999px}.dark .attachment-info span{background:rgba(59,130,246,.15)}.invitations-section{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.section-header{padding:8px 16px;margin-bottom:8px}.section-header h4{font-size:12px;font-weight:600;text-transform:uppercase;color:#ffffff80;letter-spacing:.5px;margin:0}.invitation-item{display:flex;align-items:center;padding:12px 16px;gap:12px;background:rgba(139,92,246,.1);border-left:3px solid #8B5CF6;margin-bottom:4px}.invitation-avatar{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.invitation-info{flex:1;min-width:0}.invitation-text{font-size:13px;line-height:1.4;color:#ffffffe6}.invitation-text strong{font-weight:600;color:#fff}.invitation-text span{color:#ffffffb3;margin:0 4px}.invitation-actions{display:flex;gap:8px;flex-shrink:0}.accept-button,.reject-button{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;border:none;cursor:pointer;transition:all .2s;white-space:nowrap}.accept-button{background:#8B5CF6;color:#fff}.accept-button:hover:not(:disabled){background:#7C3AED}.reject-button{background:rgba(255,255,255,.1);color:#ffffffe6}.reject-button:hover:not(:disabled){background:rgba(255,255,255,.15)}.accept-button:disabled,.reject-button:disabled{opacity:.5;cursor:not-allowed}.conversation-type-badge{display:inline-block;padding:2px 6px;background:rgba(139,92,246,.3);color:#a78bfa;font-size:10px;font-weight:600;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.header-type-badge{display:inline-block;padding:3px 8px;background:rgba(139,92,246,.2);color:#a78bfa;font-size:11px;font-weight:600;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;margin-left:8px;flex-shrink:0}@media (max-width: 768px){.conversations-sidebar{width:100%}.invitation-actions{flex-direction:column}.accept-button,.reject-button{width:100%}}.audio-attachment-wrapper{width:100%;max-width:100%}.view-selector{display:flex;gap:8px;padding:12px 16px;background:white;position:sticky;top:0;z-index:10}.dark .view-selector{background:#1F1F1F}.view-button{padding:8px 14px;background:transparent;border:none;border-radius:8px;font-size:13px;font-weight:500;color:#666;cursor:pointer;transition:all .2s ease;position:relative;display:flex;align-items:center;gap:6px;white-space:nowrap}.dark .view-button{color:#999}.view-button:hover{color:#333;background:#f9f9f9}.dark .view-button:hover{color:#e5e5e5;background:#333}.view-button.active{background:#f0f0f0;color:#8b5cf6;font-weight:600}.dark .view-button.active{background:#353535;color:#8b5cf6}.view-count{font-size:11px;color:#999;font-weight:400}.view-button.active .view-count{color:#8b5cf6;font-weight:500}@media (max-width: 768px){.view-selector{padding:10px 12px;gap:6px}.view-button{padding:7px 12px;font-size:12px;gap:5px}.view-button-text{display:inline}.view-count{font-size:10px}}@media (max-width: 480px){.view-selector{padding:10px 8px;gap:6px}.view-button{padding:7px 10px;gap:4px}}.pin-indicator{position:absolute;top:6px;right:6px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:rgba(99,102,241,.15);border-radius:50%;color:#6366f1;z-index:1}.dark .pin-indicator{background:rgba(99,102,241,.25)}.conversation-item.pinned{background:rgba(99,102,241,.05);border-left:3px solid #6366F1}.dark .conversation-item.pinned{background:rgba(99,102,241,.1)}.context-menu{background:white;border:1px solid rgba(0,0,0,.1);border-radius:8px;box-shadow:0 4px 12px #00000026;padding:4px;min-width:180px;max-width:240px;z-index:10000}@media (max-width: 768px){.context-menu{box-shadow:0 8px 24px #0003}}.dark .context-menu{background:#2A2A2A;border-color:#ffffff1a;box-shadow:0 4px 12px #0006}.context-menu-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;background:transparent;border:none;border-radius:6px;font-size:14px;color:#333;cursor:pointer;transition:background .15s ease;text-align:left}.dark .context-menu-item{color:#e5e5e5}.context-menu-item:hover{background:rgba(0,0,0,.05)}.dark .context-menu-item:hover{background:rgba(255,255,255,.08)}.context-menu-item svg{flex-shrink:0;stroke-width:2}@media (max-width: 768px){.context-menu-item{padding:14px 16px;font-size:15px;min-height:48px}.context-menu-item svg{width:18px;height:18px}}.context-menu-item.danger{color:#dc2626}.dark .context-menu-item.danger{color:#ef4444}.context-menu-item.danger:hover{background:rgba(220,38,38,.1)}.dark .context-menu-item.danger:hover{background:rgba(239,68,68,.15)}.empty-state{padding:40px 20px;text-align:center;color:#999}.dark .empty-state{color:#666}.conversations-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.conversations-loading p{color:#666;font-size:14px;font-weight:500}.dark .conversations-loading p{color:#999}.loading-spinner{width:40px;height:40px;border:3px solid rgba(99,102,241,.1);border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite}.dark .loading-spinner{border:3px solid rgba(99,102,241,.2);border-top-color:#818cf8}@keyframes spin{to{transform:rotate(360deg)}}.loading-more-conversations,.loading-more-messages{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 16px;gap:8px;width:100%}.loading-more-conversations p,.loading-more-messages p{color:#666;font-size:12px;font-weight:400;margin:0}.dark .loading-more-conversations p,.dark .loading-more-messages p{color:#999}.loading-spinner-small{width:16px;height:16px;border:2px solid rgba(99,102,241,.1);border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite}.dark .loading-spinner-small{border:2px solid rgba(99,102,241,.2);border-top-color:#818cf8}