.chat-menu-wrapper{position:relative}.chat-header-menu{background:var(--card);-webkit-backdrop-filter:none;border:1px solid var(--border);z-index:1000;border-radius:.75rem;min-width:220px;max-height:calc(100vh - 100px);padding:.375rem;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 20px 60px #00000080,inset 0 0 0 1px #ffffff0d}.chat-header-menu::-webkit-scrollbar{width:4px}.chat-header-menu::-webkit-scrollbar-track{background:0 0}.chat-header-menu::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.chat-header-menu-item{width:100%;color:var(--foreground);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.75rem;padding:.625rem .875rem;font-size:.875rem;font-weight:500;transition:background 50ms;display:flex}.chat-header-menu-item:hover{background:#ffffff0d}.chat-header-menu-item.danger{color:var(--destructive)}.chat-header-menu-item.danger:hover{background:#ef444426}.chat-header-menu .menu-icon{flex-shrink:0;width:20px;height:20px}.chat-header-menu .menu-divider{background:var(--border);height:1px;margin:8px 0}
.connection-indicator{z-index:1000;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;animation:.3s ease-out slideIn;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 12px #00000026}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.connection-indicator.connected{color:#fff;background:#10b981}.connection-indicator.disconnected{color:#fff;background:#ef4444}.connection-icon{flex-shrink:0}.debug-button{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:.25rem;justify-content:center;align-items:center;padding:.25rem;transition:background .2s;display:flex}.debug-button:hover{background:#ffffff4d}@media (max-width:768px){.connection-indicator{font-size:.8125rem;bottom:80px;right:16px}}
.connection-debug-dialog{max-width:500px}.debug-info-grid{grid-template-columns:1fr;gap:1rem;margin-top:1rem;display:grid}.debug-info-item{background:#0000000d;border-radius:.375rem;justify-content:space-between;align-items:flex-start;padding:.75rem;display:flex}.debug-info-item.full-width{flex-direction:column;grid-column:1/-1;gap:.5rem}.debug-label{color:#000000b3;font-size:.875rem;font-weight:600}.debug-value{color:#000000e6;font-family:Courier New,monospace;font-size:.875rem}.debug-value.connected{color:#10b981;font-weight:600}.debug-value.disconnected{color:#ef4444;font-weight:600}.debug-value.url{word-break:break-all;font-size:.8125rem}.debug-value.error{color:#ef4444;word-break:break-word}@media (prefers-color-scheme:dark){.debug-info-item{background:#ffffff0d}.debug-label{color:#ffffffb3}.debug-value{color:#ffffffe6}}
.msg-context-trigger{display:contents}.msg-context-backdrop{z-index:99;pointer-events:all;background:0 0;position:fixed;inset:0}.msg-context-menu{box-shadow:none;z-index:100;filter:none;-webkit-backdrop-filter:none;background:0 0;border:none;flex-direction:column;gap:.5rem;padding:0;animation:.15s msgContextFadeIn;display:flex}.msg-context-coarse-wrapper{width:100vw!important;height:100vh!important;position:fixed!important;inset:0 auto auto 0!important;transform:none!important}.msg-context-menu.coarse{-webkit-font-smoothing:antialiased;width:max-content;max-width:calc(var(--msg-context-safe-width,100vw) - 1rem);max-height:calc(var(--msg-context-safe-height,100vh) - 1rem);overscroll-behavior:contain;overflow-y:auto;left:var(--msg-context-left,50vw)!important;position:fixed!important;right:auto!important;transform:translate(-50%)!important}.msg-context-reactions,.msg-context-actions{background:var(--card);border:1px solid var(--border);filter:none;-webkit-backdrop-filter:none;border-radius:.9rem;overflow:hidden;box-shadow:0 .75rem 2rem #00000047}.msg-context-menu.coarse .msg-context-reactions,.msg-context-menu.coarse .msg-context-actions{max-width:100%}.msg-context-reactions{padding:.375rem}.msg-context-menu:not(.expanded) .msg-context-reactions{box-shadow:none;background:0 0;border:none;border-radius:0;padding:0;overflow:visible}.msg-context-actions{width:max-content;min-width:12rem;max-width:min(100%,calc(var(--msg-context-safe-width,100vw) - 1.5rem));padding:.25rem}.msg-context-actions--select-only{min-width:9.5rem}.emoji-reactions-expanded{--emoji-panel-columns:7;--emoji-panel-cell-size:2.125rem;--emoji-panel-gap:.375rem;width:calc(var(--emoji-panel-columns)*var(--emoji-panel-cell-size) + (var(--emoji-panel-columns) - 1)*var(--emoji-panel-gap) + 1.25rem);min-width:calc(7*var(--emoji-panel-cell-size) + 6*var(--emoji-panel-gap) + 1.25rem);max-width:min(22rem,calc(var(--msg-context-safe-width,100vw) - 1.5rem));height:min(22rem,calc(var(--msg-context-safe-height,100vh) - 3rem))}.msg-context-emoji-picker-sidebar{border-left:none;width:100%;min-width:0;max-width:100%}.msg-context-emoji-picker-sidebar .scrollbar-none{scrollbar-width:none;-ms-overflow-style:none}.msg-context-emoji-picker-sidebar .scrollbar-none::-webkit-scrollbar{display:none;width:0!important;height:0!important}.msg-context-emoji-picker{border-radius:.75rem;height:100%}@keyframes msgContextFadeIn{0%{opacity:0}to{opacity:1}}.emoji-reactions-row{background:var(--muted);border-radius:1.5rem;justify-content:center;align-items:center;gap:.25rem;margin:.25rem .25rem .5rem;padding:.5rem;display:flex}.emoji-reaction-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1.25rem;transition:all .15s;display:flex}.emoji-reaction-btn:hover{background:var(--accent)}.emoji-reaction-btn:disabled{opacity:.45;cursor:not-allowed}.emoji-reaction-btn:disabled:hover{background:0 0}.msg-context-hint{color:var(--muted-foreground);padding:0 .75rem .625rem;font-size:.75rem;line-height:1.35}.msg-context-item{color:var(--foreground);cursor:pointer;border-radius:.375rem;outline:none;align-items:center;gap:.625rem;padding:.5rem .625rem;font-size:.875rem;transition:background .1s;display:flex}.msg-context-item:hover,.msg-context-item:focus{background:var(--muted)}.msg-context-item[data-disabled]{opacity:.5;cursor:not-allowed}.msg-context-item[data-disabled]:hover,.msg-context-item[data-disabled]:focus{background:0 0}.msg-context-item.destructive{color:var(--destructive)}.msg-context-item.destructive:hover,.msg-context-item.destructive:focus{background:color-mix(in srgb,var(--destructive)10%,transparent)}.msg-context-item svg{opacity:.7;flex-shrink:0}.msg-context-separator{background:var(--border);height:1px;margin:.375rem 0}.msg-context-menu.coarse{align-items:center}.msg-context-reactions,.msg-context-actions{align-self:center}
.message-reactions{z-index:1;background:0 0;flex-wrap:wrap;gap:6px;margin-top:.25rem;display:flex;position:relative}.reaction-item{cursor:pointer;background:linear-gradient(135deg,#ffffff26 0%,#ffffff14 100%);border:1px solid #ffffff1a;border-radius:14px;align-items:center;height:26px;padding:0 4px 0 0;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 1px 3px #0000001a}.reaction-item:hover{background:linear-gradient(135deg,#fff3 0%,#ffffff1f 100%);transform:scale(1.08);box-shadow:0 2px 6px #00000026}.reaction-emoji{background:0 0;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin:2px;font-size:16px;display:flex}.reaction-avatars{align-items:center;margin-left:-4px;padding-right:2px;display:flex}.reaction-avatar{border:1.5px solid #0000;border-radius:50%;width:20px;height:20px;margin-left:-8px}.reaction-avatar:first-child{margin-left:0}.reaction-count-badge{color:#fff;background:#ffffff40;border:1.5px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin-left:-8px;font-size:9px;font-weight:600;display:flex}.reaction-item.own-reaction{background:linear-gradient(135deg,#4fc3f74d 0%,#4fc3f733 100%);border-color:#4fc3f766;box-shadow:0 2px 6px #4fc3f733}.reaction-item.own-reaction:hover{background:linear-gradient(135deg,#4fc3f766 0%,#4fc3f74d 100%);border-color:#4fc3f780}.context-menu-reactions{border-bottom:1px solid var(--border);gap:2px;padding:6px 4px;display:flex}.context-menu-reaction-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:22px;transition:transform .12s;display:flex}.context-menu-reaction-btn:hover{background:var(--muted);transform:scale(1.15)}.context-menu-reactions-more{cursor:pointer;width:32px;height:32px;color:var(--muted-foreground);background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .12s;display:flex}.context-menu-reactions-more svg{width:16px;height:16px}.context-menu-reactions-more:hover{background:var(--accent);color:var(--accent-foreground);transform:scale(1.15)}.reaction-picker-overlay{z-index:999;background:#0006;position:fixed;inset:0}.reaction-picker-expanded{background:var(--popover);border:1px solid var(--border);z-index:1000;border-radius:16px;flex-direction:column;width:90vw;max-width:420px;max-height:400px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.reaction-picker-header{border-bottom:1px solid var(--border);padding:12px}.reaction-picker-search{background:var(--muted);width:100%;color:var(--foreground);border:none;border-radius:8px;padding:8px 12px;font-size:14px}.reaction-picker-grid{grid-template-columns:repeat(8,1fr);gap:4px;max-height:320px;padding:12px;display:grid;overflow-y:auto}.reaction-picker-emoji{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:32px;display:flex}.reaction-picker-emoji:hover{background:var(--muted);transform:scale(1.2)}.message.own .message-reactions,.message.other .message-reactions{justify-content:flex-start}.message.other .reaction-avatar,.message.other .reaction-count-badge{border-color:var(--message-in-bg)}.message.own .reaction-avatar,.message.own .reaction-count-badge{border-color:var(--message-out-bg)}
.forward-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:999;background:#000000b3;position:fixed;inset:0}.forward-modal{background:rgba(var(--card-rgb,30,30,30),.85);-webkit-backdrop-filter:blur(40px)saturate(180%);z-index:1000;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;width:90%;max-width:420px;max-height:80vh;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #00000080,inset 0 0 0 1px #ffffff0d}.forward-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.forward-modal-header h2{color:var(--foreground);font-size:1.125rem;font-weight:600}.forward-modal-close{color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.forward-modal-close:hover{background:var(--muted);color:var(--foreground)}.forward-modal-search{border-bottom:1px solid var(--border);padding:1rem 1.5rem}.forward-modal-search .search-wrapper{align-items:center;display:flex;position:relative}.forward-modal-search .search-icon{width:1.125rem;height:1.125rem;color:var(--muted-foreground);pointer-events:none;position:absolute;left:.875rem}.forward-modal-search .search-input{background:var(--muted);width:100%;color:var(--foreground);border:1px solid #0000;border-radius:.75rem;padding:.75rem 2.75rem;font-size:.9375rem;transition:all .2s}.forward-modal-search .search-input:focus{background:var(--background);border-color:var(--accent);outline:none}.forward-modal-search .search-input::placeholder{color:var(--muted-foreground)}.forward-modal-search .search-clear{color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;padding:.375rem;transition:all .2s;display:flex;position:absolute;right:.75rem}.forward-modal-search .search-clear:hover{background:var(--muted);color:var(--foreground)}.forward-modal-list{flex:1;min-height:0;padding:.5rem;overflow-y:auto}.forward-chat-empty{text-align:center;color:var(--muted-foreground);padding:1.5rem 1rem;font-size:.875rem}.forward-modal-list::-webkit-scrollbar{width:6px}.forward-modal-list::-webkit-scrollbar-track{background:0 0}.forward-modal-list::-webkit-scrollbar-thumb{background:var(--muted);border-radius:3px}.forward-chat-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:.75rem;width:100%;margin-bottom:2px;padding:.75rem 1rem;transition:background 50ms;display:flex}.forward-chat-item:hover{background:#ffffff0d}.forward-chat-item.selected{background:#4fc3f726}.forward-chat-checkbox{flex-shrink:0}.checkbox{border:2px solid var(--muted-foreground);background:0 0;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.checkbox.checked{background:var(--accent);border-color:var(--accent);color:#fff}.forward-chat-avatar{flex-shrink:0;width:2.5rem;height:2.5rem}.forward-chat-info{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.forward-chat-name{color:var(--foreground);white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:600;overflow:hidden}.forward-chat-status{color:var(--muted-foreground);font-size:.8125rem}.forward-modal-footer{border-top:1px solid var(--border);gap:.75rem;padding:1rem 1.5rem;display:flex}.forward-modal-cancel,.forward-modal-send{cursor:pointer;border:none;border-radius:.75rem;flex:1;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;transition:opacity .1s}.forward-modal-cancel{color:var(--foreground);background:#ffffff0d}.forward-modal-cancel:hover{background:#ffffff14}.forward-modal-send{background:var(--accent);color:#fff}.forward-modal-send:hover:not(:disabled){opacity:.9}.forward-modal-send:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.forward-modal{width:95%;max-height:85vh}.forward-modal-header{padding:1rem 1.25rem}.forward-modal-search,.forward-modal-footer{padding:.875rem 1.25rem}}
.chat-media-viewer{z-index:1200;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#070a10eb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.chat-media-viewer__stage{touch-action:pan-y;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:min(92vw,1280px);height:min(88vh,900px);padding:1rem;display:flex;position:relative}.chat-media-viewer__image{object-fit:contain;border-radius:1rem;max-width:100%;max-height:100%;display:block;box-shadow:0 18px 48px #00000059}.chat-media-viewer__placeholder{color:#ffffffd1;background:#ffffff0a;border:1px solid #ffffff14;border-radius:1rem;justify-content:center;align-items:center;min-width:16rem;min-height:10rem;padding:1rem 1.25rem;font-size:.95rem;display:flex}.chat-media-viewer__close,.chat-media-viewer__nav,.chat-media-viewer__counter{z-index:1;position:absolute}.chat-media-viewer__close,.chat-media-viewer__nav{color:#fff;background:#ffffff1f;border:0;border-radius:999px;justify-content:center;align-items:center;transition:background-color .2s,transform .2s;display:inline-flex}.chat-media-viewer__close:hover,.chat-media-viewer__nav:hover{background:#ffffff2e}.chat-media-viewer__close{width:2.75rem;height:2.75rem;top:1rem;right:1rem}.chat-media-viewer__nav{width:3rem;height:3rem;top:50%;transform:translateY(-50%)}.chat-media-viewer__nav--prev{left:1rem}.chat-media-viewer__nav--next{right:1rem}.chat-media-viewer__counter{color:#ffffffeb;letter-spacing:.02em;background:#ffffff1f;border-radius:999px;padding:.55rem .8rem;font-size:.875rem;font-weight:600;top:1rem;left:50%;transform:translate(-50%)}@media (max-width:768px){.chat-media-viewer__stage{width:100vw;height:100vh;padding:3.75rem .75rem 2.5rem}.chat-media-viewer__image{border-radius:.875rem}.chat-media-viewer__nav{width:2.75rem;height:2.75rem}.chat-media-viewer__nav--prev{left:.5rem}.chat-media-viewer__nav--next{right:.5rem}.chat-media-viewer__counter{font-size:.8125rem;top:.75rem}.chat-media-viewer__close{width:2.5rem;height:2.5rem;top:.75rem;right:.75rem}}
.chat-media-gallery{z-index:1150;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#060a10c7;position:fixed;inset:0}.chat-media-gallery__panel{background:var(--background);flex-direction:column;width:min(100vw,1120px);height:min(100vh,960px);margin:0 auto;display:flex}.chat-media-gallery__header{border-bottom:1px solid var(--border);justify-content:center;align-items:center;min-height:4rem;padding:.5rem .75rem;display:flex;position:relative}.chat-media-gallery__header-title{color:var(--foreground);justify-content:center;align-items:center;gap:.55rem;font-size:1rem;font-weight:700;display:inline-flex}.chat-media-gallery__header-btn{width:2.5rem;height:2.5rem;color:var(--foreground);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;transition:background-color .2s;display:inline-flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.chat-media-gallery__header-btn:hover{background:var(--muted)}.chat-media-gallery__body{flex:1;padding:.75rem .75rem 1rem;overflow-y:auto}.chat-media-gallery__sections{flex-direction:column;gap:1.25rem;display:flex}.chat-media-gallery__section{flex-direction:column;gap:.55rem;display:flex}.chat-media-gallery__section-title{z-index:1;background:linear-gradient(180deg,var(--background)70%,transparent 100%);color:var(--muted-foreground);letter-spacing:.02em;text-transform:uppercase;margin:0;padding:.75rem .125rem .45rem;font-size:.8125rem;font-weight:700;position:sticky;top:-.75rem}.chat-media-gallery__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;display:grid}.chat-media-gallery__thumb{aspect-ratio:1;background:var(--muted);cursor:pointer;border:0;border-radius:.75rem;padding:0;display:block;position:relative;overflow:hidden}.chat-media-gallery__thumb-image,.chat-media-gallery__thumb-fallback{width:100%;height:100%;display:flex}.chat-media-gallery__thumb-image{object-fit:cover;transition:transform .2s,opacity .2s}.chat-media-gallery__thumb:hover .chat-media-gallery__thumb-image{opacity:.92;transform:scale(1.03)}.chat-media-gallery__thumb-fallback{color:var(--muted-foreground);justify-content:center;align-items:center}.chat-media-gallery__state,.chat-media-gallery__load-more{min-height:7rem;color:var(--muted-foreground);justify-content:center;align-items:center;gap:.6rem;font-size:.95rem;display:flex}.chat-media-gallery__load-more{min-height:3rem}.chat-media-gallery__spinner{animation:.9s linear infinite chat-media-gallery-spin}@keyframes chat-media-gallery-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (min-width:768px){.chat-media-gallery{padding:.75rem}.chat-media-gallery__panel{border-radius:1.25rem;height:calc(100vh - 1.5rem);overflow:hidden;box-shadow:0 24px 64px #00000047}.chat-media-gallery__grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:.45rem}}@media (min-width:1280px){.chat-media-gallery__grid{grid-template-columns:repeat(8,minmax(0,1fr))}}
.pinned-screen{z-index:60;background:var(--background);--pinned-chatbar-height:0rem;flex-direction:column;display:flex;position:absolute;inset:0}.pinned-screen-chatbar{z-index:3;display:none;position:sticky;top:0}.pinned-screen-searchbar{border-bottom:1px solid var(--border);background:var(--card);top:var(--pinned-chatbar-height);z-index:1;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex;position:sticky}.pinned-screen-back{width:2.25rem;height:2.25rem;color:var(--foreground);cursor:pointer;background:0 0;border:none;border-radius:.75rem;justify-content:center;align-items:center;display:flex}.pinned-screen-back:hover{background:var(--muted)}.pinned-screen-search{border:1px solid var(--border);background:var(--background);border-radius:.75rem;flex:1;align-items:center;gap:.5rem;padding:.45rem .6rem;display:flex}.pinned-screen-search-icon{color:var(--muted-foreground)}.pinned-screen-search-input{width:100%;color:var(--foreground);background:0 0;border:none;outline:none;font-size:.9rem}.pinned-screen-count{color:var(--muted-foreground);white-space:nowrap;font-size:.8rem}.pinned-screen-list{--messages-pad-x:1rem;flex-direction:column;flex:1;gap:.5rem;min-height:0;padding:1rem;display:flex;overflow:auto}.pinned-screen-message{align-items:flex-end;gap:.5rem;display:flex;position:relative}.pinned-screen .message{max-width:66%}.pinned-screen-message .pinned-screen-jump{width:2.25rem;height:2.25rem;color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;border-radius:.75rem;flex-shrink:0;justify-content:center;align-self:flex-end;align-items:center;margin-bottom:.25rem;display:flex;position:static}.pinned-screen-message .pinned-screen-jump:hover{background:color-mix(in srgb,var(--accent)10%,transparent);color:var(--accent)}.pinned-screen-empty{text-align:center;color:var(--muted-foreground);padding:2rem 1rem}.pinned-screen-message .message-row{flex:1;min-width:0;margin-left:0;margin-right:0;padding-left:0;padding-right:0}.pinned-screen .message-row.group-start{margin-top:0}.pinned-screen .message-row.group-end{margin-bottom:0}@media (pointer:coarse){.pinned-screen-list{padding:.75rem}.pinned-screen-message .pinned-screen-jump{width:2.5rem;height:2.5rem}}@media (min-width:769px){.pinned-screen{--pinned-chatbar-height:4rem}.pinned-screen-chatbar{display:flex}}
.media-reaction-popup{z-index:200;opacity:0;transition:opacity .12s;position:fixed}.media-reaction-popup__row{background:var(--card);border:1px solid var(--border);border-radius:2rem;align-items:center;gap:.25rem;padding:.375rem .5rem;display:flex;box-shadow:0 .5rem 1.5rem #0000004d}.media-reaction-popup__btn{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:1.375rem;transition:transform .12s,background .1s;display:flex}.media-reaction-popup__btn:hover,.media-reaction-popup__btn:active{background:var(--muted);transform:scale(1.2)}.media-reaction-popup__btn--more{color:var(--muted-foreground);background:var(--muted);font-size:1rem}.media-reaction-popup__btn--more:hover{color:var(--foreground)}
.message-buttons-container{flex-wrap:wrap;gap:4px;min-width:0;max-width:100%;margin-top:4px;display:flex}.message-button{cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid;border-radius:6px;justify-content:center;align-items:center;min-height:32px;padding:6px 12px;font-size:14px;font-weight:500;line-height:1.4;transition:all .15s;display:inline-flex}.message-button--callback{color:var(--color-text-primary,#000);background-color:#0000000a;border-color:#00000014}.message-button--callback:hover:not(:disabled){background-color:#00000014;border-color:#0000001f}.message-button--callback:active:not(:disabled){background-color:#0000001f;transform:scale(.98)}.message-button--url{color:#3b82f6;background-color:#3b82f614;border-color:#3b82f633}.message-button--url:hover:not(:disabled){background-color:#3b82f61f;border-color:#3b82f64d}.message-button--url:active:not(:disabled){background-color:#3b82f629;transform:scale(.98)}.message-button--loading{opacity:.6;cursor:wait;pointer-events:none}.message-button--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.message-button:disabled{cursor:not-allowed;opacity:.5}.message-button-content{justify-content:center;align-items:center;gap:6px;display:flex}.message-button-spinner{width:14px;height:14px;animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-color-scheme:dark){.message-button--callback{color:var(--color-text-primary,#fff);background-color:#ffffff0f;border-color:#ffffff1a}.message-button--callback:hover:not(:disabled){background-color:#ffffff1a;border-color:#ffffff26}.message-button--callback:active:not(:disabled){background-color:#ffffff24}.message-button--url{color:#60a5fa;background-color:#60a5fa1a;border-color:#60a5fa40}.message-button--url:hover:not(:disabled){background-color:#60a5fa26;border-color:#60a5fa59}.message-button--url:active:not(:disabled){background-color:#60a5fa33}}@media (max-width:640px){.message-button{min-height:30px;padding:5px 10px;font-size:13px}}
.chat-window{--chat-media-width:min(22rem,calc(100vw - 6rem));--chat-media-gap:.125rem;--chat-visible-height:600px;background:var(--background);flex-direction:row;height:100%;display:flex;position:relative}.chat-window.empty{flex-direction:column;justify-content:center;align-items:center}.chat-window-main{--chat-scroll-down-offset:1.5rem;--chat-scroll-down-lift:0rem;flex-direction:column;flex:1;min-width:0;height:100%;display:flex;position:relative}.empty-state{text-align:center;max-width:20rem;padding:2rem}.empty-icon{opacity:.4;margin-bottom:1.5rem;font-size:4rem}.empty-state h2{color:var(--foreground);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.empty-state p{color:var(--muted-foreground);font-size:.875rem;line-height:1.5}.messages-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:3rem 2rem;display:flex}.messages-empty-state .empty-state-icon{opacity:.3;margin-bottom:1rem;font-size:4rem}.messages-empty-state .empty-state-text{color:var(--muted-foreground);max-width:20rem;margin:0;font-size:1rem;line-height:1.5}.empty-back-button{border:1px solid var(--border);background:var(--card);color:var(--foreground);cursor:pointer;border-radius:.5rem;align-items:center;gap:.375rem;margin-bottom:1rem;padding:.5rem .75rem;transition:background .15s;display:inline-flex}.empty-back-button:hover{background:var(--muted)}.chat-header{background:var(--card);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:.75rem;height:4rem;padding:.75rem 1rem;display:flex}.chat-header.support{background:var(--muted)}.back-button{width:2.25rem;height:2.25rem;color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;transition:all .15s;display:none}.chat-header.show-back .back-button{display:flex}.back-button:hover{background:var(--muted);color:var(--foreground)}.chat-info{cursor:pointer;min-width:0;color:inherit;border-radius:.5rem;flex:1;align-items:center;gap:.75rem;margin:-.25rem;padding:.25rem;text-decoration:none;transition:background .15s;display:flex}.chat-info:hover{background:var(--muted)}.header-avatar{border-radius:50%;flex-shrink:0;width:2.5rem;height:2.5rem}.header-avatar.support-avatar{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent)70%,#000))}.support-icon-wrapper{width:100%;height:100%;color:var(--accent-foreground);justify-content:center;align-items:center;display:flex}.support-icon-wrapper.small{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent)70%,#000));border-radius:50%}.chat-details{flex-direction:column;gap:.125rem;min-width:0;display:flex}.chat-details .chat-name{color:var(--foreground);align-items:center;gap:.375rem;font-size:.9375rem;font-weight:600;display:flex}.support-badge{color:var(--accent);flex-shrink:0}.chat-status{color:var(--muted-foreground);font-size:.75rem}.chat-actions{gap:.25rem;display:flex}.action-btn{width:2.25rem;height:2.25rem;color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;transition:all .15s;display:flex}.action-btn:hover,.action-btn.active{background:var(--muted);color:var(--foreground)}.chat-search-bar{background:var(--card);border-bottom:1px solid var(--border);padding:.5rem 1rem}.chat-search-bar .search-wrapper{align-items:center;display:flex;position:relative}.chat-search-bar .search-icon{color:var(--muted-foreground);pointer-events:none;position:absolute;left:.75rem}.chat-search-bar .search-input{background:var(--muted);width:100%;color:var(--foreground);border:none;border-radius:.625rem;padding:.5rem 2.25rem .5rem 2.5rem;font-size:.875rem;transition:background .15s}.chat-search-bar .search-input:focus{background:var(--background);outline:none}.chat-search-bar .search-clear{width:1.5rem;height:1.5rem;color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;display:flex;position:absolute;right:.5rem}.chat-search-bar .search-clear:hover{background:var(--secondary);color:var(--foreground)}.messages-container{--scrollbar-width:10px;--scrollbar-thumb:transparent;--scrollbar-thumb-hover:transparent;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb)transparent;flex:1;transition:--scrollbar-thumb .2s,--scrollbar-thumb-hover .2s;position:relative;overflow:hidden auto}.messages-container.messages-container--scrollbar-visible{--scrollbar-thumb:#ffffff2e;--scrollbar-thumb-hover:#ffffff47}.messages-end-marker{width:100%;height:1px}.chat-scroll-down-btn-overlay{top:auto;left:auto;right:var(--chat-scroll-down-offset);bottom:calc(100% + var(--chat-scroll-down-offset));border:1px solid color-mix(in srgb,var(--border)62%,transparent);background:color-mix(in srgb,var(--card)94%,#18304d 6%);width:2.6rem;height:2.6rem;color:var(--foreground);cursor:pointer;z-index:30;opacity:0;pointer-events:none;border-radius:999px;justify-content:center;align-items:center;transition:opacity .18s,transform .18s,background .16s,border-color .16s;display:inline-flex;position:absolute;transform:translateY(8px)scale(.96);box-shadow:0 6px 16px #09121e29}.chat-scroll-down-btn-overlay--visible{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.chat-scroll-down-btn-overlay:hover{background:color-mix(in srgb,var(--muted)88%,#1f3f66 12%);border-color:color-mix(in srgb,var(--accent)24%,var(--border))}.chat-scroll-down-btn-overlay:active{transform:translateY(1px)scale(.97)}.chat-scroll-down-btn__icon{width:1.15rem;height:1.15rem}.chat-scroll-down-btn__badge{background:var(--accent);min-width:1.15rem;height:1.15rem;color:var(--accent-foreground);border:1px solid color-mix(in srgb,var(--background)55%,transparent);pointer-events:none;border-radius:999px;justify-content:center;align-items:center;padding:0 .28rem;font-size:.66rem;font-weight:700;line-height:1;display:inline-flex;position:absolute;top:-.25rem;right:-.3rem}.unread-messages-marker{justify-content:center;align-items:center;margin:1rem 0;display:flex;position:relative}.unread-messages-marker:before,.unread-messages-marker:after{content:"";background:var(--primary);opacity:.3;flex:1;height:1px}.unread-messages-marker-text{color:var(--primary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;padding:0 1rem;font-size:.75rem;font-weight:500}.message-unread-divider{justify-content:center;align-items:center;gap:.75rem;margin:.75rem 0;padding:0 1rem;display:flex}.message-unread-divider__line{background:var(--accent);opacity:.35;flex:1;height:1px}.message-unread-divider__text{color:var(--accent);white-space:nowrap;letter-spacing:.02em;text-transform:none;font-size:.75rem;font-weight:600}.message-date-marker{pointer-events:none;justify-content:center;margin:.5rem 0 .75rem;display:flex}.message-date-marker__pill{background:#355d8cb8;border:1px solid #91b7e347;border-radius:999px;justify-content:center;align-items:center;padding:.25rem .7rem;display:inline-flex;box-shadow:0 6px 18px #0c172829}.message-date-marker__text{color:#e7f2ff;white-space:nowrap;letter-spacing:.01em;text-transform:none;font-size:.74rem;font-weight:600}.sticky-date-header{z-index:10;pointer-events:none;justify-content:center;padding:.5rem 0;transition:opacity .3s,transform .3s;display:flex;position:sticky;top:0;left:0;right:0}.sticky-date-header--visible{opacity:1;transform:translateY(0)}.sticky-date-header--hidden{opacity:0;transform:translateY(-10px)}.sticky-date-header__pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#355d8cd9;border:1px solid #91b7e347;border-radius:999px;justify-content:center;align-items:center;padding:.3rem .8rem;display:inline-flex;box-shadow:0 8px 24px #0c17283d}.sticky-date-header__text{color:#e6f2ff;white-space:nowrap;letter-spacing:.01em;text-transform:none;font-size:.75rem;font-weight:600}.unread-messages-banner{z-index:11;pointer-events:none;justify-content:center;padding:.5rem 0;animation:.3s ease-out unreadBannerSlideIn;display:flex;position:sticky;top:.5rem;left:0;right:0}@keyframes unreadBannerSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.unread-messages-banner__text{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;white-space:nowrap;letter-spacing:.01em;background:#ff6b35e6;border:1px solid #ff996659;border-radius:999px;justify-content:center;align-items:center;padding:.4rem 1rem;font-size:.8125rem;font-weight:600;display:inline-flex;box-shadow:0 8px 24px #ff6b354d}.messages-container::-webkit-scrollbar{width:var(--scrollbar-width)}.messages-container::-webkit-scrollbar-track{background:0 0}.messages-container::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:.1875rem}.messages-container::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.messages-scroll{--messages-pad-x:1rem;flex-direction:column;gap:0;min-height:100%;padding:1rem;display:flex}.message-swipe-container{-webkit-user-select:none;user-select:none;width:100%;position:relative}.message-swipe-reply-icon{width:2rem;height:2rem;color:var(--muted-foreground);opacity:0;pointer-events:none;z-index:1;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:auto;right:8px;transform:translateY(-50%)scale(.7)}.message-swipe-content{will-change:transform;transition:transform .2s cubic-bezier(.4,0,.2,1);position:relative}.message-swipe-container.swiping .message-swipe-content{transition:none}.message-row{width:100%;margin:8px calc(-1*var(--messages-pad-x))0;padding:0 var(--messages-pad-x);display:flex;position:relative;overflow:visible}[data-index="0"] .message-row{margin-top:0}.message-row.group-start{margin-top:16px}.message-row.selection-mode{cursor:pointer;-webkit-user-select:none;user-select:none}.message-row.selection-mode *{-webkit-user-select:none;user-select:none}.message-select-indicator{border:2px solid color-mix(in srgb,var(--muted-foreground)55%,transparent);width:1.5rem;height:1.5rem;color:var(--accent-foreground);pointer-events:none;z-index:200;background:0 0;border-radius:999px;justify-content:center;align-items:center;transition:background .15s,border-color .15s;display:none;position:absolute;top:50%;transform:translateY(-50%);left:.75rem!important;right:auto!important}.message-row.selection-mode .message-select-indicator{display:flex}.message-row.selection-mode .message.other{transition:margin-left .25s cubic-bezier(.4,0,.2,1);margin-left:3rem!important}.message-select-check{opacity:0;width:.85rem;height:.85rem;transition:opacity .15s}.message-select-indicator.selected{background:var(--accent);border-color:var(--accent)}.message-select-indicator.selected .message-select-check{opacity:1}@media (pointer:fine){.message-row.selected .message-bubble{box-shadow:none;background:var(--message-selected-bg)!important}}@media (pointer:coarse){.message-row.selected{background:color-mix(in srgb,var(--message-selected-row-bg)70%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--message-selected-row-bg)60%,transparent);border-radius:0}}.msg-context-trigger{display:block}.message{gap:.5rem;max-width:70%;display:flex}.message.own{flex-direction:row-reverse;margin-left:auto}.message.other{margin-left:0;margin-right:auto;transition:margin-left .25s cubic-bezier(.4,0,.2,1)}.message-avatar{border-radius:50%;flex-shrink:0;align-self:flex-end;width:2rem;height:2rem}.message-avatar-spacer{flex-shrink:0;width:2rem}.message-content{flex-direction:column;align-items:flex-start;gap:.25rem;max-width:100%;display:flex}.message.own .message-content{align-items:flex-end}.message-bubble{word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;border-radius:1rem;min-width:0;max-width:100%;padding:.5rem .75rem;position:relative}.message.own .message-bubble{background:var(--message-out-bg);color:var(--message-out-text);border-bottom-right-radius:.25rem}.message.other .message-bubble{background:var(--message-in-bg);color:var(--message-in-text);border:none;border-bottom-left-radius:.25rem;box-shadow:0 1px 1px #00000014}.message.own.group-start:not(.group-end) .message-bubble{border-radius:1rem 1rem .25rem}.message.own:not(.group-start):not(.group-end) .message-bubble,.message.own:not(.group-start).group-end .message-bubble{border-radius:1rem .25rem .25rem 1rem}.message.other.group-start:not(.group-end) .message-bubble{border-radius:1rem 1rem 1rem .25rem}.message.other:not(.group-start):not(.group-end) .message-bubble,.message.other:not(.group-start).group-end .message-bubble{border-radius:.25rem 1rem 1rem .25rem}.message .message-bubble.message-bubble--media-only,.message .message-bubble.message-bubble--text-with-media{box-shadow:none;width:min(var(--chat-media-width),100%);background:0 0;border:none;flex-direction:column;align-self:flex-start;max-width:100%;padding:0;display:inline-flex}.message.own .message-bubble.message-bubble--media-only,.message.own .message-bubble.message-bubble--text-with-media{align-self:flex-end;margin-left:auto}.message-bubble-media{width:min(var(--chat-media-width),100%);isolation:isolate;max-width:100%;position:relative}.message-bubble--media-only .message-bubble-media{border-radius:.85rem;overflow:hidden}.message-bubble--text-with-media .message-bubble-media{border-radius:.85rem .85rem 0 0;overflow:hidden}.message-bubble--media-only .message-attachments,.message-bubble--text-with-media .message-attachments{margin-bottom:0}.message-meta-overlay{z-index:2;pointer-events:none;opacity:0;transition:opacity .15s,transform .15s;position:absolute;bottom:.4rem;right:.4rem;transform:translateY(2px)}.message-row--media-only:hover .message-meta-overlay,.message-row--media-only:focus-within .message-meta-overlay{opacity:1;transform:translateY(0)}.message-meta.message-meta--overlay{background:#0000009e;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:.25rem;margin-top:0;padding:.2rem .42rem;display:inline-flex;box-shadow:0 2px 8px #00000047}.message-meta.message-meta--overlay .message-time,.message-meta.message-meta--overlay .message-edited,.message-meta.message-meta--overlay .message-status{color:#f5f9ff}.message-meta.message-meta--overlay .message-status.read{color:#9fdcff}.message-bubble-media .uploading-attachment-overlay{z-index:3}.message-footer.message-footer--media-caption{width:min(var(--chat-media-width),100%);border-radius:0 0 .85rem .85rem;flex-direction:column;align-items:stretch;gap:.25rem;max-width:100%;margin-top:0;padding:.42rem .62rem .5rem;display:flex}.message.own .message-footer.message-footer--media-caption{background:var(--message-out-bg);color:var(--message-out-text);border-bottom-right-radius:.25rem}.message.other .message-footer.message-footer--media-caption{background:var(--message-in-bg);color:var(--message-in-text);border-bottom-left-radius:.25rem;box-shadow:0 1px 1px #00000014}.message-text--media-caption{overflow-wrap:anywhere;width:100%;min-width:0;max-width:100%;margin:0;padding-right:0;display:block;overflow:hidden}.message-footer.message-footer--media-caption .message-meta{flex-shrink:0;justify-content:flex-end;width:100%;margin:0 0 0 auto;position:static}.message-forwarded{border-left:2px solid var(--accent);margin-bottom:.25rem;padding-left:.5rem}.forwarded-from{color:var(--accent);font-size:.75rem;font-weight:600}.reply-preview-bar{background:color-mix(in srgb,var(--accent)10%,var(--muted));border:none;border-left:3px solid var(--accent);width:100%;max-width:100%;color:var(--foreground);text-align:left;cursor:pointer;border-radius:.5rem;flex-direction:column;gap:.15rem;margin-bottom:.25rem;padding:.35rem .5rem .35rem .6rem;display:flex}.reply-preview-bar:hover{background:color-mix(in srgb,var(--accent)14%,var(--muted))}.reply-preview-header{align-items:center;gap:.3rem;min-width:0;display:flex}.reply-preview-icon{color:var(--accent);flex-shrink:0}.reply-preview-name{color:var(--accent);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:600;overflow:hidden}.reply-preview-text{color:var(--foreground);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.message-text{--message-text-size:.9375rem;font-size:var(--message-text-size);white-space:pre-wrap;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;min-width:0;max-width:100%;margin:0;line-height:1.4}.message-text.message-text--single-emoji{font-size:calc(var(--message-text-size)*3);line-height:1.05}.message-bubble a{color:var(--message-link);text-decoration:none}.message-bubble a:hover{text-decoration:underline}.message-footer{flex-wrap:wrap;align-items:flex-end;gap:.5rem;margin-top:.25rem;display:flex}.message-meta{justify-content:flex-end;align-items:center;gap:.25rem;margin-top:.125rem;display:flex}.message-footer .message-meta{margin-top:0;margin-left:auto}.message-time,.message-edited{color:var(--message-time);opacity:1;font-size:.6875rem}.message-pinned-icon,.message-status{opacity:.7;align-items:center;display:flex}.message-status svg{display:block}.message-status.read{color:#4fc3f7;opacity:1}@media (pointer:coarse){.back-button{display:flex}.message{max-width:85%}.messages-scroll{--messages-pad-x:.75rem;padding:.75rem}.chat-scroll-down-btn-overlay{width:2.8rem;height:2.8rem}.message-meta-overlay{opacity:1;transform:translateY(0)}}@media (hover:none){.message-meta-overlay{opacity:1;transform:translateY(0)}}.chat-input-wrapper{flex-shrink:0;position:relative}.pinned-messages-bar{background:var(--card);border-bottom:1px solid var(--border)}.pinned-single{align-items:center;gap:.5rem;padding:.5rem 1rem .5rem .25rem;display:flex}.pinned-content{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.5rem;flex:1;align-items:center;gap:.75rem;min-width:0;margin:0;padding:.25rem .25rem .25rem .5rem;transition:background .15s;display:flex}.pinned-content:hover{background:var(--muted)}.pinned-icon{width:1.5rem;height:1.5rem;color:var(--accent);opacity:.7;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.pinned-info{flex-direction:column;gap:.125rem;min-width:0;display:flex}.pinned-label{color:var(--accent);font-size:.75rem;font-weight:600}.pinned-text{color:var(--foreground);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;overflow:hidden}.pinned-expand{width:2rem;height:2rem;color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;transition:all .15s;display:flex}.pinned-hamburger{display:block}.pinned-expand:hover{background:var(--muted);color:var(--foreground)}.message.highlight .message-bubble,.message-row.highlight .message-bubble{animation:2s messageHighlight}@keyframes messageHighlight{0%,to{box-shadow:none}25%,75%{box-shadow:0 0 0 2px var(--accent)}}.emoji-picker-container{border-top:1px solid var(--border)}.emoji-picker-sidebar{--emoji-panel-columns:7;--emoji-panel-cell-size:2.125rem;--emoji-panel-gap:.375rem;width:calc(var(--emoji-panel-columns)*var(--emoji-panel-cell-size) + (var(--emoji-panel-columns) - 1)*var(--emoji-panel-gap) + 1.25rem);min-width:calc(7*var(--emoji-panel-cell-size) + 6*var(--emoji-panel-gap) + 1.25rem);max-width:calc(10*var(--emoji-panel-cell-size) + 9*var(--emoji-panel-gap) + 1.25rem);border-left:1px solid var(--border);background:var(--card);will-change:width;flex-direction:column;height:100%;transition:width .12s;display:flex}.emoji-picker-sidebar[data-resizing=true]{transition:none}.emoji-picker-loading{height:100%;color:var(--muted-foreground);justify-content:center;align-items:center;font-size:.875rem;display:flex}.emoji-picker-sidebar .scrollbar-none{scrollbar-width:none;-ms-overflow-style:none}.emoji-picker-sidebar .scrollbar-none::-webkit-scrollbar{display:none;width:0!important;height:0!important}.typing-indicator-container{background:var(--background);padding:.5rem 1rem}.typing-indicator{background:var(--muted);color:var(--muted-foreground);border-radius:1rem;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.8125rem;display:inline-flex}.typing-text{color:var(--muted-foreground);font-size:.8125rem}.typing-dot{background:var(--muted-foreground);border-radius:50%;width:.375rem;height:.375rem;animation:1.4s infinite typingDot}@keyframes typingDot{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-.25rem)}}.typing-dots{align-items:center;gap:.25rem;display:flex}.typing-dot{background:var(--muted-foreground);opacity:.6;border-radius:50%;width:.375rem;height:.375rem;animation:1.4s ease-in-out infinite typingDotPulse}.typing-dot:first-child{animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingDotPulse{0%,60%,to{opacity:.6;transform:scale(1)}30%{opacity:1;transform:scale(1.2)}}.message-attachments{--message-attachments-gap:var(--chat-media-gap);gap:var(--message-attachments-gap);flex-wrap:wrap;margin-bottom:.5rem;display:flex}.message-attachments--single{width:var(--chat-media-width);border-radius:.75rem;max-width:100%;overflow:hidden}.message-attachments--single .message-attachment-item{width:100%;max-width:100%;max-height:calc(var(--chat-visible-height,600px)*.7)}.message-attachments--single .message-attachment-item--fixed-ratio .message-attachment-image{object-fit:cover;width:100%;height:100%}.message-attachments--two-up{width:var(--chat-media-width);gap:var(--message-attachments-gap);background:color-mix(in srgb,var(--border)45%,transparent);border-radius:.75rem;grid-template-columns:repeat(2,minmax(0,1fr));max-width:100%;display:grid;overflow:hidden}.message-attachments--three-layout{width:var(--chat-media-width);gap:var(--message-attachments-gap);aspect-ratio:1;background:color-mix(in srgb,var(--border)45%,transparent);border-radius:.75rem;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));max-width:100%;display:grid;overflow:hidden}.message-attachments--three-layout .message-attachment-item{border-radius:0;width:100%;max-width:none;height:100%}.message-attachments--three-layout .message-attachment-item:first-child{grid-area:1/1}.message-attachments--three-layout .message-attachment-item:nth-child(2){grid-area:2/1}.message-attachments--three-layout .message-attachment-item:nth-child(3){grid-area:1/2/span 2}.message-attachments--grid-2x2{width:var(--chat-media-width);gap:var(--message-attachments-gap);background:color-mix(in srgb,var(--border)45%,transparent);border-radius:.75rem;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));max-width:100%;display:grid;overflow:hidden}.message-attachment-item{background:var(--muted);border-radius:.5rem;max-width:200px;position:relative;overflow:hidden}.message-attachments--grid-2x2 .message-attachment-item,.message-attachments--two-up .message-attachment-item{aspect-ratio:1;border-radius:0;width:100%;max-width:none}.message-attachment-item--local{isolation:isolate}.message-attachment-image{cursor:pointer;opacity:0;width:100%;height:auto;transition:opacity .2s;display:block}.message-attachment-image.loaded{opacity:1}.message-attachments--two-up .message-attachment-image,.message-attachments--three-layout .message-attachment-image,.message-attachments--grid-2x2 .message-attachment-image{object-fit:cover;height:100%}.message-attachment-image:hover{opacity:.9}.message-attachments--single .uploading-attachment{border-radius:0;width:100%;max-width:none}.message-attachments--single .uploading-attachment-image-wrapper{width:100%}.message-attachments--two-up .uploading-attachment,.message-attachments--three-layout .uploading-attachment,.message-attachments--grid-2x2 .uploading-attachment{border-radius:0;width:100%;max-width:none;height:100%}.message-attachments--two-up .uploading-attachment-image-wrapper,.message-attachments--three-layout .uploading-attachment-image-wrapper,.message-attachments--grid-2x2 .uploading-attachment-image-wrapper{aspect-ratio:auto;width:100%;height:100%}.message-attachments--two-up .uploading-attachment-overlay,.message-attachments--three-layout .uploading-attachment-overlay,.message-attachments--grid-2x2 .uploading-attachment-overlay{padding:.375rem}.message-attachments--two-up .uploading-error,.message-attachments--three-layout .uploading-error,.message-attachments--grid-2x2 .uploading-error{gap:.35rem;padding:.5rem}.message-attachments--two-up .uploading-error-icon,.message-attachments--three-layout .uploading-error-icon,.message-attachments--grid-2x2 .uploading-error-icon{width:2rem;height:2rem}.message-attachments--two-up .uploading-error-text,.message-attachments--three-layout .uploading-error-text,.message-attachments--grid-2x2 .uploading-error-text{max-width:100%;font-size:.6875rem;line-height:1.15}.message-attachments--two-up .uploading-retry-button,.message-attachments--three-layout .uploading-retry-button,.message-attachments--grid-2x2 .uploading-retry-button{gap:.3rem;padding:.3rem .45rem;font-size:.6875rem}.messages-refresh-indicator{background:color-mix(in srgb,var(--accent)20%,transparent);z-index:12;pointer-events:none;border-radius:999px;height:3px;position:sticky;top:0;left:0;right:0;overflow:hidden}.messages-refresh-indicator:before{content:"";background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--accent)75%,#fff)45%,transparent 100%);width:40%;animation:1.1s linear infinite messagesRefreshSweep;position:absolute;inset:0}@media (max-width:768px){.chat-window{flex-direction:column}.chat-window-main{flex:1;height:auto;min-height:0}.emoji-picker-sidebar{border-left:none;border-top:1px solid var(--border);width:100%;min-width:0;max-width:100%;height:40vh;max-height:40vh;box-shadow:none;border-radius:0;flex-shrink:0;position:relative}}.messages-loading-indicator{background:var(--background);border:1px solid var(--border);color:var(--muted-foreground);z-index:10;border-radius:1rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;display:flex;position:absolute;top:1rem;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0000001a}.messages-loading-more{justify-content:center;margin-bottom:.5rem;padding:.75rem;display:flex}.loading-spinner{border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:1rem;height:1rem;animation:.8s linear infinite spin}.loading-spinner-small{border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:1.25rem;height:1.25rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes messagesRefreshSweep{0%{transform:translate(-120%)}to{transform:translate(300%)}}@media (prefers-reduced-motion:reduce){.messages-refresh-indicator:before{animation:none}}
.enhanced-chat-input-container{background:var(--background);border-top:1px solid var(--border);-webkit-backdrop-filter:none;backdrop-filter:none;flex-direction:column;gap:0;display:flex;box-shadow:0 -2px 8px #0000000d}.chat-input-blocked-notice{background:var(--muted);border-bottom:1px solid var(--border);text-align:center;padding:.75rem 1rem}.chat-input-blocked-notice p{color:var(--muted-foreground);margin:0;font-size:.875rem}.attachment-preview-container{scrollbar-width:thin;gap:.75rem;padding:1rem 1rem 0;display:flex;overflow-x:auto}.attachment-preview-container::-webkit-scrollbar{height:6px}.attachment-preview-container::-webkit-scrollbar-track{background:0 0}.attachment-preview-container::-webkit-scrollbar-thumb{background:var(--muted-foreground);border-radius:3px}.attachment-preview-item{background:var(--muted);border-radius:.5rem;flex-shrink:0;width:80px;height:80px;position:relative;overflow:hidden}.attachment-preview-image{object-fit:cover;width:100%;height:100%}.attachment-remove-button{color:#fff;cursor:pointer;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.25rem;transition:background .2s;display:flex;position:absolute;top:.25rem;right:.25rem}.attachment-remove-button:hover{background:#000000e6}.edit-preview,.reply-preview{background:linear-gradient(90deg,#4fc3f71f 0%,#4fc3f70d 100%);border-left:3px solid #4fc3f7;justify-content:space-between;align-items:center;gap:.75rem;padding:.875rem 1.25rem;animation:.2s cubic-bezier(.4,0,.2,1) slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.edit-preview-content,.reply-preview-content{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.edit-icon{color:var(--accent);flex-shrink:0}.reply-line{background:var(--accent);border-radius:2px;flex-shrink:0;width:3px;height:2.5rem}.edit-info,.reply-info{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.edit-label,.reply-name{color:var(--accent);font-size:.8125rem;font-weight:600}.edit-text,.reply-text{color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;overflow:hidden}.edit-close,.reply-close{color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;border-radius:.25rem;flex-shrink:0;padding:.25rem;transition:all .2s}.edit-close:hover,.reply-close:hover{color:var(--foreground);background:#ffffff1a}.chat-input-row{--action-size:3.25rem;align-items:flex-end;gap:.75rem;padding:1rem;display:flex;position:relative}.input-action{color:var(--muted-foreground);cursor:pointer;width:var(--action-size);height:var(--action-size);aspect-ratio:1;background:0 0;border:none;border-radius:9999px;flex-shrink:0;justify-content:center;align-self:flex-end;align-items:center;min-width:2.75rem;padding:0;transition:background .1s;display:flex}.input-action:hover{color:var(--foreground);background:#ffffff0d}.input-wrapper{background:var(--input);min-height:var(--action-size);border:2px solid #0000;border-radius:1.5rem;flex:1;align-items:center;gap:.5rem;padding:.5rem 1rem;transition:border-color .1s;display:flex}.input-wrapper.focused{border-color:var(--accent)}.input-wrapper.disabled{opacity:.5;cursor:not-allowed;background:var(--muted)}.input-wrapper.disabled .message-textarea{cursor:not-allowed}.input-action:disabled,.emoji-button:disabled,.send-button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.message-textarea{color:var(--foreground);resize:none;scrollbar-width:thin;background:0 0;border:none;outline:none;flex:1;height:auto;max-height:min(200px,30vh);padding:.25rem 0;font-family:inherit;font-size:.9375rem;line-height:1.4;overflow-y:auto}.message-textarea::-webkit-scrollbar{width:6px}.message-textarea::-webkit-scrollbar-track{background:0 0}.message-textarea::-webkit-scrollbar-thumb{background:var(--muted-foreground);border-radius:3px}.message-textarea::placeholder{color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.input-actions{flex-shrink:0;align-self:center;align-items:center;gap:.5rem;display:flex}.input-wrapper.expanded .input-actions{align-self:flex-end}.char-count{color:var(--muted-foreground);text-align:right;min-width:2.5rem;font-size:.75rem;font-weight:500}.char-count.warning{color:var(--warning,#f59e0b)}.char-count.exceeded{color:var(--destructive);font-weight:600}.emoji-button{color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex}.emoji-button:hover{color:var(--foreground);transform:scale(1.1)}.send-button{background:var(--accent);color:#fff;cursor:pointer;width:var(--action-size);height:var(--action-size);border:none;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:opacity .1s;display:flex}.send-button:hover{opacity:.9}.markdown-hint{display:none}@media (max-width:768px){.chat-input-row{--action-size:3rem;gap:.5rem;padding:.75rem}.input-wrapper{min-height:var(--action-size);padding:.375rem .875rem}.message-textarea::placeholder{font-size:.875rem}.markdown-hint{gap:.75rem;padding:.375rem .75rem}.send-button,.input-action{min-width:var(--action-size)}}
.selection-toolbar{background:var(--card);border-bottom:1px solid var(--border);z-index:50;flex-shrink:0;justify-content:space-between;align-items:center;height:4rem;padding:0 1.5rem;display:flex;position:relative}.selection-info{align-items:center;gap:1rem;display:flex}.selection-close{width:2.5rem;height:2.5rem;color:var(--foreground);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex}.selection-close:hover{background:color-mix(in srgb,var(--accent)15%,transparent)}.selection-count{color:var(--foreground);font-size:1.125rem;font-weight:600}.selection-actions{align-items:center;gap:.5rem;display:flex}.selection-action{width:2.5rem;height:2.5rem;color:var(--foreground);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex}.selection-action:hover{background:var(--muted);color:var(--accent)}.selection-action:active{transform:scale(.95)}.selection-action.danger{color:var(--destructive)}.selection-action.danger:hover{background:var(--muted);color:var(--destructive)}.message.selection-mode{cursor:pointer;-webkit-user-select:none;user-select:none}.message.selection-mode *{-webkit-user-select:none;user-select:none}.message-checkbox{align-items:center;margin-right:.75rem;display:flex}.message-checkbox input[type=checkbox]{cursor:pointer;width:1.375rem;height:1.375rem;accent-color:var(--primary);border-radius:.25rem;transition:all .15s}.message-checkbox input[type=checkbox]:hover{transform:scale(1.1)}.message-pinned-badge{background:color-mix(in srgb,var(--primary)15%,transparent);color:var(--primary);border-radius:.5rem;align-items:center;gap:.375rem;width:fit-content;margin-bottom:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:flex}.message-pinned-badge svg{width:.75rem;height:.75rem}.message-edited{color:var(--muted-foreground);margin-left:.25rem;font-size:.75rem;font-style:italic}
.uploading-attachment{background:var(--color-background-secondary);border-radius:12px;width:100%;max-width:300px;position:relative;overflow:hidden}.uploading-attachment-image-wrapper{aspect-ratio:4/3;width:100%;position:relative;overflow:hidden}.uploading-attachment-image{object-fit:cover;width:100%;height:100%;transition:filter .3s}.uploading-attachment-image.blurred{filter:blur(10px)}.uploading-attachment-overlay{background:#0000004d;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.uploading-spinner{color:#fff;filter:drop-shadow(0 2px 4px #0000004d)}.uploading-cancel-button{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:flex;position:absolute;top:8px;right:8px}.uploading-cancel-button:hover{background:#000c}.uploading-progress{background:#fff3;height:4px;position:absolute;bottom:0;left:0;right:0}.uploading-progress-bar{background:var(--color-primary);height:100%;transition:width .3s}.uploading-error{color:#fff;flex-direction:column;align-items:center;gap:8px;padding:16px;display:flex}.uploading-error-icon{background:#ef4444e6;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.uploading-error-text{text-align:center;max-width:200px;font-size:14px}.uploading-retry-button{color:var(--color-text);cursor:pointer;background:#ffffffe6;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:background .2s;display:flex}.uploading-retry-button:hover{background:#fff}
.chat-context-menu{background:var(--popover);border:1px solid var(--border);z-index:100;border-radius:.5rem;min-width:12rem;padding:.375rem;animation:.15s contextMenuFadeIn;box-shadow:0 .5rem 1.5rem #0003}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.chat-context-item{color:var(--foreground);cursor:pointer;border-radius:.375rem;outline:none;align-items:center;gap:.625rem;padding:.5rem .625rem;font-size:.875rem;transition:background .1s;display:flex}.chat-context-item:hover,.chat-context-item:focus{background:var(--muted)}.chat-context-item.destructive{color:var(--destructive)}.chat-context-item.destructive:hover,.chat-context-item.destructive:focus{background:color-mix(in srgb,var(--destructive)10%,transparent)}.chat-context-item svg{opacity:.7;flex-shrink:0}.chat-context-separator{background:var(--border);height:1px;margin:.375rem 0}
.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay.telegram-overlay{-webkit-backdrop-filter:none;background:#0a0f14eb;justify-content:center;align-items:stretch}.modal-content{background:rgba(var(--card-rgb,30,30,30),.95);-webkit-backdrop-filter:blur(60px)saturate(200%);border:1px solid #ffffff26;border-radius:20px;flex-direction:column;width:90%;max-width:500px;max-height:80vh;display:flex;box-shadow:0 24px 80px #0009,inset 0 0 0 1px #ffffff14,0 8px 32px #0006}.modal-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;display:flex}.modal-header h2{color:var(--foreground);flex:1;margin:0;font-size:20px;font-weight:600}.modal-back{width:36px;height:36px;color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .1s;display:flex}.modal-back:hover{color:var(--foreground);background:#ffffff0d}.modal-close{color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px;transition:background .1s}.modal-close:hover{color:var(--foreground);background:#ffffff0d}.modal-search{border-bottom:1px solid #ffffff1a;padding:16px 24px;position:relative}.modal-search input{width:100%;color:var(--foreground);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:12px 12px 12px 40px;font-size:14px;transition:background .1s}.modal-search input:focus{border-color:var(--accent);background:#ffffff14;outline:none}.modal-search .search-icon{width:18px;height:18px;color:var(--muted-foreground);pointer-events:none;position:absolute;top:50%;left:36px;transform:translateY(-50%)}.modal-users-list{flex:1;padding:8px 0;overflow-y:auto}.user-item{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:12px 24px;transition:background 50ms;display:flex}.user-item:hover{background:#ffffff08}.user-info{flex-direction:column;flex:1;gap:2px;display:flex}.user-name{color:var(--foreground);font-size:15px;font-weight:500}.user-status{color:var(--muted-foreground);font-size:13px}.user-status.online{color:#23a55a}.modal-options{flex-direction:column;gap:12px;padding:16px 24px;display:flex}.modal-option-btn{cursor:pointer;text-align:left;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:16px;width:100%;padding:16px;transition:background .1s;display:flex}.modal-option-btn:hover{border-color:var(--accent);background:#ffffff0f}.modal-option-icon{width:48px;height:48px;color:var(--accent);background:#4fc3f726;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.modal-option-icon.group{color:#22c55e;background:#22c55e26}.modal-option-content{flex-direction:column;flex:1;gap:4px;display:flex}.modal-option-title{color:var(--foreground);font-size:16px;font-weight:600;line-height:1.3}.modal-option-desc{color:var(--muted-foreground);font-size:13px;line-height:1.4}.user-item.selectable{padding-right:56px;position:relative}.user-item.selectable.selected{background:#4fc3f726}.user-checkbox{justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:24px;transform:translateY(-50%)}.user-checkbox input[type=checkbox]{appearance:none;cursor:pointer;background:0 0;border:2px solid #ffffff4d;border-radius:6px;width:24px;height:24px;transition:all .1s;position:relative}.user-checkbox input[type=checkbox]:hover{border-color:var(--accent)}.user-checkbox input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.user-checkbox input[type=checkbox]:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:6px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.modal-footer{border-top:1px solid #ffffff1a;padding:16px 24px}.modal-next-btn,.modal-create-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:14px 24px;font-size:15px;font-weight:600;transition:opacity .1s}.modal-next-btn:hover,.modal-create-btn:hover{opacity:.9}.modal-create-btn:disabled,.modal-next-btn:disabled{color:var(--muted-foreground);cursor:not-allowed;opacity:.5;background:#ffffff1a}.group-settings{flex:1;padding:24px;overflow-y:auto}.form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-group label{color:var(--foreground);font-size:14px;font-weight:500}.form-group input,.form-group textarea{width:100%;color:var(--foreground);resize:vertical;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:12px;font-family:inherit;font-size:14px;transition:background .1s,border-color .1s}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent);background:#ffffff14;outline:none}.form-group input:disabled,.form-group textarea:disabled{opacity:.5;cursor:not-allowed}.selected-users-info{color:var(--muted-foreground);background:#ffffff0d;border-radius:8px;padding:12px;font-size:14px}.loading-state,.error-state,.empty-state{text-align:center;color:var(--muted-foreground);padding:40px 24px;font-size:14px}.error-state{color:#f87171}.search-state{color:var(--muted-foreground);padding:10px 24px;font-size:12px}.search-state.error{color:#f87171}.users-section-label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted-foreground);background:#ffffff08;padding:8px 24px;font-size:11px;font-weight:600}.modal-footer{gap:12px;display:flex}.modal-back-btn{color:var(--foreground);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;flex:1;padding:14px 24px;font-size:15px;font-weight:600;transition:background .1s}.modal-back-btn:hover{background:#ffffff14}.modal-back-btn:disabled{opacity:.5;cursor:not-allowed}.modal-next-btn{flex:2}@media (max-width:768px){.modal-content{border-radius:0;width:100%;max-width:100%;height:100%;max-height:100%}.modal-options{padding:12px 16px}.modal-option-btn{gap:14px;padding:14px}.modal-option-icon{width:44px;height:44px}.modal-option-title{font-size:15px}.modal-option-desc{font-size:12px}.modal-footer{padding:12px 16px}}.create-chat-modal.telegram-contacts{width:min(360px,100vw);height:100%;max-height:100%;box-shadow:none;-webkit-backdrop-filter:none;background:#1b2631;border:1px solid #15212b;border-radius:0}.create-chat-modal.telegram-contacts .tg-contacts-header{background:#1b2631;border-bottom:1px solid #22303c;padding:18px 20px 10px}.create-chat-modal.telegram-contacts .tg-contacts-title{color:#e6eef5;margin:0;font-size:18px;font-weight:600}.create-chat-modal.telegram-contacts .tg-contacts-search{background:#1b2631;border-bottom:1px solid #22303c;padding:10px 16px 12px;position:relative}.create-chat-modal.telegram-contacts .tg-contacts-search input{color:#e6eef5;background:#202d3a;border:1px solid #2a3a4a;border-radius:10px;width:100%;padding:10px 12px 10px 36px;font-size:14px}.create-chat-modal.telegram-contacts .tg-contacts-search input:focus{background:#243445;border-color:#4aa8ff;outline:none}.create-chat-modal.telegram-contacts .tg-search-icon{color:#7d93a8;pointer-events:none;width:16px;height:16px;position:absolute;top:50%;left:28px;transform:translateY(-50%)}.create-chat-modal.telegram-contacts .tg-contacts-list{flex:1;padding:6px 0;overflow-y:auto}.create-chat-modal.telegram-contacts .search-state{color:#8ea4b8;padding:8px 20px}.create-chat-modal.telegram-contacts .search-state.error{color:#f38b8b}.create-chat-modal.telegram-contacts .users-section-label{color:#95abc0;background:#1f2c39;border-top:1px solid #22303c;border-bottom:1px solid #22303c;padding:7px 20px;font-size:11px}.create-chat-modal.telegram-contacts .tg-contact-item{text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:10px 20px;transition:background .12s;display:flex}.create-chat-modal.telegram-contacts .tg-contact-item:hover{background:#22303c}.create-chat-modal.telegram-contacts .tg-contact-item:disabled{opacity:.6;cursor:not-allowed}.create-chat-modal.telegram-contacts .tg-contact-avatar{width:44px;height:44px}.create-chat-modal.telegram-contacts .tg-contact-meta{flex-direction:column;flex:1;gap:3px;display:flex}.create-chat-modal.telegram-contacts .tg-contact-name{color:#e6eef5;font-size:15px;font-weight:600}.create-chat-modal.telegram-contacts .tg-contact-status{color:#7c93aa;font-size:13px}.create-chat-modal.telegram-contacts .tg-contact-status.online{color:#5bb6ff}.create-chat-modal.telegram-contacts .tg-contacts-footer{background:#1b2631;border-top:1px solid #22303c;justify-content:flex-end;padding:12px 16px;display:flex}.create-chat-modal.telegram-contacts .tg-contacts-close{color:#5bb6ff;cursor:pointer;background:0 0;border:none;font-size:14px;font-weight:600}.create-chat-modal.telegram-contacts .tg-contacts-close:hover{color:#7ac5ff}
.messages-list{background:var(--card);flex-direction:column;height:100%;display:flex;overflow:hidden}.messages-list-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:.875rem 1rem;display:flex}.messages-title{color:var(--foreground);letter-spacing:-.01em;font-size:1.125rem;font-weight:600}.create-chat-btn{width:2.25rem;height:2.25rem;color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;transition:all .15s;display:flex}.create-chat-btn:hover{background:var(--muted);color:var(--foreground)}.messages-actions{align-items:center;gap:.375rem;display:flex}.messages-search{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.search-wrapper{flex:1;align-items:center;display:flex;position:relative}.search-icon{color:var(--muted-foreground);pointer-events:none;position:absolute;left:.875rem}.search-input{background:var(--muted);width:100%;color:var(--foreground);border:1px solid #0000;border-radius:.75rem;padding:.625rem 2.5rem .625rem 2.75rem;font-size:.875rem;transition:all .2s}.search-input:focus{border-color:var(--accent);background:var(--background);outline:none}.search-input::placeholder{color:var(--muted-foreground)}.search-clear{width:1.5rem;height:1.5rem;color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute;right:.5rem}.search-clear:hover{background:var(--secondary);color:var(--foreground)}.chats-list{flex:1;padding:.5rem;overflow:hidden auto}.chats-list::-webkit-scrollbar{width:.375rem}.chats-list::-webkit-scrollbar-track{background:0 0}.chats-list::-webkit-scrollbar-thumb{background:var(--muted);border-radius:.1875rem}.chats-list::-webkit-scrollbar-thumb:hover{background:var(--muted-foreground)}.chats-section{flex-direction:column;gap:.125rem;display:flex}.empty-chats{color:var(--muted-foreground);text-align:center;justify-content:center;align-items:center;padding:2rem;font-size:.875rem;display:flex}.chat-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.75rem;align-items:center;gap:.75rem;width:100%;padding:.5rem;transition:all .15s;display:flex;position:relative}.chat-item:hover{background:var(--muted)}.chat-item.active{background:color-mix(in srgb,var(--accent)12%,transparent)}.chat-item.selected{background:color-mix(in srgb,var(--accent)18%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent)35%,transparent)}.chat-avatar-wrapper{flex-shrink:0;position:relative}.chat-avatar{border:2px solid var(--border);border-radius:.75rem;width:3rem;height:3rem}.chat-avatar.support-avatar{background:var(--muted);justify-content:center;align-items:center;display:flex}.support-icon-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.support-icon-wrapper svg{color:var(--foreground)}.online-indicator{border:2px solid var(--card);background:#22c55e;border-radius:50%;width:.875rem;height:.875rem;position:absolute;bottom:-.125rem;right:-.125rem}.online-indicator.online{background:#22c55e}.online-indicator.offline{background:color-mix(in srgb,var(--muted-foreground)80%,#64748b)}.chat-content{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.chat-item-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.chat-name{color:var(--foreground);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.375rem;font-size:.9375rem;font-weight:600;display:flex;overflow:hidden}.support-badge-icon{color:var(--foreground);flex-shrink:0}.chat-status-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.chat-time-wrapper{flex-shrink:0;align-items:center;gap:.375rem;display:flex}.chat-time{color:var(--muted-foreground);font-size:.75rem}.pin-icon,.mute-icon{color:var(--muted-foreground);flex-shrink:0}.chat-preview{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.chat-message{color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;line-height:1.4;overflow:hidden}.chat-message.unread{color:var(--foreground);font-weight:500}.unread-badge{background:color-mix(in srgb,var(--accent)70%,transparent);min-width:1.25rem;height:1.25rem;color:var(--accent-foreground);border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;padding:0 .375rem;font-size:.6875rem;font-weight:600;display:flex}.chat-item.muted .unread-badge{background:var(--muted);color:var(--muted-foreground)}.chat-list-selection-bar{border-top:1px solid var(--border);background:var(--card);z-index:2;flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex;position:sticky;bottom:0}.chat-list-selection-count{color:var(--foreground);font-size:.875rem;font-weight:600}.chat-list-selection-cancel{color:var(--accent);cursor:pointer;background:0 0;border:none;border-radius:.5rem;padding:.25rem .5rem;font-size:.875rem;font-weight:600;transition:background .15s,color .15s}.chat-list-selection-cancel:hover{background:var(--muted)}.messages-list.contacts-mode{background:var(--card)}.messages-list.contacts-mode .tg-contacts-header{background:var(--card);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.75rem;padding:18px 20px 10px;display:flex}.messages-list.contacts-mode .tg-contacts-title{color:var(--foreground);margin:0;font-size:18px;font-weight:600}.messages-list.contacts-mode .tg-contacts-search{background:var(--card);border-bottom:1px solid var(--border);padding:10px 16px 12px;position:relative}.messages-list.contacts-mode .tg-contacts-search input{background:var(--muted);width:100%;color:var(--foreground);border:1px solid #0000;border-radius:10px;padding:10px 12px 10px 36px;font-size:14px}.messages-list.contacts-mode .tg-contacts-search input:focus{border-color:var(--accent);background:var(--background);outline:none}.messages-list.contacts-mode .tg-search-icon{width:16px;height:16px;color:var(--muted-foreground);pointer-events:none;position:absolute;top:50%;left:28px;transform:translateY(-50%)}.messages-list.contacts-mode .tg-contacts-list{flex:1;padding:6px 0;overflow-y:auto}.messages-list.contacts-mode .tg-contact-item{text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:10px 20px;transition:background .12s;display:flex}.messages-list.contacts-mode .tg-contact-item:hover{background:var(--muted)}.messages-list.contacts-mode .tg-contact-item:disabled{opacity:.6;cursor:not-allowed}.messages-list.contacts-mode .tg-contact-avatar{width:44px;height:44px}.messages-list.contacts-mode .tg-contact-meta{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.messages-list.contacts-mode .tg-contact-name-row{align-items:center;gap:6px;min-width:0;display:flex}.messages-list.contacts-mode .tg-contact-name{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:15px;font-weight:600;overflow:hidden}.messages-list.contacts-mode .tg-contact-status-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.messages-list.contacts-mode .tg-contact-status{color:var(--muted-foreground);font-size:13px}.messages-list.contacts-mode .tg-contact-status.online{color:var(--accent)}.messages-list.contacts-mode .search-state{color:var(--muted-foreground);padding:10px 20px;font-size:13px}.messages-list.contacts-mode .search-state.error{color:#f87171}.messages-list.contacts-mode .users-section-label{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.03em;padding:10px 20px 6px;font-size:12px;font-weight:600}.messages-list.contacts-mode .tg-contacts-back{width:2rem;height:2rem;color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:inline-flex}.messages-list.contacts-mode .tg-contacts-back:hover{background:var(--muted);color:var(--foreground)}.messages-list.contacts-mode .loading-state,.messages-list.contacts-mode .error-state,.messages-list.contacts-mode .empty-state{text-align:center;color:var(--muted-foreground);padding:40px 24px;font-size:14px}.messages-list.contacts-mode .error-state{color:#f87171}.messages-list.contacts-mode .contacts-skeleton-list{padding:6px 0}.messages-list.contacts-mode .contacts-skeleton-item{align-items:center;gap:12px;padding:10px 20px;display:flex}.messages-list.contacts-mode .contacts-skeleton-avatar{background:color-mix(in srgb,var(--muted)85%,transparent);border-radius:50%;width:44px;height:44px;animation:1.2s ease-in-out infinite contactsSkeletonPulse}.messages-list.contacts-mode .contacts-skeleton-content{flex-direction:column;flex:1;gap:8px;display:flex}.messages-list.contacts-mode .contacts-skeleton-line{background:color-mix(in srgb,var(--muted)82%,transparent);border-radius:999px;animation:1.2s ease-in-out infinite contactsSkeletonPulse}.messages-list.contacts-mode .contacts-skeleton-name{width:62%;height:12px}.messages-list.contacts-mode .contacts-skeleton-status{width:34%;height:10px}@keyframes contactsSkeletonPulse{0%,to{opacity:.6}50%{opacity:1}}@media (max-width:768px){.messages-list-header{padding:1rem}.messages-title{font-size:1.25rem}.chat-avatar{width:3.25rem;height:3.25rem}.chat-item{padding:.625rem}}
/*# sourceMappingURL=431b97a8a066765f.css.map*/