:root{--cmui-gap-size-md:0.5rem;--cmui-gap-size-sm:0.2rem;--cmui-inline-spacing:0.2rem;--cmui-block-spacing:0.5rem;--cmui-border-radius:0.2rem;--cmui-bg-color:#efefef;--cmui-border-color:#ddd;--cmui-text-muted:#999;--cmui-text-secondary:#666}[data-theme=dark]{--cmui-bg-color:#374151;--cmui-border-color:#4b5563;--cmui-text-muted:#6b7280;--cmui-text-secondary:#9ca3af}.custom-message-ui{--str-chat__own-message-reaction-background-color:var(--cmui-bg-color);--str-chat__message-reaction-background-color:var(--cmui-bg-color);--str-chat__message-reaction-border-radius:var(--cmui-border-radius);position:relative;display:flex;flex-direction:column;gap:var(--cmui-gap-size-md);padding-inline:var(--cmui-inline-spacing);padding-block:var(--cmui-block-spacing);transition:background-color .3s ease!important}.custom-message-ui .str-chat__message-text{display:flex;flex-direction:column;align-self:center;padding:.5rem .75rem;border-radius:1rem;max-width:80%;word-wrap:break-word;transition:background-color .3s ease,color .3s ease!important}.custom-message-ui--mine .str-chat__message-text{background-color:var(--message-bg-sent);color:var(--message-text-sent);align-self:flex-end}.custom-message-ui--other .str-chat__message-text{background-color:var(--message-bg-received);color:var(--message-text-received);align-self:flex-start}.custom-message-ui:has(.str-chat__message-text:focus),.custom-message-ui:hover{background:var(--cmui-bg-color)}.custom-message-ui__body{gap:var(--cmui-gap-size-md);display:flex}.custom-message-ui--mine .custom-message-ui__body{flex-direction:row-reverse;text-align:right}.custom-message-ui__actions{display:none;position:absolute;gap:var(--cmui-gap-size-md);top:-20px}.custom-message-ui:hover .custom-message-ui__actions{display:flex}.custom-message-ui__actions-group{display:flex;background-color:var(--cmui-border-color);border-radius:var(--cmui-border-radius);gap:1px;padding:1px;transition:background-color .3s ease!important}.custom-message-ui__actions-group button{all:unset;background:var(--action-bg);justify-content:center;align-items:center;cursor:pointer;padding:5px;line-height:1rem;color:var(--chat-text-primary);transition:background-color .3s ease,color .3s ease!important}.custom-message-ui__actions-group button:first-child{border-bottom-left-radius:calc(var(--cmui-border-radius) - 1px);border-top-left-radius:calc(var(--cmui-border-radius) - 1px)}.custom-message-ui__actions-group button:last-child{border-bottom-right-radius:calc(var(--cmui-border-radius) - 1px);border-top-right-radius:calc(var(--cmui-border-radius) - 1px)}.custom-message-ui__actions-group button:hover{background:var(--action-hover)}.custom-message-ui__metadata{display:none;font-size:x-small;align-items:baseline;color:var(--chat-text-secondary);transition:color .3s ease!important}.str-chat__li--bottom .custom-message-ui__metadata,.str-chat__li--single .custom-message-ui__metadata{display:flex}.custom-message-ui__metadata>:nth-child(2n):after,.custom-message-ui__metadata>:nth-child(2n):before{content:"•";padding-inline:var(--cmui-gap-size-sm)}.custom-message-ui__metadata>:last-child:after{display:none}.custom-message-ui__metadata-reply-count{all:unset}.custom-message-ui__metadata-reply-count>span{color:#007bff;text-decoration:underline;cursor:pointer}.custom-message-ui--mine .custom-message-ui__metadata,.custom-message-ui--mine .str-chat__reaction-list{align-self:flex-end}.custom-message-ui--mine .custom-message-ui__actions{left:var(--cmui-inline-spacing)}.custom-message-ui--other .custom-message-ui__actions{right:var(--cmui-inline-spacing)}.custom-message-ui .str-chat__message-text p{all:unset}.custom-message-ui .str-chat__message-mention{font-weight:700;color:#db7093;cursor:pointer}.custom-message-ui .str-chat__message-reaction{border:1px solid var(--cmui-border-color);padding:5px;pointer-events:none;transition:border-color .3s ease!important}.custom-date-separator{text-align:center;padding:.5rem 0;font-size:.875rem;color:var(--cmui-text-secondary);font-weight:500;transition:color .3s ease!important}.custom-message-ui__body:has(.custom-message-ui__deleted-message){font-size:.75rem;font-style:italic;color:var(--cmui-text-muted);transition:color .3s ease!important}:root{--chat-bg-primary:#fff;--chat-bg-secondary:#f8f9fa;--chat-border:#e5e7eb;--chat-text-primary:#1f2937;--chat-text-secondary:#6b7280;--message-bg-sent:#007bff;--message-text-sent:#fff;--message-bg-received:#f1f3f4;--message-text-received:#333;--avatar-bg:#e5e7eb;--avatar-text:#374151;--action-bg:#fff;--action-hover:#f3f4f6;--action-border:#d1d5db}[data-theme=dark]{--chat-bg-primary:#1f2937;--chat-bg-secondary:#111827;--chat-border:#374151;--chat-text-primary:#f9fafb;--chat-text-secondary:#9ca3af;--message-bg-sent:#007bff;--message-text-sent:#fff;--message-bg-received:#2d3748;--message-text-received:#e2e8f0;--avatar-bg:#4b5563;--avatar-text:#f9fafb;--action-bg:#374151;--action-hover:#4b5563;--action-border:#4b5563}.str-chat{background:var(--chat-bg-primary)!important;color:var(--chat-text-primary)!important;transition:background-color .3s ease,color .3s ease!important}.str-chat__channel,.str-chat__li,.str-chat__list,.str-chat__ul,.str-chat__window{background:var(--chat-bg-primary)!important;transition:background-color .3s ease!important}.str-chat__message-input{padding:12px!important;background:var(--chat-bg-primary)!important;border-top:1px solid var(--chat-border)!important;transition:background-color .3s ease,border-color .3s ease!important}.str-chat__input-flat{display:flex!important;align-items:center!important;border:2px solid var(--chat-border)!important;border-radius:12px!important;background:var(--chat-bg-primary)!important;transition:border-color .2s ease,background-color .3s ease!important}.str-chat__input-flat:focus-within{border-color:#005fff!important;box-shadow:0 0 0 3px rgba(0,95,255,.1)!important}.str-chat__textarea__textarea{flex-grow:1!important;border:0!important;outline:0!important;background:none!important;font:inherit!important;padding:12px!important;resize:none!important;color:var(--chat-text-primary)!important;transition:color .3s ease!important}.str-chat__textarea__textarea::placeholder{color:var(--chat-text-secondary)!important;transition:color .3s ease!important}.str-chat__file-upload-button,.str-chat__send-button{border:1px solid transparent!important;outline:0!important;background:none!important;font:inherit!important;border-radius:8px!important;margin:8px!important;padding:8px!important;cursor:pointer!important;transition:all .2s ease!important}.str-chat__file-upload-button:hover,.str-chat__send-button:hover:not(:disabled){background:var(--action-hover)!important;border-color:var(--action-border)!important}.str-chat__file-upload-button:focus,.str-chat__send-button:focus{border-color:#005fff!important}.str-chat__message-reaction{background:var(--action-bg)!important;border-color:var(--action-border)!important;color:var(--chat-text-primary)!important;transition:background-color .3s ease,border-color .3s ease,color .3s ease!important}.str-chat__avatar{width:32px!important;height:32px!important;border-radius:50%!important;overflow:hidden!important;background:var(--avatar-bg)!important;color:var(--avatar-text)!important;transition:background-color .3s ease,color .3s ease!important}.str-chat__avatar img{width:100%!important;height:100%!important;object-fit:cover!important}.str-chat__avatar-fallback{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;background:var(--avatar-bg)!important;color:var(--avatar-text)!important;font-weight:600!important;font-size:14px!important;transition:background-color .3s ease,color .3s ease!important}.str-chat__date-separator{color:var(--chat-text-secondary)!important;transition:color .3s ease!important}