.secondaryBtnClassname{font-family:var(--font-family)!important;color:var(--color-text-secondary)!important;text-transform:capitalize!important;background:#ebebed!important;border-color:#ebebed!important;border-radius:16px!important}.secondaryBtnClassname:hover{background-color:var(--color-button-hover);border-color:var(--color-button-border);transition:all .2s ease-in-out!important}.primaryBtnClassname{font-family:var(--font-family)!important;background:var(--color-button-bg)!important;color:var(--color-button-color)!important;border-color:var(--color-button-border)!important;text-transform:capitalize!important;border-radius:16px!important}.primaryBtnClassname:hover{background-color:var(--color-button-hover);border-color:var(--color-button-border);transition:all .2s ease-in-out!important}.chat-panel-wrapper{height:100vh;width:100%;height:100dvh;display:flex;overflow:hidden}.chat-panel{min-width:0;height:100vh;background:linear-gradient(var(--chat-bg-overlay), var(--chat-bg-overlay)),var(--chat-bg-image);background-position:50%,50%;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:scroll,scroll;flex-direction:column;flex:1;width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}.chat-panel--empty{background:var(--color-surface)}[data-theme=light] .chat-panel--empty{background:linear-gradient(135deg,#faf9f6 0%,#f5f3ee 100%)}.chat-panel>:not(.media-preview-overlay):not(.media-viewer-overlay){z-index:1;position:relative}.chat-panel>.media-preview-overlay,.chat-panel>.media-viewer-overlay{z-index:1000}.chat-panel.media-preview-open .message-list-wrapper,.chat-panel.media-preview-open .message-list-scroll{filter:blur(2px);pointer-events:none}.chat-panel--empty{text-align:center;color:var(--color-text-2nd);justify-content:center;align-items:center;gap:12px;padding:24px 16px}.chat-panel--empty .chat-panel__empty-title{font-family:var(--font-family);color:var(--color-title);font-size:clamp(1rem,1vw + .8rem,1.1rem);font-weight:600}.chat-panel--empty .chat-panel__empty-subtitle{font-family:var(--font-family);color:var(--color-text-2nd);font-size:clamp(.8rem,.5vw + .7rem,.875rem)}.chat-header{background-color:var(--color-surface,#fff);border-bottom:1px solid var(--color-border-light,#0000000f);min-height:56px;padding:0 8px 0 4px;padding-top:max(0px,var(--safe-top));z-index:5;-webkit-tap-highlight-color:#0000;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;display:flex;position:relative}[data-theme=dark] .chat-header{background-color:var(--color-surface,#1a1a2e);border-bottom-color:var(--color-border-light,#ffffff14)}@media (min-width:768px){.chat-header{gap:12px;min-height:64px;padding:0 24px}}.chat-header__left{flex:auto;align-items:center;min-width:0;margin:4px 0;display:flex}.chat-header__back{color:var(--color-text-2nd);-webkit-tap-highlight-color:#0000;min-width:44px;min-height:44px;margin-left:-4px;margin-right:-6px}.chat-header__back:hover{color:var(--color-primary)}.chat-header__info{flex-direction:column;flex:1;min-width:0;display:flex}.chat-header__name{font-family:var(--font-family);color:var(--color-title);text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.95rem,1vw + .75rem,1.05rem);overflow:hidden;font-weight:600!important;line-height:1!important}.chat-header__status{font-family:var(--font-family);color:#6b7280;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:clamp(11px,.5vw + 9px,12px);line-height:1.2;overflow:hidden}@media (min-width:768px){.chat-header__status{max-width:320px}}.chat-header__typing{font-family:var(--font-family);color:var(--color-primary);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:clamp(11px,.5vw + 9px,12px);font-weight:500;line-height:1.2;overflow:hidden}@media (min-width:768px){.chat-header__typing{max-width:320px}}.chat-header__right{flex:none;align-items:center;gap:4px;display:flex}@media (min-width:768px){.chat-header__right{gap:8px}}.chat-header__btn{color:var(--color-text-2nd);-webkit-tap-highlight-color:#0000;border-radius:50%;min-width:44px;min-height:44px;padding:8px;transition:all .2s}@media (min-width:768px){.chat-header__btn{min-width:40px;min-height:40px;padding:8px}}.chat-header__btn:hover{color:var(--color-title);background:var(--color-hover-bg)}.message-list{scroll-behavior:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;opacity:0;background:0 0;flex:1;padding:8px 10px;transition:opacity .3s;overflow:auto}.message-list--visible,.message-list--loading{opacity:1}.message-list::-webkit-scrollbar{width:6px}.message-list::-webkit-scrollbar:horizontal{display:none!important}.message-list::-webkit-scrollbar-thumb{background:rgba(var(--color-text-2nd), .3);border-radius:3px}.message-list::-webkit-scrollbar-thumb:horizontal{display:none!important}.message-list::-webkit-scrollbar-track{background:0 0}.message-list__loading{height:100%;color:var(--color-text-2nd);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.message-list__loading-text{font-family:var(--font-family);opacity:.65;font-weight:500}.message-list__older-loading{color:var(--color-text-2nd);background:var(--color-surface);border-bottom:1px solid var(--color-sidebar-border);flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:8px;display:flex}.message-list__older-text{font-family:var(--font-family);font-weight:500}@media (min-width:768px){.message-list{padding:8px 16px}}@media (max-width:768px){.message-list-scroll{scrollbar-width:none}.message-list-scroll.scrollbar-active{scrollbar-width:thin}.message-list-scroll::-webkit-scrollbar{width:6px}.message-list-scroll::-webkit-scrollbar-track{background:0 0}.message-list-scroll::-webkit-scrollbar-thumb{background-color:#0000;border-radius:3px}.message-list-scroll.scrollbar-active::-webkit-scrollbar-thumb{background-color:#7367f066}}.date-separator{justify-content:center;margin:8px 0 4px;display:flex}.date-separator__text{font-family:var(--font-family);color:var(--color-text-2nd);background-color:var(--color-text-light);border-radius:16px;padding:3px 8px;font-size:clamp(11px,.5vw + 9px,12px);font-weight:400}.message-row{z-index:1;align-items:flex-end;margin:4px 0;padding:0;display:flex;position:relative;overflow:visible}.message-row.outgoing{justify-content:flex-end}.message-row.incoming{justify-content:flex-start}.message-row.system{justify-content:center;margin:8px 0}.message-row.system .system-message{background:var(--color-hover-bg);border-radius:12px;max-width:90%;padding:4px 12px}@media (min-width:768px){.message-row.system .system-message{max-width:85%}}.message-row.system .system-message .MuiTypography-root{font-family:var(--font-family);color:var(--color-text-2nd);text-align:center;font-size:clamp(10px,.3vw + 9px,11px)}.message-bubble.failed{background:#d32f2f1a;border:1px solid #d32f2f4d}.message-bubble.deleted{opacity:.6;font-style:italic}.message-text{font-family:var(--font-family);word-break:break-word;color:var(--color-title);white-space:pre-wrap;-webkit-user-select:text;user-select:text;padding-right:4px;font-size:clamp(13px,.5vw + 11px,14px);line-height:1.45}.message-text a{color:var(--color-primary);word-break:break-word;text-decoration:underline}.message-text strong{font-weight:700}.message-text em{font-style:italic}.message-text del{text-decoration:line-through}.message-text code{background:var(--color-hover-bg);border-radius:4px;padding:2px 4px;font-family:monospace;font-size:13px}.message-sender-name{font-family:var(--font-family);color:var(--color-primary);margin-bottom:2px;font-size:clamp(11px,.5vw + 9px,12px);font-weight:700;display:block}.message-forwarded{opacity:.7;align-items:center;gap:4px;margin-bottom:4px;display:flex}.message-forwarded .MuiTypography-root{color:var(--color-text-2nd);font-size:clamp(10px,.3vw + 9px,11px);font-style:italic;font-weight:500}.message-reply-preview{background:var(--color-bubble-incoming-reply,rgba(var(--color-primary), .06));cursor:pointer;border-radius:8px;gap:8px;margin-bottom:6px;padding:6px 8px;display:flex}.message-reply-preview-line{background:var(--color-primary);border-radius:2px;flex-shrink:0;width:3px}.message-reply-preview-content{flex-direction:column;flex:1;min-width:0;display:flex}.message-reply-preview-sender{color:var(--color-primary);font-size:clamp(10px,.3vw + 9px,11px);font-weight:600;line-height:1.2}.message-reply-preview-text{color:var(--color-text-2nd);text-overflow:ellipsis;white-space:nowrap;font-size:clamp(10px,.3vw + 9px,11px);line-height:1.3;overflow:hidden}.message-deleted{align-items:center;gap:6px;display:flex}.message-deleted-text{color:var(--color-text-2nd);font-size:clamp(.78rem,.3vw + .7rem,.8rem);font-style:italic}.message-footer{white-space:nowrap;justify-content:flex-end;align-items:center;gap:4px;margin-top:2px;display:flex}.message-footer .message-time{font-family:var(--font-family);color:var(--color-bubble-timestamp,inherit);opacity:.85;font-size:clamp(10px,.3vw + 9px,11px);line-height:1}.message-footer .message-edited{color:var(--color-text-2nd);font-size:clamp(9px,.2vw + 8px,10px);font-style:italic}.message-footer .message-failed{color:var(--color-error);font-size:clamp(9px,.2vw + 8px,10px);font-weight:500}.message-footer .message-status-icon{align-items:center;display:flex}.typing-indicator{background:var(--color-sidebar-bg);border:1px solid var(--color-sidebar-border);border-radius:18px 18px 18px 4px;flex-direction:column;gap:4px;max-width:80px;padding:8px 12px;display:flex}.typing-indicator__name{font-family:var(--font-family);color:var(--color-primary);font-size:clamp(10px,.3vw + 9px,11px);font-weight:600}.typing-indicator__dots{align-items:center;gap:4px;display:flex}.typing-indicator .typing-dot{background:var(--color-text-2nd);border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite typingDot}@keyframes typingDot{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.scroll-to-bottom-btn{z-index:10;-webkit-tap-highlight-color:#0000;transition:all .2s;position:absolute;bottom:70px;right:16px;background:var(--color-sidebar-bg)!important;color:var(--color-primary)!important;border-radius:50%!important;width:44px!important;height:44px!important;box-shadow:0 2px 12px #00000026!important}@media (min-width:768px){.scroll-to-bottom-btn{bottom:80px;right:20px;width:40px!important;height:40px!important}}.scroll-to-bottom-btn:hover{transform:scale(1.08);box-shadow:0 4px 16px #0003!important}.chat-input-area{padding:8px 8px 14px;padding-bottom:calc(14px + var(--safe-bottom));background:var(--color-surface);border-top:1px solid var(--color-border);z-index:5;flex-shrink:0;transition:height .15s;position:relative}@media (min-width:768px){.chat-input-area{padding:12px 16px 20px;padding-bottom:calc(20px + var(--safe-bottom))}}.chat-input-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;align-items:center;gap:4px;min-height:48px;padding:8px 10px;transition:all .2s;display:flex;position:relative;box-shadow:0 4px 16px #0000000d,0 1px 3px #00000014}@media (min-width:768px){.chat-input-container{border-radius:24px;gap:8px;padding:10px 14px}}[data-theme=dark] .chat-input-container{box-shadow:0 4px 16px #0003,0 1px 3px #0000004d}.chat-input-container:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #7367f01f,0 4px 16px #0000000d}[data-theme=dark] .chat-input-container:focus-within{box-shadow:0 0 0 3px #7367f026,0 4px 16px #0003}.chat-input-container .chat-input-editor-wrapper{align-items:center;min-height:36px;padding:2px 0;display:flex}.chat-input-btn{color:var(--color-text-2nd);-webkit-tap-highlight-color:#0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;min-width:36px;min-height:36px;padding:8px;transition:all .2s;display:flex}@media (min-width:768px){.chat-input-btn{min-width:40px;min-height:40px;padding:10px}}.chat-input-btn:hover{color:var(--color-primary);background:var(--color-hover-bg-strong)}.chat-input-editor-wrapper{flex:1;width:100%;min-width:0}.chat-input-count{font-family:var(--font-family);color:var(--color-text-2nd);font-size:clamp(10px,.2vw + 8px,11px);font-weight:400;transition:color .2s ease-in-out;position:absolute;bottom:-18px;right:56px}.chat-input-count.warning{color:var(--color-warning);font-weight:600}.chat-input-send{color:var(--color-text-white,#fff);background-color:var(--color-primary);-webkit-tap-highlight-color:#0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;min-width:36px;min-height:36px;padding:8px;transition:all .2s;display:flex}@media (min-width:768px){.chat-input-send{min-width:40px;min-height:40px;padding:10px}}.chat-input-send:hover{background-color:var(--color-primary);transform:scale(1.05)}.chat-input-send.active{color:var(--color-text-white,#fff);background:var(--color-primary)}.chat-input-send.active:hover{background:var(--color-primary);transform:scale(1.05)}.chat-input-send.Mui-disabled,.chat-input-send:disabled{background-color:var(--color-text-light,#ebebeb);color:var(--color-text-2nd);transform:none}.chat-input-send.offline,.chat-input-send.offline:hover{background-color:var(--color-error,#d32f2f)}.chat-input-emoji-panel,.chat-input-attach-menu{background:var(--color-sidebar-bg);border:1px solid var(--color-sidebar-border);color:var(--color-text-2nd);border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px;display:flex;position:absolute;bottom:100%;left:8px;right:8px;box-shadow:0 4px 20px #0000001a}@media (min-width:768px){.chat-input-emoji-panel,.chat-input-attach-menu{left:16px;right:16px}}.spin{animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes scrollToBottomPulse{0%{transform:translateY(0)scale(1);box-shadow:0 6px 18px #00000038}50%{transform:translateY(-1px)scale(1.03);box-shadow:0 10px 26px #0000004d}to{transform:translateY(0)scale(1);box-shadow:0 6px 18px #00000038}}.message-item{align-items:flex-end;gap:8px;padding-left:8px;padding-right:8px;display:flex;position:relative}@media (min-width:768px){.message-item{padding-left:0;padding-right:0}}.message-item.user-message{justify-content:flex-end;padding-block:10px}.message-item.customer-message{justify-content:flex-start;padding-block:10px}.message-item.blink-message{z-index:3;isolation:isolate;position:relative}.message-item.blink-message:after{content:"";pointer-events:none;opacity:0;background:#7367f02e;border-radius:16px;animation:1.75s ease-in-out 5 blinkAnimation;position:absolute;inset:-6px}[data-theme=dark] .message-item.blink-message:after{background:#b8aaff38}.message-item.blink-message>*{z-index:1;position:relative}@keyframes blinkAnimation{0%,to{opacity:0}50%{opacity:1}}.message-bubble-wrapper{z-index:1;flex-direction:column;max-width:85%;margin:4px 0;display:flex;position:relative;overflow:visible!important}@media (min-width:768px){.message-bubble-wrapper{max-width:70%}}@media (min-width:1024px){.message-bubble-wrapper{max-width:420px}}.message-bubble-wrapper.outgoing{align-items:flex-end;margin-left:auto}.message-bubble-wrapper.incoming{align-items:flex-start;margin-right:auto}.message-bubble-wrapper .message-bubble{border-radius:18px;flex-direction:column;gap:2px;width:fit-content;min-width:64px;padding:8px 10px 6px;transition:all .2s;display:flex;position:relative;box-shadow:0 2px 10px #00000014}@media (min-width:768px){.message-bubble-wrapper .message-bubble{padding:10px 12px 8px}}.message-bubble-wrapper .message-bubble.text-message{padding:8px 10px 6px}@media (min-width:768px){.message-bubble-wrapper .message-bubble.text-message{padding:10px 12px 8px}}.message-bubble-wrapper .message-bubble.media-message{padding:4px}@media (min-width:768px){.message-bubble-wrapper .message-bubble.media-message{padding:6px}}.message-bubble-wrapper .message-bubble.outgoing{background-color:var(--color-bubble-outgoing);color:var(--color-bubble-outgoing-text,#fff);border-bottom-right-radius:0}.message-bubble-wrapper .message-bubble.outgoing:hover{background-color:var(--color-bubble-outgoing-hover,var(--color-bubble-outgoing))}.message-bubble-wrapper .message-bubble.incoming{background-color:var(--color-bubble-incoming);color:var(--color-bubble-incoming-text,#111b21);border-bottom-left-radius:0}.message-bubble-wrapper .message-bubble.incoming:hover{background-color:var(--color-bubble-incoming-hover,var(--color-bubble-incoming))}.message-bubble-wrapper .message-bubble.starred{background-image:radial-gradient(circle at 100% 0,#ffd70038 0%,#ffa5001a 30%,#0000 60%)}.message-bubble-wrapper .message-bubble.outgoing .message-mention-highlight{color:var(--color-mention-text-outgoing)!important}.message-bubble-wrapper .message-bubble.outgoing .message-mention-highlight .at-symbol{color:var(--color-mention-at-outgoing)!important}.message-bubble-wrapper .message-bubble.outgoing .message-mention-highlight:hover{background-color:var(--color-mention-hover-bg-outgoing)!important}.message-bubble-wrapper .message-bubble.outgoing .search-highlight{color:var(--color-search-highlight-outgoing)!important;background-color:var(--color-search-highlight-bg-outgoing)!important}.messages-area{background:0 0;flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.message-reaction{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:#0000;min-height:24px;font-size:clamp(13px,.5vw + 11px,14px);line-height:1}.message-reaction .emoji-item{align-items:center;display:inline-flex}.typoDate{font-family:var(--font-family);color:var(--color-text-2nd);background-color:var(--color-text-light);border-radius:16px;padding:3px 8px;font-size:clamp(11px,.5vw + 9px,12px);font-weight:400;animation:.2s ease-in-out fadeIn}.media-preview-overlay .thumb-remove-btn{opacity:0;transition:opacity .2s}.media-preview-overlay [class*=thumbnail]:hover .thumb-remove-btn,.media-preview-overlay .thumb-remove-btn:hover{opacity:1!important}.formatting-toolbar{background:var(--color-sidebar-bg);border:1px solid var(--color-sidebar-border);border-radius:8px;align-items:center;gap:2px;padding:4px;display:flex;box-shadow:0 4px 16px #0000001f}.formatting-toolbar .formatting-item{cursor:pointer;width:36px;height:36px;color:var(--color-text-2nd);-webkit-tap-highlight-color:#0000;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex;position:relative}@media (min-width:768px){.formatting-toolbar .formatting-item{width:32px;height:32px}}.formatting-toolbar .formatting-item:hover{background:var(--color-hover-bg);color:var(--color-primary)}.formatting-toolbar .formatting-tooltip{background:var(--color-title);color:var(--color-text-light);white-space:nowrap;opacity:0;pointer-events:none;border-radius:6px;flex-direction:column;align-items:center;gap:2px;margin-bottom:6px;padding:4px 8px;font-size:11px;transition:opacity .15s;display:flex;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.formatting-toolbar .formatting-tooltip .tooltip-label{font-weight:500}.formatting-toolbar .formatting-tooltip .tooltip-shortcut{opacity:.7;font-size:10px}.formatting-toolbar .formatting-item:hover .formatting-tooltip{opacity:1}.read-more-text{-webkit-line-clamp:var(--read-more-lines,5);line-clamp:var(--read-more-lines,5);word-break:break-word;white-space:pre-wrap;font-family:var(--font-family);color:var(--color-title);-webkit-user-select:text;user-select:text;-webkit-box-orient:vertical;font-size:clamp(13px,.5vw + 11px,14px);line-height:1.45;display:-webkit-box;overflow:hidden}.read-more-text.expanded{-webkit-line-clamp:unset;line-clamp:unset;display:block;overflow:visible}.system-message-typography{font-family:var(--font-family);color:var(--color-text-2nd);text-align:center;font-size:clamp(11px,.5vw + 9px,12px)}
.secondaryBtnClassname{font-family:var(--font-family)!important;color:var(--color-text-secondary)!important;text-transform:capitalize!important;background:#ebebed!important;border-color:#ebebed!important;border-radius:16px!important}.secondaryBtnClassname:hover{background-color:var(--color-button-hover);border-color:var(--color-button-border);transition:all .2s ease-in-out!important}.primaryBtnClassname{font-family:var(--font-family)!important;background:var(--color-button-bg)!important;color:var(--color-button-color)!important;border-color:var(--color-button-border)!important;text-transform:capitalize!important;border-radius:16px!important}.primaryBtnClassname:hover{background-color:var(--color-button-hover);border-color:var(--color-button-border);transition:all .2s ease-in-out!important}.maintenance-page{min-height:100vh;min-height:100dvh;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);padding-right:var(--safe-right);-webkit-tap-highlight-color:#0000}.maintenance-page .maintenance-icon-box{border-radius:clamp(20px,3vw + 12px,28px)!important;width:clamp(96px,10vw + 60px,120px)!important;height:clamp(96px,10vw + 60px,120px)!important}.maintenance-page .maintenance-icon-gear svg{width:clamp(44px,4vw + 32px,56px)!important;height:clamp(44px,4vw + 32px,56px)!important}.maintenance-page .maintenance-title{font-size:clamp(1.5rem,2vw + 1rem,2rem)!important}.maintenance-page .maintenance-message{font-size:clamp(.875rem,.5vw + .75rem,.9375rem)!important}.maintenance-page .maintenance-submessage{font-size:clamp(.75rem,.3vw + .65rem,.8125rem)!important}.maintenance-page .maintenance-retry-btn{-webkit-tap-highlight-color:#0000;-webkit-user-select:none;user-select:none;min-height:48px;font-size:clamp(.875rem,.5vw + .75rem,.9375rem)!important}@media (min-width:768px){.maintenance-page .maintenance-retry-btn{min-height:44px}}