.str-chat__theme-custom{--str-chat__primary-color:#007aff;--str-chat__active-primary-color:#0051d5;--str-chat__surface-color:#fff;--str-chat__secondary-surface-color:#f8fafc;--str-chat__primary-surface-color:#007aff;--str-chat__own-message-bubble-background-color:#007aff;--str-chat__primary-surface-color-low-emphasis:#fee2e2;--str-chat__border-radius-circle:8px;--str-chat__border-radius-md:8px;--str-chat__message-bubble-color:#007aff;--str-chat__card-attachment-color:#007aff;--str-chat__avatar-background-color:#e5e7eb;--str-chat__avatar-color:#0a0a0a}.str-chat__channel-list-container,.str-chat__container{height:calc(100dvh - 80px);display:flex;flex-direction:column}.str-chat__channel-list-container{overflow-x:hidden;width:100%}.str-chat__channel-list{width:100%}.str-chat__channel-list,.str-chat__channel-list .str-chat__channel-list-messenger{height:100%;overflow-y:auto;overflow-x:hidden}.str-chat__channel-list-messenger__channels{padding:0;margin:0}.str-chat__channel-list-loading-indicator,.str-chat__channel-list__load-more,.str-chat__channel-search,.str-chat__channel-search-input-container,.str-chat__load-more-button{display:none!important}.str-chat__message .str-chat__message-metadata .str-chat__message-simple-name,.str-chat__message .str-chat__message-status{display:none}.str-chat__channel{width:100%;height:100%;display:flex;flex-direction:column}.str-chat__main-panel{flex:1;min-height:0}.str-chat__thread{display:none}.str-chat__channel-preview{border-radius:8px;margin:2px 4px;transition:background-color .2s ease;max-width:100%;overflow:hidden}.str-chat__channel-preview:hover{background-color:#f3f4f6}.str-chat__channel-preview--active{background-color:#fef2f2;border:1px solid #fecaca}.str-chat__channel-preview__content{overflow:hidden;text-overflow:ellipsis}.str-chat__channel-preview__message,.str-chat__channel-preview__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.str-chat__channel-preview-messenger{display:flex;align-items:center;padding:8px 12px;cursor:pointer;transition:background-color .15s ease}.str-chat__channel-preview-messenger:hover{background-color:#f3f4f6}.str-chat__channel-preview-messenger--left{margin-right:10px}.str-chat__avatar--circle{width:36px;height:36px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#e5e7eb}.str-chat__avatar-image{width:100%;height:100%;object-fit:cover}.str-chat__avatar-fallback{display:grid;place-items:center;font-size:14px;font-weight:600;color:#4b5563}.str-chat__channel-preview-messenger--main{flex:1;min-width:0}.str-chat__channel-preview-messenger--name{font-weight:500;font-size:13px;color:#111827;margin-bottom:1px;display:flex;align-items:center;gap:6px}.str-chat__channel-preview-unread-badge{background-color:#ef4444;color:#fff;font-size:10px;font-weight:600;padding:1px 5px;border-radius:8px;min-width:16px;text-align:center;line-height:1.2}.str-chat__channel-preview-messenger--last-message{font-size:12px;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.str-chat__channel-preview-messenger--right{margin-left:8px}.str-chat__channel-preview-messenger--time{font-size:11px;color:#9ca3af;white-space:nowrap}.str-chat__message-simple{margin-bottom:8px}.str-chat__message-simple__content{border-radius:18px}.str-chat__message-simple--me .str-chat__message-simple__content{background-color:#007aff;color:#fff}.str-chat__message-simple:not(.str-chat__message-simple--me) .str-chat__message-simple__content{background-color:#e9e9eb;color:#1c1c1e}.str-chat__input{border-radius:24px;border:1px solid #e5e7eb;background-color:#f9fafb;transition:all .2s ease}.str-chat__input:focus{background-color:#fff;border-color:#007aff;box-shadow:0 0 0 3px rgba(0,122,255,.1)}.str-chat__edit-message-form .str-chat__edit-message-form-options{display:flex;justify-content:end;gap:.5rem;align-items:center}.str-chat__edit-message-form .str-chat__edit-message-form-options>button{text-transform:capitalize!important}.str-chat__edit-message-form .str-chat__edit-message-form-options .str-chat__edit-message-cancel{border:1px solid #007aff!important;color:#007aff!important;padding:.5rem 1rem!important;border-radius:8px!important;transition:all .2s ease!important}.str-chat__edit-message-form .str-chat__edit-message-form-options .str-chat__edit-message-cancel:hover{background-color:#007aff!important;color:#fff!important}.str-chat__edit-message-form .str-chat__edit-message-form-options .str-chat__edit-message-send{background-color:#007aff!important;color:#fff!important;padding:.5rem 1rem!important;border-radius:8px!important;transition:all .2s ease!important;border:1px solid #007aff!important}.str-chat__edit-message-form .str-chat__edit-message-form-options .str-chat__edit-message-send:hover{background-color:#fff!important;color:#007aff!important;border:1px solid #007aff!important}.str-chat__send-button{background-color:#007aff;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.pinned-message-highlight{animation:pinned-highlight 2s ease-in-out;background-color:rgba(0,122,255,.1)!important;transition:all .3s ease!important}.pinned-message-highlight:has(>.str-chat__message--me){border-left:4px solid #007aff!important}.pinned-message-highlight:has(>.str-chat__message--other){border-right:4px solid #007aff!important}@keyframes pinned-highlight{0%{background-color:rgba(0,122,255,.3);transform:scale(1.02)}50%{background-color:rgba(0,122,255,.2)}to{background-color:rgba(0,122,255,.1);transform:scale(1)}}.str-chat__send-button:hover{background-color:#0051d5}.str-chat__main-panel{height:100%;display:flex;flex-direction:column}.str-chat__channel-header{border-bottom:1px solid #e5e7eb;padding:12px 16px;background-color:#fff;flex-shrink:0}.str-chat__message-list{flex:1;overflow-y:auto;padding-bottom:20px}.str-chat__message-input{position:sticky;bottom:0;padding:12px 16px;background-color:#fff;border-top:1px solid #e5e7eb;flex-shrink:0}.messaging.str-chat .str-chat__channel,.messaging.str-chat .str-chat__channel-state--messages,.messaging.str-chat .str-chat__container,.str-chat__main-panel .str-chat{height:100%}.str-chat__message-simple__text{background:#e9e9eb!important;color:#1c1c1e!important;border-radius:18px!important;padding:8px 12px!important;margin:0!important;max-width:70%!important;word-wrap:break-word!important;display:inline-block!important}.str-chat__message-simple--me .str-chat__message-simple__text{background:#007aff!important;color:#fff!important}.str-chat__message-simple--me .str-chat__message-simple__text *{color:#fff!important}.str-chat__message-simple:not(.str-chat__message-simple--me) .str-chat__message-simple__text *{color:#1c1c1e!important}.str-chat__message-simple__content{background:transparent!important;border:none!important;padding:0!important;margin:4px 0!important}.str-chat__message-simple{margin-bottom:.5rem!important}.str-chat__message-simple--me{flex-direction:row-reverse!important}.str-chat__message-simple--me .str-chat__message-simple__content{align-items:flex-end!important}.str-chat__message-simple *,.str-chat__message-simple__content *,.str-chat__message-simple__text *{background-image:none!important}.str-chat__message-text{color:inherit!important;background:transparent!important}.str-chat__date-separator{display:flex;align-items:center;margin:1.5rem 0;position:relative}.str-chat__date-separator:before{display:none}.str-chat__date-separator:after{content:"";flex:1;height:1px;background:var(--str-chat__date-separator-line-color);margin-left:1rem}.str-chat__date-separator__date{background:#fff;color:#64748b;font-size:.75rem;font-weight:500;padding:.375rem .75rem;border-radius:1rem;border:1px solid #e2e8f0;white-space:nowrap;text-transform:uppercase;letter-spacing:.025em;box-shadow:0 1px 2px rgba(0,0,0,.05)}.str-chat__date-separator--center{justify-content:center}.str-chat__date-separator--left{justify-content:flex-start}.str-chat__date-separator--left:before{display:none}.str-chat__date-separator--left .str-chat__date-separator__date{margin-left:0}.str-chat__date-separator--right{justify-content:flex-end}.str-chat__date-separator--right:after{display:none}.str-chat__date-separator--right .str-chat__date-separator__date{margin-right:0}.str-chat__date-separator--unread .str-chat__date-separator__date{background:#fef2f2;color:#dc2626;border-color:#fecaca}.str-chat__date-separator--unread:after,.str-chat__date-separator--unread:before{background:linear-gradient(90deg,transparent,#fecaca,transparent)}.str-chat__date-separator--unread:after{background:linear-gradient(270deg,transparent,#fecaca,transparent)}.str-chat__message-list::-webkit-scrollbar{width:6px}.str-chat__message-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.str-chat__message-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.str-chat__message-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.str-chat__message-text-inner.str-chat__message-simple-text-inner{color:#1c1c1e!important}