.str-chat__main-panel,.str-chat__container{background:var(--str-chat__primary-surface-color)!important}.str-chat__virtual-list,.str-chat__list{background:transparent!important}.str-chat__window,.str-chat__channel,.dark .str-chat__window,.dark .str-chat__channel{background:var(--str-chat__primary-surface-color)!important}.str-chat__message-list{background:var(--str-chat__primary-surface-color)!important;padding:8px!important}.dark .str-chat__message-list{background:var(--str-chat__primary-surface-color)!important}.str-chat__message-simple,.str-chat__message-wrapper,.str-chat__message-group{background:transparent!important;margin-bottom:2px!important;padding:0!important}.str-chat__message-simple__content{background:var(--str-chat__message-bg-other)!important;border:none!important;border-radius:8px!important;padding:8px 12px!important;margin:0 8px!important;max-width:80%!important;box-shadow:0 1px 2px #0000001a!important;color:var(--str-chat__text-color)!important;transition:all .2s ease!important}.str-chat__message-simple--me .str-chat__message-simple__content{background:var(--str-chat__message-bg-own)!important;color:var(--str-chat__text-color)!important;margin-left:auto!important;margin-right:8px!important}.dark .str-chat__message-simple--me .str-chat__message-simple__content{color:#fff!important}.str-chat__message-text,.str-chat__message-text-inner,.str-chat__message-simple__content>*,.str-chat__message-simple__content p{background:transparent!important;margin:0!important}.str-chat__message-input{background:var(--str-chat__surface-color)!important;border-top:1px solid var(--str-chat__border-color)!important;padding:12px 16px!important;margin:0!important;transition:all .2s ease!important}.str-chat__message-input-inner{background:var(--str-chat__secondary-surface-color)!important;border:1px solid var(--str-chat__border-color)!important;border-radius:20px!important;padding:8px 16px!important;margin:0!important;display:flex!important;align-items:center!important;transition:all .2s ease!important}.str-chat__message-input-inner:focus-within{border-color:var(--str-chat__primary-color)!important;box-shadow:0 0 0 2px #0596691a!important}.str-chat__message-textarea__textarea{background:transparent!important;border:none!important;padding:0!important;font-size:14px!important;line-height:1.4!important;resize:none!important;outline:none!important;color:var(--str-chat__text-color)!important;flex:1!important;max-height:100px!important;transition:color .2s ease!important}.str-chat__message-textarea__textarea::placeholder{color:var(--str-chat__text-color-secondary)!important;transition:color .2s ease!important}.str-chat__send-button{background:var(--str-chat__primary-color)!important;border:none!important;border-radius:50%!important;width:40px!important;height:40px!important;padding:0!important;margin-left:8px!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;cursor:pointer!important;transition:all .2s ease!important;box-shadow:0 2px 4px #05966933!important}.str-chat__send-button:hover:not(:disabled){background:var(--str-chat__active-primary-color)!important;transform:scale(1.05)!important;box-shadow:0 4px 8px #0596694d!important}.str-chat__send-button:disabled{background:var(--str-chat__text-color-secondary)!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.str-chat__send-button:not(:disabled){cursor:pointer!important}.str-chat__send-button svg{width:18px!important;height:18px!important}.custom-send-button{background:var(--str-chat__primary-color)!important;border:none!important;border-radius:50%!important;width:40px!important;height:40px!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .2s ease!important;box-shadow:0 2px 4px #05966933!important}.custom-send-button:hover{background:var(--str-chat__active-primary-color)!important;transform:scale(1.05)!important;box-shadow:0 4px 8px #0596694d!important}.custom-send-button:disabled{background:var(--str-chat__text-color-secondary)!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.str-chat__channel-header{background:var(--str-chat__surface-color)!important;border-bottom:1px solid var(--str-chat__border-color)!important;padding:12px 16px!important;box-shadow:none!important;transition:all .2s ease!important;color:var(--str-chat__text-color)!important}.dark .str-chat__channel-header{background:var(--str-chat__surface-color)!important;color:var(--str-chat__text-color)!important}.str-chat__avatar{width:28px!important;height:28px!important;margin-right:8px!important;margin-top:0!important;border-radius:50%!important}.str-chat__avatar-image{border-radius:50%!important}.str-chat__message-simple--me .str-chat__avatar{display:none!important}.str-chat__message-simple__content .str-chat__message-metadata-time{font-size:11px!important;opacity:.7!important;color:var(--str-chat__text-color-secondary)!important;margin-top:2px!important}.dark .str-chat__message-simple__content .str-chat__message-metadata-time,.str-chat__message-simple--me .str-chat__message-simple__content .str-chat__message-metadata-time{color:var(--str-chat__text-color-secondary)!important}.dark .str-chat__message-simple--me .str-chat__message-simple__content .str-chat__message-metadata-time{color:#fffc!important}.str-chat__thread{border-left:1px solid var(--str-chat__border-color)!important;background:var(--str-chat__surface-color)!important}.dark .str-chat__thread{background:var(--str-chat__surface-color)!important;border-color:var(--str-chat__border-color)!important}.str-chat__typing-indicator{padding:4px 16px!important;font-size:12px!important;color:var(--str-chat__text-color-secondary)!important;font-style:italic!important}.dark .str-chat__typing-indicator{color:var(--str-chat__text-color-secondary)!important}.str-chat__message-group{margin-bottom:8px!important}.str-chat__message-simple:not(.str-chat__message-simple--me)+.str-chat__message-simple--me,.str-chat__message-simple--me+.str-chat__message-simple:not(.str-chat__message-simple--me){margin-top:8px!important}.str-chat__list::-webkit-scrollbar{width:6px}.str-chat__list::-webkit-scrollbar-track{background:transparent}.str-chat__list::-webkit-scrollbar-thumb{background:#6b7280;border-radius:3px}.str-chat__list::-webkit-scrollbar-thumb:hover{background:#1f2937}.dark .str-chat__list::-webkit-scrollbar-thumb{background:#a1a1a1}.dark .str-chat__list::-webkit-scrollbar-thumb:hover{background:#e5e5e5}.str-chat__file-upload-button,.str-chat__image-upload-button{background:transparent!important;border:none!important;padding:8px!important;border-radius:50%!important;transition:background-color .2s ease!important;color:var(--str-chat__text-color-secondary)!important}.str-chat__file-upload-button:hover,.str-chat__image-upload-button:hover{background:var(--str-chat__secondary-surface-color)!important}.dark .str-chat__file-upload-button,.dark .str-chat__image-upload-button{color:var(--str-chat__text-color-secondary)!important}.dark .str-chat__file-upload-button:hover,.dark .str-chat__image-upload-button:hover{background:var(--str-chat__secondary-surface-color)!important}.str-chat__emoji-picker-button{background:transparent!important;border:none!important;padding:8px!important;border-radius:50%!important;transition:background-color .2s ease!important;color:var(--str-chat__text-color-secondary)!important;font-size:18px!important}.str-chat__emoji-picker-button:hover{background:var(--str-chat__secondary-surface-color)!important}.dark .str-chat__emoji-picker-button{color:var(--str-chat__text-color-secondary)!important}.dark .str-chat__emoji-picker-button:hover{background:var(--str-chat__secondary-surface-color)!important}.str-chat__emoji-picker{background:var(--str-chat__surface-color)!important;border:1px solid var(--str-chat__border-color)!important;border-radius:12px!important;box-shadow:0 10px 25px #0000001a!important;max-height:300px!important;width:320px!important}.dark .str-chat__emoji-picker{background:var(--str-chat__surface-color)!important;border-color:var(--str-chat__border-color)!important;box-shadow:0 10px 25px #0000004d!important}.str-chat__reaction-list{display:flex!important;gap:4px!important;margin-top:4px!important;flex-wrap:wrap!important}.str-chat__reaction{background:var(--str-chat__secondary-surface-color)!important;border:1px solid var(--str-chat__border-color)!important;border-radius:12px!important;padding:2px 6px!important;font-size:12px!important;transition:all .2s ease!important;cursor:pointer!important;display:flex!important;align-items:center!important;gap:2px!important}.str-chat__reaction:hover{background:var(--str-chat__border-color)!important;transform:scale(1.05)!important}.str-chat__reaction--own{background:var(--str-chat__primary-color)!important;color:#fff!important;border-color:var(--str-chat__primary-color)!important}.dark .str-chat__reaction{background:var(--str-chat__secondary-surface-color)!important;border-color:var(--str-chat__border-color)!important;color:var(--str-chat__text-color)!important}.dark .str-chat__reaction:hover{background:var(--str-chat__surface-color)!important}.str-chat__message-reaction-selector{background:#fff!important;border:1px solid #E5E7EB!important;border-radius:20px!important;padding:8px!important;box-shadow:0 4px 12px #0000001a!important;display:flex!important;gap:8px!important;position:absolute!important;z-index:1000!important;pointer-events:auto!important}.dark .str-chat__message-reaction-selector{background:#1a1a1a!important;border-color:#4b5563!important;box-shadow:0 4px 12px #0000004d!important}.str-chat__message-reaction-selector-wrapper{position:relative!important;z-index:999!important}.str-chat__message-actions-container{position:relative!important}.str-chat__message-reaction-selector-backdrop{position:fixed!important;inset:0!important;z-index:998!important;background:transparent!important;cursor:default!important}.str-chat__message--has-reactions .str-chat__message-reaction-selector{animation:fadeInScale .15s ease-out!important}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.str-chat__message:not(.str-chat__message--reaction-selector-open) .str-chat__message-reaction-selector{display:none!important}.str-chat__message-reaction-option{padding:4px!important;border-radius:8px!important;transition:background-color .2s ease!important;cursor:pointer!important;font-size:18px!important}.str-chat__message-reaction-option:hover{background:#f3f4f6!important}.str-chat__message-reaction-option--selected{background:#059669!important;color:#fff!important;transform:scale(1.1)!important}.str-chat__message-reaction-option--selected:hover{background:#047857!important}.dark .str-chat__message-reaction-option:hover{background:#252525!important}.dark .str-chat__message-reaction-option--selected{background:#059669!important}.dark .str-chat__message-reaction-option--selected:hover{background:#047857!important}.str-chat__message-replies-count-button{background:transparent!important;border:none!important;color:#059669!important;font-size:12px!important;padding:4px 8px!important;border-radius:12px!important;margin-top:4px!important;transition:background-color .2s ease!important;cursor:pointer!important}.str-chat__message-replies-count-button:hover{background:#0596691a!important}.str-chat__quoted-message{border-left:3px solid #059669!important;background:#f9fafb!important;padding:8px 12px!important;margin:4px 0!important;border-radius:0 8px 8px 0!important;font-size:13px!important;opacity:.8!important}.dark .str-chat__quoted-message{background:#0f0f0f!important}.str-chat__attachment{border-radius:8px!important;border:1px solid #E5E7EB!important;margin-top:8px!important;overflow:hidden!important;max-width:100%!important}.dark .str-chat__attachment{border-color:#4b5563!important}.str-chat__attachment--image{max-width:300px!important;max-height:300px!important}.str-chat__attachment--file{background:#f9fafb!important;padding:12px!important;display:flex!important;align-items:center!important;gap:12px!important}.dark .str-chat__attachment--file{background:#0f0f0f!important}.str-chat__attachment-preview-list{display:flex!important;gap:8px!important;padding:8px 16px!important;border-top:1px solid #E5E7EB!important;background:#f9fafb!important}.dark .str-chat__attachment-preview-list{border-color:#4b5563!important;background:#0f0f0f!important}.str-chat__attachment-preview{position:relative!important;border-radius:8px!important;overflow:hidden!important;border:1px solid #E5E7EB!important}.dark .str-chat__attachment-preview{border-color:#4b5563!important}.str-chat__message-status{display:flex!important;align-items:center!important;gap:4px!important;font-size:11px!important;color:#6b7280!important;margin-top:2px!important}.dark .str-chat__message-status{color:#a1a1a1!important}.str-chat__message-status-icon{width:12px!important;height:12px!important}.str-chat__typing-indicator{padding:8px 16px!important;font-size:13px!important;color:#6b7280!important;font-style:italic!important;display:flex!important;align-items:center!important;gap:8px!important}.dark .str-chat__typing-indicator{color:#a1a1a1!important}.str-chat__typing-indicator-dots{display:flex!important;gap:2px!important}.str-chat__typing-indicator-dot{width:4px!important;height:4px!important;background:#6b7280!important;border-radius:50%!important;animation:typing-bounce 1.4s infinite ease-in-out!important}.dark .str-chat__typing-indicator-dot{background:#a1a1a1!important}@keyframes typing-bounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.str-chat__thread-header{background:#fff!important;border-bottom:1px solid #E5E7EB!important;padding:16px!important;font-weight:600!important;color:#1f2937!important}.dark .str-chat__thread-header{background:#1a1a1a!important;border-color:#4b5563!important;color:#e5e5e5!important}.str-chat__message-options{background:var(--str-chat__surface-color)!important;border:1px solid var(--str-chat__border-color)!important;border-radius:8px!important;box-shadow:0 4px 12px #0000001a!important;padding:4px!important;z-index:1000!important}.dark .str-chat__message-options{background:var(--str-chat__surface-color)!important;border-color:var(--str-chat__border-color)!important;box-shadow:0 4px 12px #0000004d!important}.str-chat__message-option{padding:8px 12px!important;border-radius:4px!important;cursor:pointer!important;transition:background-color .2s ease!important;font-size:14px!important;color:var(--str-chat__text-color)!important;white-space:nowrap!important;text-align:left!important;width:100%!important}.str-chat__message-option:hover{background:var(--str-chat__secondary-surface-color)!important}.dark .str-chat__message-option{color:var(--str-chat__text-color)!important}.dark .str-chat__message-option:hover{background:var(--str-chat__secondary-surface-color)!important}.str-chat__audio-recorder{display:flex!important;align-items:center!important;gap:12px!important;padding:8px 16px!important;background:#f9fafb!important;border-top:1px solid #E5E7EB!important}.dark .str-chat__audio-recorder{background:#0f0f0f!important;border-color:#4b5563!important}.str-chat__audio-recorder-button{width:36px!important;height:36px!important;border-radius:50%!important;background:#059669!important;border:none!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:background-color .2s ease!important}.str-chat__audio-recorder-button:hover{background:#047857!important}.str-chat__audio-recorder-button--recording{background:#dc2626!important;animation:pulse 2s infinite!important}@keyframes pulse{0%{box-shadow:0 0 #dc262666}70%{box-shadow:0 0 0 6px #dc262600}to{box-shadow:0 0 #dc262600}}.str-chat__message-actions{position:absolute!important;right:8px!important;top:50%!important;transform:translateY(-50%)!important;background:#ffffffe6!important;border-radius:16px!important;padding:4px!important;box-shadow:0 2px 8px #0000001a!important;opacity:0!important;transition:opacity .2s ease!important;pointer-events:none!important}.str-chat__message:hover .str-chat__message-actions{opacity:1!important;pointer-events:auto!important}.dark .str-chat__message-actions{background:#1a1a1ae6!important}.str-chat__message-actions-box{display:flex!important;gap:2px!important}.str-chat__message-actions-box button{width:28px!important;height:28px!important;border-radius:50%!important;border:none!important;background:transparent!important;color:#6b7280!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s ease!important}.str-chat__message-actions-box button:hover{background:#f3f4f6!important;color:#1f2937!important}.dark .str-chat__message-actions-box button{color:#a1a1a1!important}.dark .str-chat__message-actions-box button:hover{background:#252525!important;color:#e5e5e5!important}.str-chat__emoji-picker{position:absolute!important;bottom:100%!important;right:0!important;margin-bottom:8px!important;z-index:1001!important}.str-chat__message-replies-count-button{opacity:.8!important;transition:opacity .2s ease!important}.str-chat__message-replies-count-button:hover{opacity:1!important}.str-chat__message--loading{opacity:.6!important;pointer-events:none!important}.str-chat__message-simple__content{margin-bottom:2px!important}.str-chat__message-simple .str-chat__reaction-list{margin-top:4px!important;margin-left:0!important;margin-right:0!important}.str-chat__message-text{line-height:1.4!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.str-chat__attachment-preview{max-width:100px!important;max-height:100px!important}.custom-message-wrapper{position:relative!important}.custom-message-wrapper .str-chat__message-reaction-selector{top:-50px!important;left:50%!important;transform:translate(-50%)!important}.custom-send-button{background:#059669!important;border:none!important;border-radius:50%!important;width:40px!important;height:40px!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .2s ease!important;box-shadow:0 2px 8px #05966933!important}.custom-send-button:hover:not([disabled]){background:#047857!important;transform:scale(1.05)!important;box-shadow:0 4px 12px #0596694d!important}.custom-send-button:disabled{background:#6b7280!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.str-chat__message-input-wrapper{padding:1rem!important;background:var(--str-chat__surface-color)!important;border-top:1px solid var(--str-chat__border-color)!important}.custom-message-input-container{display:flex!important;align-items:flex-end!important;gap:.75rem!important;background:var(--str-chat__secondary-surface-color)!important;border:1px solid var(--str-chat__border-color)!important;border-radius:1rem!important;padding:.5rem 1rem!important;transition:border-color .2s ease!important}.custom-message-input-container:focus-within{border-color:var(--str-chat__primary-color)!important}.custom-input-button{width:2rem!important;height:2rem!important;background:transparent!important;border:none!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .2s ease!important;color:var(--str-chat__text-color-secondary)!important}.custom-input-button:hover{background:var(--str-chat__primary-surface-color-low-emphasis)!important;color:var(--str-chat__text-color)!important;transform:scale(1.1)!important}.custom-emoji-picker{position:absolute!important;bottom:100%!important;right:0!important;margin-bottom:.5rem!important;z-index:1000!important;background:var(--str-chat__surface-color)!important;border:1px solid var(--str-chat__border-color)!important;border-radius:1rem!important;box-shadow:0 10px 25px #0000001a!important;padding:1rem!important;width:320px!important;max-height:256px!important;overflow-y:auto!important;backdrop-filter:blur(8px)!important}.dark .custom-emoji-picker{box-shadow:0 10px 25px #0000004d!important}.custom-emoji-grid{display:grid!important;grid-template-columns:repeat(8,1fr)!important;gap:.5rem!important}.custom-emoji-button{width:2rem!important;height:2rem!important;display:flex!important;align-items:center!important;justify-content:center!important;border:none!important;background:transparent!important;border-radius:.5rem!important;cursor:pointer!important;font-size:1.125rem!important;transition:all .2s ease!important}.custom-emoji-button:hover{background:var(--str-chat__primary-surface-color-low-emphasis)!important;transform:scale(1.25)!important}.str-chat__message-simple__content{position:relative!important;animation:messageSlideIn .3s ease-out!important}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.str-chat__message-simple:hover .str-chat__message-simple__content{transform:translateY(-1px)!important;box-shadow:0 4px 12px #00000026!important}.dark .str-chat__message-simple:hover .str-chat__message-simple__content{box-shadow:0 4px 12px #0000004d!important}.str-chat__typing-indicator{animation:fadeInUp .3s ease-out!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.str-chat__message-list-scroll{scrollbar-width:thin!important;scrollbar-color:var(--str-chat__text-color-secondary) transparent!important}.str-chat__message-list-scroll::-webkit-scrollbar{width:6px!important}.str-chat__message-list-scroll::-webkit-scrollbar-track{background:transparent!important}.str-chat__message-list-scroll::-webkit-scrollbar-thumb{background:var(--str-chat__text-color-secondary)!important;border-radius:3px!important;opacity:.5!important}.str-chat__message-list-scroll::-webkit-scrollbar-thumb:hover{opacity:.8!important}.str-chat__channel-header{backdrop-filter:blur(8px)!important;border-bottom:1px solid var(--str-chat__border-color)!important}.message-status-indicator{display:inline-flex!important;align-items:center!important;gap:.25rem!important;font-size:.75rem!important;color:var(--str-chat__text-color-secondary)!important;margin-top:.25rem!important}.online-status-pulse{animation:pulse 2s infinite!important}@keyframes pulse{0%{box-shadow:0 0 #22c55eb3}70%{box-shadow:0 0 0 6px #22c55e00}to{box-shadow:0 0 #22c55e00}}.dark .str-chat,.dark .str-chat *,.dark .str-chat__container,.dark .str-chat__main-panel,.dark .str-chat__channel,.dark .str-chat__window{color:var(--str-chat__text-color)!important}.str-chat__message-actions-list{background:var(--str-chat__surface-color)!important;border:1px solid var(--str-chat__border-color)!important;border-radius:8px!important;box-shadow:0 4px 12px #00000026!important;padding:4px!important;z-index:1000!important;min-width:120px!important}.dark .str-chat__message-actions-list{background:var(--str-chat__surface-color)!important;border-color:var(--str-chat__border-color)!important;box-shadow:0 4px 12px #0006!important}.str-chat__message-actions-list-item{padding:8px 12px!important;border-radius:4px!important;cursor:pointer!important;transition:background-color .2s ease!important;font-size:14px!important;color:var(--str-chat__text-color)!important;white-space:nowrap!important;text-align:left!important;width:100%!important;border:none!important;background:transparent!important;font-family:inherit!important;line-height:1.4!important}.str-chat__message-actions-list-item:hover{background:var(--str-chat__secondary-surface-color)!important;color:var(--str-chat__text-color)!important}.dark .str-chat__message-actions-list-item{color:var(--str-chat__text-color)!important}.dark .str-chat__message-actions-list-item:hover{background:var(--str-chat__secondary-surface-color)!important;color:var(--str-chat__text-color)!important}.str-chat__message-actions-box-button{background:var(--str-chat__surface-color)!important;border:1px solid var(--str-chat__border-color)!important;color:var(--str-chat__text-color)!important;border-radius:4px!important;padding:4px 8px!important;font-size:12px!important;transition:all .2s ease!important}.str-chat__message-actions-box-button:hover{background:var(--str-chat__secondary-surface-color)!important;border-color:var(--str-chat__primary-color)!important}.dark .str-chat__message-actions-box-button{background:var(--str-chat__surface-color)!important;border-color:var(--str-chat__border-color)!important;color:var(--str-chat__text-color)!important}.dark .str-chat__message-actions-box-button:hover{background:var(--str-chat__secondary-surface-color)!important;border-color:var(--str-chat__primary-color)!important}.dark .str-chat__message-options *,.dark .str-chat__message-actions-list *,.dark .str-chat__message-actions-list-item *{color:inherit!important}.str-chat__tooltip{background:var(--str-chat__surface-color)!important;color:var(--str-chat__text-color)!important;border:1px solid var(--str-chat__border-color)!important;border-radius:6px!important;box-shadow:0 4px 12px #00000026!important}.dark .str-chat__tooltip{background:var(--str-chat__surface-color)!important;color:var(--str-chat__text-color)!important;border-color:var(--str-chat__border-color)!important;box-shadow:0 4px 12px #0006!important}