.client-chat { --cc-ink:#171920; --cc-muted:#838aa3; --cc-line:#e8ebf2; --cc-blue:#365eff; color:var(--cc-ink); font-family:Manrope,sans-serif; font-size:14px; line-height:1.5; }
.client-chat *, .client-chat *::before, .client-chat *::after { box-sizing:border-box; }
.client-chat button, .client-chat input, .client-chat textarea { font:inherit; }
.client-chat button { color:inherit; cursor:pointer; }
.client-chat button:disabled { cursor:default; }
.client-chat button:focus-visible, .client-chat input:focus-visible, .client-chat textarea:focus-visible, .client-chat a:focus-visible, .cc-file-disabled:focus-visible { outline:2px solid #9cacf8; outline-offset:3px; }
.cc-full { display:grid; grid-template-columns:300px minmax(0,1fr); height:100dvh; min-height:550px; width:100%; min-width:0; background:#fff; overflow:hidden; }
.cc-directory { display:flex; flex-direction:column; min-width:0; min-height:0; border-right:1px solid var(--cc-line); background:#fff; }
.cc-directory > header { display:flex; align-items:center; justify-content:space-between; padding:24px 22px 18px; }
.cc-directory h1 { margin:0; font-size:25px; font-weight:650; letter-spacing:-.85px; line-height:1.3; }
.cc-icon { width:30px; height:30px; padding:0; display:inline-flex; align-items:center; justify-content:center; border:0; border-radius:8px; background:none; flex-shrink:0; }
.cc-icon:hover { background:#f0f2f8; }
.cc-icon:disabled { opacity:.35; }
.cc-list-search { margin:0 18px 20px; display:flex; align-items:center; gap:9px; color:#8991a7; height:38px; border:1px solid #e7eaf0; border-radius:9px; padding:0 11px; background:#fff; }
.cc-list-search input { border:0; outline:0; min-width:0; width:100%; background:none; font-size:12px; color:#333849; }
.cc-list-search input:focus-visible { outline:0; }
.cc-list-search input::placeholder { color:#929aae; }
.cc-conversations { min-height:0; overflow:auto; padding:0 9px; flex:1; scrollbar-width:thin; scrollbar-color:#e4e6ef transparent; }
.cc-conversation { display:flex; gap:11px; width:100%; align-items:center; border:0; background:#fff; border-radius:11px; text-align:left; min-height:76px; padding:12px 10px; }
.cc-conversation.is-personal { margin-bottom:15px; position:relative; }
.cc-conversation.is-personal::after { content:''; position:absolute; bottom:-8px; left:11px; right:11px; height:1px; background:#eef0f5; }
.cc-conversation:hover { background:#f8f9fc; }
.cc-conversation.is-selected { background:#eeedff; }
.cc-avatar { display:grid; place-items:center; width:43px; height:43px; border-radius:50%; overflow:hidden; flex-shrink:0; color:#788198; background:#eef1f7; }
.cc-avatar img { width:100%; height:100%; object-fit:cover; }
.cc-avatar.is-large { width:104px; height:104px; }
.cc-conversation-copy { display:flex; flex-direction:column; min-width:0; flex:1; gap:4px; }
.cc-conversation-copy strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; font-weight:650; }
.cc-conversation-copy > span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--cc-muted); font-size:11px; }
.cc-conversation-meta { align-self:stretch; display:flex; flex-direction:column; align-items:flex-end; gap:6px; min-width:31px; padding-top:3px; }
.cc-conversation-meta time { font-size:10px; color:#98a0b3; font-variant-numeric:tabular-nums; }
.cc-conversation-meta b, .cc-widget-collapsed b { display:grid; place-items:center; border-radius:50%; min-width:20px; height:20px; padding:0 4px; background:#6a76ed; color:#fff; font-size:10px; font-weight:500; }
.cc-workspace-label { padding:17px 22px; color:#9299ab; border-top:1px solid #f0f1f6; font-size:11px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.cc-thread { min-width:0; min-height:0; display:flex; flex-direction:column; position:relative; overflow:hidden; background:#f7f9fc; }
.cc-header { min-height:89px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:17px 31px; border-bottom:1px solid var(--cc-line); background:#fff; flex-shrink:0; }
.cc-identity { display:flex; align-items:center; min-width:0; gap:14px; text-align:left; border:0; padding:0; background:none; }
.cc-identity > span:last-child { display:flex; flex-direction:column; min-width:0; gap:2px; }
.cc-identity strong { font-size:18px; font-weight:650; line-height:1.45; letter-spacing:-.35px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cc-identity small { font-size:12px; color:var(--cc-muted); }
.cc-identity .cc-avatar { width:47px; height:47px; }
.cc-header-controls { display:flex; align-items:center; gap:17px; color:#626d91; }
.cc-presence { display:inline-flex; align-items:center; gap:7px; }
.cc-presence i { width:6px; height:6px; border-radius:50%; background:#32c84f; }
.cc-messages { min-height:0; flex:1; overflow:auto; padding:33px clamp(24px,5vw,83px) 20px; scrollbar-width:thin; scrollbar-color:#dfe5ee transparent; overflow-anchor:none; }
.cc-date { display:flex; justify-content:center; align-items:center; gap:18px; color:var(--cc-muted); font-size:12px; margin:13px 0 30px; }
.cc-date::before, .cc-date::after { content:''; width:120px; height:1px; background:#e5eaf3; }
.cc-message { margin:0 0 14px; position:relative; }
.cc-message-row { display:flex; align-items:center; gap:7px; position:relative; }
.cc-message.is-own .cc-message-row { justify-content:flex-end; }
.cc-bubble { display:flex; align-items:flex-end; flex-wrap:wrap; gap:8px 16px; max-width:min(84%,690px); min-width:45px; padding:15px 21px; border-radius:23px; background:#eceff3; color:#181b23; line-height:1.7; font-size:16px; }
.cc-message.is-own .cc-bubble { background:#eeebff; }
.cc-message-text { white-space:pre-wrap; overflow-wrap:anywhere; min-width:0; }
.client-chat .cc-message-text a, .redesigned-app .client-chat .cc-message-text a { color:#4765fa; text-decoration:underline; text-underline-offset:4px; text-decoration-thickness:1px; }
.cc-message-meta { display:inline-flex; align-items:center; justify-content:flex-end; gap:6px; margin-left:auto; line-height:1.6; color:#8993ad; font-size:10px; font-variant-numeric:tabular-nums; white-space:nowrap; }
.cc-message-meta svg { color:#4f71ff; }
.cc-sender { display:block; font-size:11px; color:#929aae; padding-left:8px; margin-bottom:5px; }
.cc-bubble blockquote { width:100%; padding:4px 10px; margin:0 0 3px; border-left:2px solid #aaa9d9; color:#7d81a0; font-size:11px; min-width:0; }
.cc-bubble blockquote strong { display:block; font-weight:650; }
.cc-bubble blockquote span { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:380px; }
.cc-reply-action { position:absolute; left:-32px; color:#929bb2!important; opacity:0; pointer-events:none; }
.cc-message.is-own .cc-reply-action { left:auto; right:-32px; }
.cc-message:hover .cc-reply-action, .cc-message:focus-within .cc-reply-action { opacity:1; pointer-events:auto; }
.cc-message.is-highlighted .cc-bubble { box-shadow:0 0 0 2px #a9b6f4; }
.cc-attachment { display:flex; align-items:center; gap:11px; color:#555fab; text-decoration:none; font-size:13px; width:100%; }
.cc-system { color:#939ab0; text-align:center; font-size:11px; margin:18px 0; }
.cc-compose-area { padding:20px clamp(24px,5vw,83px) 32px; flex-shrink:0; }
.cc-composer { display:flex; align-items:center; gap:17px; background:#fff; border-radius:30px; padding:10px 12px; min-height:69px; border:1px solid #f0f2f8; }
.cc-composer:focus-within { border-color:#d5dcf6; }
.cc-composer textarea { flex:1; width:100%; min-width:0; resize:none; border:0; outline:0; padding:9px 0; height:42px; min-height:42px; max-height:135px; field-sizing:content; background:none; color:#2c3040; font-size:15px; line-height:24px; }
.cc-composer textarea::placeholder { color:#959db7; }
.cc-composer textarea:focus-visible { outline:0; }
.cc-file-disabled { position:relative; display:flex; flex-shrink:0; border-radius:50%; }
.cc-file-disabled > button { border:0; width:45px; height:45px; padding:0; border-radius:50%; display:grid; place-items:center; background:#f2f4f7; color:#8d97ad; }
.cc-file-disabled > span { display:none; position:absolute; left:-5px; bottom:54px; background:#fff; width:216px; padding:10px 12px; border:1px solid #e8ecf4; box-shadow:0 6px 20px #2a3b5910; border-radius:10px; font-size:11px; color:#798197; z-index:8; }
.cc-file-disabled:hover > span, .cc-file-disabled:focus > span { display:block; }
.cc-send { display:grid; place-items:center; padding:0; width:47px; height:47px; background:#365eff; color:#fff!important; border:0; border-radius:50%; flex-shrink:0; }
.cc-send:hover:not(:disabled) { background:#264cf4; }
.cc-send:disabled { background:#c6cfed; }
.cc-reply-preview { display:flex; align-items:center; gap:12px; margin:0 10px 12px; color:#8794be; }
.cc-reply-preview > span { display:flex; flex:1; min-width:0; flex-direction:column; gap:2px; font-size:11px; }
.cc-reply-preview strong { font-weight:600; }
.cc-reply-preview > span > span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#98a0b2; }
.cc-attempt-status { display:flex; justify-content:flex-end; gap:9px; color:#9c8291; margin-top:5px; font-size:10px; }
.cc-attempt-status button { background:none; border:0; padding:0; color:#6f77af; font-size:10px; text-decoration:underline; text-underline-offset:2px; }
.cc-older { display:block; margin:0 auto 20px; border:1px solid #e5e9f1; border-radius:18px; background:#fff; color:#8a94ae!important; font-size:11px!important; padding:6px 13px; }
.cc-focus-mode { display:flex; align-items:center; justify-content:center; gap:15px; flex-wrap:wrap; font-size:11px; color:#8b94ad; margin:0 0 20px; }
.cc-focus-mode button { display:flex; align-items:center; gap:6px; border:0; background:none; color:#6279bd; padding:4px; font-size:11px; }
.cc-readonly { text-align:center; color:#939bad; font-size:12px; }
.cc-state { text-align:center; padding:13px; color:#939bad; font-size:12px; }
.cc-empty, .cc-conversation-empty { flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:30px; color:#a6aec2; }
.cc-empty h2 { font-size:20px; margin:17px 0 7px; letter-spacing:-.5px; color:#4f5973; font-weight:550; }
.cc-empty p { max-width:320px; margin:0 0 20px; color:#969eb4; font-size:12px; line-height:1.8; }
.cc-conversation-empty { min-height:230px; }
.cc-conversation-empty p { color:#8993ac; margin:17px 0 5px; }
.cc-conversation-empty span { font-size:11px; color:#a3abbd; }
.cc-error { display:flex; align-items:center; gap:12px; justify-content:space-between; padding:12px 14px; background:#fbf2f0; border-radius:11px; color:#aa796d; font-size:12px; line-height:1.7; margin:10px 0; }
.cc-error button { background:none; border:0; color:inherit; text-decoration:underline; font-size:11px; padding:0; flex-shrink:0; }
.cc-directory .cc-error { flex-direction:column; align-items:flex-start; margin:8px; font-size:11px; }
.cc-thread-search { position:absolute; z-index:10; top:75px; right:22px; width:380px; max-width:calc(100% - 44px); border:1px solid #e6eaf3; border-radius:15px; box-shadow:0 12px 35px #25396010; background:#fff; overflow:hidden; }
.cc-thread-search > label { display:flex; align-items:center; gap:9px; padding:12px 14px; color:#929bb3; }
.cc-thread-search input { border:0; outline:0; flex:1; width:100%; min-width:0; font-size:12px; }
.cc-thread-search input:focus-visible { outline:0; }
.cc-thread-search-results { max-height:360px; overflow:auto; border-top:1px solid #eef0f6; }
.cc-thread-search-results > button { display:flex; flex-direction:column; gap:6px; padding:13px 16px; width:100%; background:#fff; border:0; text-align:left; border-bottom:1px solid #f1f3f8; }
.cc-thread-search-results > button:hover { background:#f6f7ff; }
.cc-thread-search-results > button > span { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:12px; color:#646e87; overflow-wrap:anywhere; }
.cc-thread-search-results small { font-size:10px; color:#a0a9bc; }
.cc-profile { position:absolute; z-index:15; inset:0 0 0 auto; width:320px; overflow:auto; padding:25px; border-left:1px solid #e3e8f2; background:#fff; box-shadow:-12px 0 35px #23365b05; }
.cc-profile > header { display:flex; align-items:center; justify-content:space-between; }
.cc-profile h2 { font-size:19px; font-weight:600; margin:0; letter-spacing:-.4px; }
.cc-profile-identity { padding:32px 0 26px; display:flex; flex-direction:column; align-items:center; text-align:center; }
.cc-profile-identity h3 { font-size:22px; font-weight:600; margin:18px 0 3px; letter-spacing:-.55px; }
.cc-profile-identity > p { font-size:12px; color:#959fb7; margin:0; }
.cc-profile-identity > .cc-presence { margin-top:6px; color:#929cb4; font-size:12px; }
.cc-profile-identity > p.cc-personal-status { font-size:15px; line-height:1.7; color:#5b637d; margin:22px 0 0; max-width:230px; }
.cc-profile h4 { font-size:13px; font-weight:600; margin:25px 0 15px; }
.cc-profile-tools { display:flex; flex-direction:column; gap:6px; }
.cc-profile-tools button { display:flex; align-items:center; justify-content:center; gap:8px; padding:10px; border:1px solid #e7ebf3; border-radius:10px; font-size:11px; background:#fff; color:#7e89a4; }
.cc-profile-tools button:hover { background:#f7f9fd; }
.cc-participants { padding:0; margin:0; list-style:none; }
.cc-participants li { display:flex; align-items:center; gap:10px; margin-bottom:17px; }
.cc-member-initial { display:grid; place-items:center; width:32px; height:32px; flex-shrink:0; border-radius:50%; background:#eff2f9; color:#919bb2; font-size:13px; }
.cc-participants li > span:nth-child(2) { min-width:0; display:flex; flex:1; flex-direction:column; gap:2px; }
.cc-participants strong { font-size:11px; font-weight:600; overflow-wrap:anywhere; }
.cc-participants small { font-size:10px; color:#a0a9bb; }
.cc-participants .cc-icon { color:#a7aec0; }
.cc-profile-note { display:flex; align-items:flex-start; gap:11px; border-top:1px solid #edf0f6; padding-top:23px; color:#a0a9bd; }
.cc-profile-note svg { flex-shrink:0; margin-top:3px; }
.cc-profile-note p { margin:0; font-size:12px; line-height:1.9; }
.cc-leave { display:flex; gap:9px; align-items:center; background:none; border:0; padding:12px 0; font-size:11px!important; color:#a28896!important; }
.cc-remove-confirm { padding:13px; background:#faf5f6; color:#99808a; border-radius:11px; margin-top:16px; font-size:11px; }
.cc-remove-confirm p { margin:0 0 13px; }
.cc-remove-confirm > div { display:flex; justify-content:flex-end; gap:15px; }
.cc-remove-confirm button { background:none; border:0; font-size:11px; padding:0; }
.cc-modal-backdrop { position:fixed; z-index:1000; inset:0; background:#25365435; display:grid; place-items:center; padding:24px; }
.cc-dialog { width:430px; max-width:100%; max-height:90dvh; overflow:auto; padding:26px; background:#fff; border-radius:20px; box-shadow:0 20px 80px #18294420; text-align:left; }
.cc-dialog > header { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-bottom:24px; }
.cc-dialog h2 { font-size:20px; font-weight:600; margin:0; letter-spacing:-.5px; }
.cc-field { display:flex; flex-direction:column; gap:9px; font-size:12px; color:#6e7890; }
.cc-field input { border:1px solid #e2e7f1; background:#fff; color:#444e68; min-height:42px; border-radius:9px; padding:10px 12px; font-size:13px; }
.cc-field input::placeholder { color:#a7afc1; }
.cc-modal-note { margin:18px 0; font-size:12px; line-height:1.8; color:#969fb4; }
.cc-member-choices { max-height:245px; overflow:auto; }
.cc-member-choices > label { display:flex; align-items:center; gap:12px; padding:9px 1px; font-size:12px; color:#65718b; }
.cc-member-choices > label > span:nth-child(2) { flex:1; }
.cc-member-choices input, .cc-consent input { width:16px; height:16px; accent-color:#657def; }
.cc-consent { display:flex; gap:11px; align-items:flex-start; margin:20px 0 4px; padding:14px; border-radius:10px; background:#f5f7fc; color:#8992a8; font-size:11px; line-height:1.7; }
.cc-consent input { flex-shrink:0; margin-top:2px; }
.cc-dialog footer { display:flex; align-items:center; justify-content:flex-end; gap:9px; margin-top:25px; }
.cc-primary, .cc-secondary { border:0; border-radius:10px; padding:10px 17px; font-size:12px!important; background:#4568f1; color:#fff!important; }
.cc-secondary { background:#f2f4f8; color:#929aae!important; }
.cc-primary:disabled, .cc-secondary:disabled { opacity:.45; }
.cc-widget { position:fixed; z-index:80; bottom:24px; right:24px; width:390px; height:min(580px,calc(100dvh - 48px)); display:flex; flex-direction:column; background:#f9fafc; border:1px solid #f0f2f6; border-radius:25px; overflow:hidden; box-shadow:0 16px 55px #182f5120,0 2px 8px #182f5105; }
.cc-widget .cc-header { padding:16px 20px; min-height:79px; gap:10px; }
.cc-widget .cc-identity { gap:12px; }
.cc-widget .cc-identity strong { font-size:16px; }
.cc-widget .cc-identity small { font-size:11px; }
.cc-widget .cc-identity .cc-avatar { width:40px; height:40px; }
.cc-widget .cc-header-controls { gap:8px; }
.cc-widget .cc-messages { padding:17px 17px 12px; }
.cc-widget .cc-date { font-size:10px; gap:13px; margin:11px 0 20px; }
.cc-widget .cc-date::before, .cc-widget .cc-date::after { width:44px; }
.cc-widget .cc-bubble { max-width:89%; font-size:13px; padding:11px 14px; border-radius:18px; gap:5px 11px; }
.cc-widget .cc-message { margin-bottom:13px; }
.cc-widget .cc-message-meta { font-size:9px; }
.cc-widget .cc-compose-area { padding:10px 14px 17px; }
.cc-widget .cc-composer { gap:10px; padding:7px; min-height:56px; border-radius:25px; }
.cc-widget .cc-composer textarea { font-size:12px; padding:8px 0; min-height:36px; height:36px; line-height:20px; }
.cc-widget .cc-file-disabled > button { height:36px; width:36px; }
.cc-widget .cc-send { height:38px; width:38px; }
.cc-widget .cc-send svg { width:21px; }
.cc-widget .cc-reply-action { left:0; top:-22px; background:#fff; border:1px solid #eef0f7; border-radius:7px; width:25px; height:23px; z-index:4; }
.cc-widget .cc-message.is-own .cc-reply-action { left:auto; right:0; }
.cc-widget .cc-profile { width:100%; border:0; padding:20px; }
.cc-widget .cc-profile-identity { padding-block:20px; }
.cc-widget .cc-avatar.is-large { width:82px; height:82px; }
.cc-widget .cc-empty h2 { font-size:17px; }
.cc-widget-empty-header { display:flex; align-items:center; justify-content:space-between; padding:19px 20px; border-bottom:1px solid #ebeff6; background:#fff; font-size:14px; }
.cc-widget-collapsed { position:fixed; bottom:24px; right:24px; z-index:80; }
.cc-widget-collapsed > button { display:flex; align-items:center; gap:12px; min-width:238px; max-width:320px; padding:12px 17px 12px 12px; background:#fff; border:1px solid #edf0f6; border-radius:20px; box-shadow:0 8px 32px #243a5118; text-align:left; }
.cc-widget-collapsed .cc-avatar { width:38px; height:38px; }
.cc-widget-collapsed > button > span:nth-child(2) { display:flex; flex:1; min-width:0; flex-direction:column; gap:2px; }
.cc-widget-collapsed strong { font-size:12px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.cc-widget-collapsed small { font-size:10px; color:#a0a8bb; }
.cc-widget-collapsed > button > svg { color:#8090b5; }
@media(min-width:1450px) { .cc-bubble { font-size:17px; } .cc-header { min-height:95px; } .cc-directory > header { padding-top:28px; } .cc-conversation-copy strong { font-size:14px; } .cc-conversation-copy > span { font-size:12px; } .cc-widget { width:410px; height:min(590px,calc(100dvh - 48px)); } }
@media(max-width:1250px) { .cc-full { grid-template-columns:280px minmax(0,1fr); } .cc-messages { padding-inline:34px; } .cc-compose-area { padding-inline:24px; } .cc-bubble { font-size:15px; max-width:88%; padding:13px 17px; } .cc-profile { width:300px; } }
@media(min-width:1450px) { .cc-thread.has-profile { padding-right:320px; } .cc-thread.has-profile .cc-messages, .cc-thread.has-profile .cc-compose-area { padding-inline:27px; } .cc-thread.has-profile .cc-bubble { max-width:92%; font-size:15px; } }
@media(prefers-reduced-motion:reduce) { .client-chat *, .client-chat *::before, .client-chat *::after { scroll-behavior:auto!important; transition:none!important; } }

/* The first client release opens the personal conversation without a directory. */
.cc-full.is-personal-only { grid-template-columns:minmax(0,1fr); }
.cc-full.is-personal-only .cc-messages, .cc-full.is-personal-only .cc-compose-area { width:100%; max-width:1120px; margin-inline:auto; }

.admin-chats { --ac-ink:#17171c; --ac-muted:#80869e; --ac-border:#e9eaf0; --ac-purple:#6862ee; color:var(--ac-ink); font-family:Manrope, sans-serif; display:grid; grid-template-columns:300px minmax(0,1fr); height:100dvh; min-height:560px; min-width:0; background:#fff; overflow:hidden; font-size:13px; line-height:1.5; }
.admin-chats *, .admin-chats *::before, .admin-chats *::after { box-sizing:border-box; }
.admin-chats button, .admin-chats input, .admin-chats textarea { font:inherit; }
.admin-chats button { cursor:pointer; color:inherit; }
.admin-chats button:disabled { cursor:default; }
.admin-chats button:focus-visible, .admin-chats a:focus-visible, .admin-chats input:focus-visible, .admin-chats textarea:focus-visible, .ac-upload-disabled:focus-visible { outline:2px solid #8580f5; outline-offset:3px; }
.admin-chats button, .admin-chats textarea, .admin-chats input { -webkit-tap-highlight-color:transparent; }
.ac-directory { min-width:0; border-right:1px solid var(--ac-border); display:flex; flex-direction:column; overflow:hidden; }
.ac-directory-header { padding:16px 16px 14px; flex-shrink:0; }
.ac-directory-header h1 { margin:0 0 12px; font-size:24px; font-weight:650; letter-spacing:-.7px; line-height:1.2; }
.ac-search { display:flex; gap:8px; align-items:center; height:36px; padding:0 10px; border:1px solid #dfe1e9; border-radius:7px; color:var(--ac-muted); }
.ac-search input { border:0; outline:0; min-width:0; flex:1; padding:0; color:var(--ac-ink); background:transparent; font-size:13px; }
.ac-search input::placeholder { color:#9297aa; opacity:1; }
.ac-search:focus-within { border-color:#a6a0ed; }
.ac-search input:focus-visible { outline:0; }
.ac-search button { display:grid; place-items:center; width:22px; height:25px; border:0; background:transparent; padding:0; color:#82889b; }
.ac-filters { display:flex; gap:6px; margin-top:12px; }
.ac-filters button { padding:5px 12px; border:0; border-radius:24px; background:#f4f5f7; color:#454955; font-size:13px; line-height:20px; }
.ac-filters button.is-active { color:#6359e9; background:#eeecff; }
.ac-filters button:hover { background:#eeeef5; }
.ac-filters button.is-active:hover { background:#e7e3ff; }
.ac-directory-content { min-height:0; overflow-y:auto; padding:0 6px 16px; scrollbar-width:thin; scrollbar-color:#dedfe8 transparent; }
.ac-folder + .ac-folder { margin-top:3px; }
.ac-folder.is-open { padding-bottom:8px; }
/* Inset the separator, not the folder: all create buttons share one column. */
.ac-folder.is-open + .ac-folder { position:relative; padding-top:7px; margin:0; }
.ac-folder.is-open + .ac-folder::before { content:''; position:absolute; top:0; inset-inline:10px; height:1px; background:var(--ac-border); pointer-events:none; }
.ac-folder-heading { display:flex; align-items:center; gap:9px; min-height:38px; width:100%; padding:5px 10px; border:0; background:transparent; text-align:left; }
.ac-caret { width:12px; display:grid; place-items:center; flex-shrink:0; }
.ac-folder-heading > svg { flex-shrink:0; color:#343845; width:18px; height:18px; }
.ac-folder-title { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; font-weight:600; letter-spacing:-.15px; }
.ac-folder-heading:hover { background:#fafafe; border-radius:7px; }
.ac-count { display:inline-grid; place-items:center; width:20px; min-width:20px; height:20px; padding:0 4px; border-radius:50%; font-size:11px; line-height:1; color:#fff; background:linear-gradient(145deg,#8f8af7,#6761e8); font-variant-numeric:tabular-nums; }
.ac-conversation-row { display:flex; gap:10px; align-items:center; min-height:58px; width:100%; border:0; border-radius:7px; background:transparent; text-align:left; padding:9px 10px; }
.ac-conversation-row:hover { background:#f8f8fc; }
.ac-conversation-row.is-selected { background:#f0edff; }
.ac-avatar { display:grid; place-items:center; width:36px; height:36px; border-radius:50%; flex-shrink:0; color:#414757; background:linear-gradient(140deg,#f2f3f6,#e9eaf1); overflow:hidden; }
.ac-avatar-initials { background:linear-gradient(145deg,#e5eaff,#edf0fd); font-size:13px; letter-spacing:-.2px; font-weight:500; color:#252a38; }
.ac-avatar img { width:100%; height:100%; object-fit:cover; }
.ac-row-copy { display:flex; flex-direction:column; gap:2px; min-width:0; flex:1; }
.ac-row-copy strong { font-size:13px; font-weight:600; letter-spacing:-.2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ac-row-copy > span { font-size:12px; color:var(--ac-muted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ac-row-meta { min-width:30px; display:flex; flex-direction:column; align-items:flex-end; gap:3px; align-self:stretch; padding-top:1px; }
.ac-row-meta time { font-size:11px; color:var(--ac-muted); white-space:nowrap; font-variant-numeric:tabular-nums; }
.ac-row-meta .ac-count { width:20px; height:20px; min-width:20px; }
.ac-unread-dot { width:7px; height:7px; background:#9f9cb5; border-radius:50%; margin-top:6px; margin-right:7px; }
.ac-load-more { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; background:none; border:0; padding:11px; font-size:11px!important; color:var(--ac-muted)!important; }
.ac-load-more:hover { color:var(--ac-purple)!important; }
.ac-small-state { color:var(--ac-muted); font-size:12px; line-height:1.7; margin:10px 17px; }
.ac-directory-empty { padding:45px 20px; text-align:center; color:var(--ac-muted); }
.ac-directory-empty p { color:#505565; font-size:13px; margin:13px 0 5px; }
.ac-directory-empty span { display:block; max-width:235px; margin:auto; font-size:12px; line-height:1.8; }
.ac-thread { min-width:0; min-height:0; display:flex; flex-direction:column; position:relative; overflow:hidden; background:#fff; }
.ac-thread-header { display:flex; align-items:center; gap:14px; min-height:68px; padding:12px 20px; border-bottom:1px solid var(--ac-border); flex-shrink:0; }
.ac-thread-identity { min-width:0; display:flex; align-items:center; gap:10px; border:0; background:none; padding:0; text-align:left; }
.ac-thread-identity > span:last-child { display:flex; flex-direction:column; gap:1px; min-width:0; }
.ac-thread-identity strong { font-size:16px; font-weight:650; letter-spacing:-.25px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ac-thread-identity small { color:var(--ac-muted); font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ac-thread-identity .ac-avatar { width:40px; height:40px; }
.ac-pending-label { color:var(--ac-muted); font-size:12px; white-space:nowrap; margin-left:auto; }
.ac-header-actions { display:flex; align-items:center; gap:10px; }
.ac-icon-button { display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; padding:0; background:none; border:0; border-radius:7px; flex-shrink:0; }
.ac-icon-button:hover { background:#f2f2f7; }
.ac-icon-button:disabled { color:#b7bac7; }
.ac-message-list { padding:16px 20px 12px; overflow:auto; min-height:0; flex:1; scrollbar-width:thin; scrollbar-color:#e2e3e9 transparent; overflow-anchor:none; }
.ac-day-divider { display:flex; align-items:center; justify-content:center; gap:12px; margin:10px 0 18px; color:var(--ac-muted); font-size:12px; }
.ac-day-divider::before, .ac-day-divider::after { content:''; width:95px; height:1px; background:#e9eaf0; }
.ac-message { position:relative; margin:0 0 12px; max-width:100%; }
.ac-message.is-grouped { margin-top:-4px; }
.ac-sender-name { display:block; margin:0 0 4px 3px; font-size:12px; color:var(--ac-muted); }
.ac-message-line { display:flex; align-items:flex-end; gap:8px; position:relative; }
.ac-bubble { position:relative; display:flex; flex-wrap:wrap; align-items:flex-end; gap:6px 10px; max-width:min(80%,640px); padding:10px 12px; border-radius:14px; background:#f2f3f5; color:#1c1e24; font-size:14px; line-height:1.5; min-width:40px; }
.ac-message-text { white-space:pre-wrap; overflow-wrap:anywhere; min-width:0; }
.ac-message-text a { color:#625bdb; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px; }
.ac-message.is-own .ac-message-line { justify-content:flex-end; }
.ac-message.is-own .ac-bubble { background:#eeebff; }
.ac-message-time, .ac-inline-time { color:var(--ac-muted); font-size:12px; font-variant-numeric:tabular-nums; white-space:nowrap; flex-shrink:0; line-height:1.5; }
.ac-message-time { margin-bottom:8px; }
.ac-inline-time { display:inline-flex; align-items:center; gap:6px; margin-left:auto; margin-bottom:1px; }
.ac-inline-time svg { color:#655df0; }
.ac-message-actions { display:flex; gap:2px; position:absolute; left:0; top:-24px; background:#fff; border:1px solid #e9eaf0; border-radius:9px; padding:1px; opacity:0; pointer-events:none; transition:opacity .12s; box-shadow:0 3px 12px #20213d08; z-index:3; }
.ac-message.is-own .ac-message-actions { left:auto; right:0; }
.ac-message:hover .ac-message-actions, .ac-message:focus-within .ac-message-actions { opacity:1; pointer-events:auto; }
.ac-message-actions .ac-icon-button { width:27px; height:25px; color:#71768a; }
.ac-message-note { font-size:10px; color:#8f94a3; margin:4px 0 0 5px; display:block; }
.ac-message.is-highlighted .ac-bubble { box-shadow:0 0 0 2px #b6adf7; }
.ac-bubble blockquote { margin:0 0 2px; padding:4px 9px; border-left:2px solid #a39adf; display:flex; flex-direction:column; width:100%; font-size:11px; color:#77748b; min-width:0; }
.ac-bubble blockquote strong { font-weight:600; overflow-wrap:anywhere; min-width:0; max-width:100%; }
.ac-bubble blockquote span { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%; }
.ac-attachment { display:flex; gap:10px; align-items:center; width:100%; color:#565268; text-decoration:none; padding:4px 0; font-size:12px; }
.ac-attachment > span { overflow-wrap:anywhere; }
.ac-attachment small { display:block; color:#9492a3; font-size:10px; }
.ac-system-message { text-align:center; color:var(--ac-muted); font-size:11px; margin:18px 0; }
.ac-history-button { display:flex; align-items:center; gap:6px; margin:0 auto 17px; padding:6px 12px; border:1px solid var(--ac-border); border-radius:15px; background:#fff; font-size:11px!important; color:var(--ac-muted)!important; }
.ac-history-button svg { transform:rotate(180deg); }
.ac-focused-history { display:flex; justify-content:center; align-items:center; gap:13px; flex-wrap:wrap; margin:0 0 17px; color:var(--ac-muted); font-size:11px; }
.ac-focused-history .ac-history-button { margin:0; }
.ac-focused-history .ac-history-button svg { transform:none; }
.ac-thread-state { text-align:center; color:var(--ac-muted); font-size:12px; padding:20px; }
.ac-empty-thread, .ac-first-message { display:flex; flex-direction:column; justify-content:center; align-items:center; flex:1; color:#9b9eb1; text-align:center; }
.ac-empty-thread h2 { color:#363947; font-size:20px; font-weight:600; margin:17px 0 4px; }
.ac-empty-thread p { font-size:13px; margin:0; color:var(--ac-muted); }
.ac-first-message { min-height:250px; }
.ac-first-message p { color:#55596b; margin:14px 0 4px; }
.ac-first-message span { font-size:12px; }
.ac-composer-area { flex-shrink:0; padding:12px 20px 16px; }
.ac-composer { display:flex; align-items:center; gap:10px; border:1px solid #e1e4ec; border-radius:20px; min-height:52px; padding:7px 9px; background:#fff; }
.ac-composer:focus-within { border-color:#c6c0e9; }
.ac-composer textarea { flex:1; min-width:0; width:100%; resize:none; border:0; outline:none; padding:7px 0; max-height:140px; min-height:34px; height:34px; field-sizing:content; color:var(--ac-ink); font-size:14px; line-height:20px; background:transparent; }
.ac-composer textarea:focus-visible { outline:0; }
.ac-composer textarea::placeholder { color:var(--ac-muted); opacity:1; }
.ac-composer textarea:disabled { opacity:.6; }
.ac-upload-disabled { position:relative; display:flex; flex-shrink:0; border-radius:50%; }
.ac-upload-disabled > button { width:36px; height:36px; border:0; border-radius:50%; display:grid; place-items:center; background:#f0f1f4; color:#6e7383; }
.ac-upload-disabled > span { display:none; position:absolute; bottom:56px; left:-8px; z-index:7; width:230px; padding:9px 11px; font-size:11px; line-height:1.6; color:#5c6073; background:white; border:1px solid #e6e7ed; box-shadow:0 4px 16px #20213912; border-radius:9px; }
.ac-upload-disabled:hover > span, .ac-upload-disabled:focus > span { display:block; }
.ac-send-button { border:0; background:#252528; color:#fff!important; border-radius:50%; height:36px; width:36px; display:grid; place-items:center; flex-shrink:0; padding:0; }
.ac-send-button:hover:not(:disabled) { background:#414149; }
.ac-send-button:disabled { background:#c7c8d0; }
.ac-reply-preview { display:flex; align-items:center; gap:9px; margin:0 8px 8px; color:#756eaa; min-width:0; }
.ac-reply-preview > span { display:flex; flex:1; min-width:0; flex-direction:column; font-size:11px; }
.ac-reply-preview strong { font-weight:600; }
.ac-reply-preview > span > span { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#8b8da1; }
.ac-readonly { padding:18px; text-align:center; border-radius:14px; background:#f7f7fa; color:var(--ac-muted); font-size:12px; }
.ac-send-status { display:flex; justify-content:flex-end; align-items:center; gap:11px; margin-top:5px; font-size:11px; color:#8e8a9e; }
.ac-send-status.is-failed { color:#a05757; }
.ac-send-status button { font-size:11px; border:0; background:none; padding:0; color:#7663bc; text-decoration:underline; text-underline-offset:2px; }
.ac-menu-anchor { position:relative; }
.ac-popover { position:absolute; right:0; top:calc(100% + 7px); z-index:20; border:1px solid var(--ac-border); border-radius:12px; padding:5px; background:#fff; min-width:205px; box-shadow:0 8px 28px #21213e12; }
.ac-popover button { display:flex; align-items:center; gap:9px; white-space:nowrap; padding:8px 10px; width:100%; border:0; border-radius:7px; background:none; text-align:left; font-size:13px; color:#525568; min-height:36px; }
.ac-popover button:hover { background:#f5f4fb; }
.ac-message-actions .ac-popover { right:auto; left:0; top:100%; }
.ac-message.is-own .ac-popover { left:auto; right:0; }
.ac-error { display:flex; align-items:center; justify-content:space-between; gap:12px; border-radius:10px; background:#faf4f2; padding:12px 15px; margin:0 0 16px; color:#9a6558; font-size:12px; line-height:1.7; }
.ac-error button { display:inline-flex; align-items:center; gap:6px; flex-shrink:0; padding:0; border:0; background:none; text-decoration:underline; text-underline-offset:3px; font-size:11px; }
.ac-error-compact { margin:10px; flex-direction:column; align-items:flex-start; }
.ac-unavailable { display:flex; align-items:center; justify-content:center; flex-direction:column; gap:20px; }
.ac-unavailable h1 { font-size:24px; margin:0; }
.ac-unavailable .ac-error { max-width:470px; flex-direction:column; }
.ac-search-result { display:flex; flex-direction:column; text-align:left; gap:3px; width:100%; padding:10px 12px; border:0; border-bottom:1px solid var(--ac-border); background:#fff; }
.ac-search-result:hover { background:#f7f5ff; }
.ac-search-result small { font-size:10px; color:var(--ac-muted); }
.ac-search-result strong { font-size:13px; font-weight:600; }
.ac-search-result > span { font-size:12px; color:#666b7f; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow-wrap:anywhere; }
.ac-search-result time { align-self:flex-end; font-size:10px; color:var(--ac-muted); }
.ac-details { position:absolute; inset:0 0 0 auto; width:280px; z-index:15; background:#fff; border-left:1px solid var(--ac-border); box-shadow:-12px 0 28px #24223906; padding:18px; overflow:auto; max-width:100%; }
.ac-details > header { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.ac-details h2 { font-size:16px; margin:0; font-weight:650; }
.ac-details-identity { display:flex; flex-direction:column; align-items:center; text-align:center; padding:24px 0 18px; }
.ac-avatar-large { width:64px; height:64px; }
.ac-details h3 { font-size:16px; margin:10px 0 3px; font-weight:600; letter-spacing:-.4px; overflow-wrap:anywhere; }
.ac-details-identity p { font-size:12px; color:var(--ac-muted); margin:0; }
.ac-details-pending { margin:0 0 20px; color:#81779f; font-size:12px; text-align:center; }
.ac-details h4 { border-top:1px solid var(--ac-border); padding-top:16px; margin:0 0 12px; font-size:12px; font-weight:600; }
.ac-details ul { padding:0; margin:0; list-style:none; }
.ac-details li { display:flex; gap:10px; align-items:center; margin-bottom:12px; }
.ac-participant-avatar { width:34px; height:34px; display:grid; place-items:center; border-radius:50%; background:#f1f2f6; color:#888b9a; flex-shrink:0; }
.ac-details li > span:last-child { display:flex; flex-direction:column; min-width:0; gap:2px; }
.ac-details li strong { font-size:12px; font-weight:600; overflow-wrap:anywhere; }
.ac-details li small { font-size:10px; color:var(--ac-muted); }
.ac-modal-backdrop { position:fixed; inset:0; z-index:1000; background:#1c1d2d35; display:grid; place-items:center; padding:24px; }
.ac-reason-dialog { width:440px; max-width:100%; padding:23px; background:#fff; border-radius:18px; box-shadow:0 15px 70px #11132424; }
.ac-reason-dialog header { display:flex; align-items:center; justify-content:space-between; gap:15px; }
.ac-reason-dialog h2 { font-size:18px; margin:0; font-weight:650; letter-spacing:-.4px; }
.ac-reason-dialog p { font-size:12px; color:#86889a; margin:13px 0 23px; line-height:1.8; }
.ac-reason-dialog label { display:block; font-size:12px; font-weight:600; margin-bottom:7px; }
.ac-reason-dialog textarea { width:100%; min-height:100px; border:1px solid #e1e2ea; border-radius:9px; padding:11px; font-size:12px; resize:vertical; background:#fff; color:#282832; }
.ac-reason-dialog textarea::placeholder { color:#a0a3b1; }
.ac-reason-dialog footer { display:flex; justify-content:flex-end; gap:8px; margin-top:20px; }
.ac-reason-dialog footer button { border:0; border-radius:9px; padding:9px 16px; font-size:12px; background:#f2f2f6; }
.ac-reason-dialog footer button:last-child { background:#28282c; color:#fff; }
.ac-reason-dialog footer button:disabled { opacity:.45; }
.ac-reason-dialog .ac-error { margin-top:12px; }
/* Attachments share the compact rhythm without changing the customer chat. */
.admin-chats .ac-avatar > svg { width:20px; height:20px; }
.admin-chats .ac-avatar-large > svg { width:32px; height:32px; }
.admin-chats .chat-file-picker > button { width:36px; height:36px; }
.admin-chats .chat-file-message { width:100%; max-width:320px; min-width:0; }
.admin-chats .chat-file-photo { max-height:220px; }
.admin-chats .chat-file-drafts { gap:6px; margin-bottom:8px; }
.admin-chats .chat-file-draft { max-width:100%; }
@media (max-width:1250px) {
  .admin-chats { grid-template-columns:280px minmax(0,1fr); }
  .ac-thread-header { padding-inline:16px; gap:10px; }
  .ac-header-actions { gap:6px; }
  .ac-message-list { padding-inline:16px; }
  .ac-bubble { max-width:88%; }
  .ac-composer-area { padding-inline:16px; }
}
@media (max-width:1000px) {
  .ac-thread-header { flex-wrap:wrap; gap:4px 10px; }
  .ac-thread-identity { flex:1; }
  .ac-pending-label { order:3; width:100%; margin-left:50px; }
}
@media (max-width:780px), (pointer:coarse) {
  .admin-chats .ac-search input, .admin-chats .ac-composer textarea,
  .admin-chats .ac-group-dialog > input, .admin-chats .ac-reason-dialog textarea { font-size:16px; }
  .admin-chats .ac-search, .admin-chats .ac-folder-heading, .admin-chats .ac-thread-identity { min-height:44px; }
  .admin-chats .ac-icon-button, .admin-chats .ac-folder-heading-row .ac-create-group,
  .admin-chats .ac-message-actions .ac-icon-button,
  .admin-chats .ac-upload-disabled > button, .admin-chats .ac-send-button,
  .admin-chats .chat-file-picker > button { width:44px; height:44px; }
  .admin-chats .ac-folder-heading-row .ac-create-group { flex-basis:44px; }
  .admin-chats .ac-filters button, .admin-chats .ac-popover button,
  .admin-chats .ac-reason-dialog footer button, .admin-chats .ac-group-members > label { min-height:44px; }
  .admin-chats .ac-composer { min-height:60px; }
}
@media (prefers-reduced-motion:reduce) { .admin-chats *, .admin-chats *::before, .admin-chats *::after { scroll-behavior:auto!important; transition:none!important; } }

.support-access{height:100%;min-height:70vh;display:grid;place-items:center;background:#fafafb;padding:32px}.support-access-card{width:min(100%,390px);background:#fff;padding:32px;border:1px solid #eeeef2;border-radius:20px;color:#22242c}.support-access-card h1{font-size:22px;letter-spacing:-.7px;margin:18px 0 10px}.support-access-card p{font-size:14px;line-height:1.6;color:#7a7b84}.support-access-card form{display:grid;gap:12px;margin-top:24px}.support-access-card label{font-size:13px;color:#666873}.support-access-card input{border:1px solid #ddddE5;border-radius:10px;padding:12px;font:inherit;font-size:20px;letter-spacing:8px;width:100%;box-sizing:border-box}.support-access-primary{display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:10px;background:#26262d;color:white;padding:12px 16px;font:inherit;font-size:14px;cursor:pointer}.support-access-primary:disabled{opacity:.5;cursor:default}.support-access-error{color:#a33644!important}.support-enrollment{background:#f6f5fa;border-radius:12px;padding:12px}.support-enrollment code{display:block;font-size:13px;overflow-wrap:anywhere;user-select:all}.support-enrollment button{display:flex;gap:6px;align-items:center;margin-top:12px;border:0;background:transparent;color:#6e64b5;cursor:pointer}.admin-chat-nav-count{margin-left:auto;font-size:11px;background:#e7e3f9;color:#695d9a;border-radius:6px;min-width:19px;padding:1px 5px;text-align:center}.admin-shell.admin-shell-chats .admin-main{padding:0;min-width:0;height:100dvh;overflow:hidden}

.admin-shell-chats .admin-sidebar nav button.is-active{background:#eeebff}.admin-shell-chats .admin-chat-nav-count{background:#7770ef;color:white}

.chat-file-picker { position:relative; display:flex; flex-shrink:0; }
.chat-file-picker > button { border:0; width:42px; height:42px; padding:0; border-radius:50%; display:grid; place-items:center; background:#f2f4f7; color:#858da3; cursor:pointer; }
.chat-file-picker > button:hover:not(:disabled) { background:#eaeaf5; color:#6866a2; }
.chat-file-picker > button:disabled { opacity:.45; cursor:default; }
.chat-file-feedback { position:absolute; bottom:54px; left:0; width:260px; max-width:65vw; padding:10px 12px; border:1px solid #e6e8ef; box-shadow:0 6px 24px #202a4812; background:#fff; border-radius:12px; font-size:11px; line-height:1.65; color:#7d849b; z-index:5; display:flex; gap:9px; align-items:flex-start; }
.chat-file-feedback.is-error { color:#a16d62; }
.chat-file-feedback > button { display:flex; padding:0; border:0; background:none; color:inherit; flex-shrink:0; }
.chat-file-drafts { display:flex; flex-wrap:wrap; gap:8px; padding:0; margin:0 0 12px; list-style:none; max-height:152px; overflow:auto; }
.chat-file-draft { display:flex; align-items:center; gap:9px; min-width:0; max-width:250px; background:#fff; border:1px solid #e6e8ef; border-radius:12px; padding:7px; color:#646d83; }
.chat-file-draft > img, .chat-file-icon { width:38px; height:38px; border-radius:7px; flex-shrink:0; object-fit:cover; }
.chat-file-icon { display:grid; place-items:center; background:#f2f3f8; color:#8b90aa; }
.chat-file-copy { display:flex; flex-direction:column; gap:2px; min-width:0; flex:1; }
.chat-file-copy strong { font-size:12px; line-height:1.5; font-weight:550; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.chat-file-copy small { font-size:10px; line-height:1.5; color:#9299ac; }
.chat-file-draft > button { border:0; padding:3px; display:flex; background:none; color:#989eb0; cursor:pointer; }
.chat-file-draft > button:disabled { opacity:.4; }
.chat-file-messages { width:100%; min-width:0; display:flex; flex-direction:column; gap:9px; }
.chat-file-message { display:flex; flex-direction:column; gap:7px; max-width:360px; min-width:160px; color:#5d6180!important; text-decoration:none!important; }
.chat-file-photo { display:block; width:100%; height:auto; max-height:280px; object-fit:contain; border-radius:12px; background:#ffffff66; }
.chat-file-label { display:flex; align-items:center; gap:10px; padding:5px 0; }
.chat-file-label > svg { flex-shrink:0; }
.chat-file-message:hover .chat-file-copy strong { color:#4e63b9; }
.cc-bubble .chat-file-drafts, .ac-bubble .chat-file-drafts { width:100%; margin:0; }
.cc-bubble .chat-file-draft, .ac-bubble .chat-file-draft { background:#ffffff66; border:0; }
.cc-widget .chat-file-picker > button { width:34px; height:34px; }
.cc-widget .chat-file-draft { max-width:100%; }
.cc-widget .chat-file-drafts { max-height:105px; }
.cc-widget .chat-file-photo { max-height:190px; }
.cc-attempt-status, .ac-send-status { flex-wrap:wrap; }

.redesigned-app .cabinet-navigation .cabinet-chat-divider { width: 42px; height: 1px; background: #e9eaf0; margin: 24px auto; flex-shrink: 0; }
.redesigned-app .cabinet-navigation .sidebar-chat { display: flex; align-items: center; justify-content: center; width: 62px; min-height: 60px; border-radius: 18px; padding: 12px; position: relative; color: #232322; }
.redesigned-app .cabinet-navigation .sidebar-chat.active { background: #151515; color: #fff; }
.redesigned-app .cabinet-navigation .sidebar-chat:hover:not(.active) { background: #f2f2f4; }
.redesigned-app .cabinet-navigation .sidebar-chat > span { position: absolute; top: 50%; left: calc(100% + 4px); transform: translateY(-50%); background: #151515; color: #fff; padding: 10px 12px; border-radius: 9px; visibility: hidden; opacity: 0; pointer-events: none; font-size: 13px; z-index: 2; }
.redesigned-app .cabinet-navigation .sidebar-chat:is(:hover,:focus-visible) > span { visibility: visible; opacity: 1; }
.redesigned-app .cabinet-navigation .cabinet-chat-badge { position: absolute; right: 3px; top: 2px; min-width: 19px; height: 19px; padding: 0 4px; border-radius: 10px; background: #4a5ff7; color: white; font-size: 10px; line-height: 19px; text-align: center; font-weight: 750; }
.redesigned-app .cabinet-chat-route .main-content { max-width: none; padding: 0; margin: 0; height: 100dvh; min-height: 0; flex: 1; overflow: hidden; }
.redesigned-app .cabinet-chat-route .workspace { height: 100dvh; min-height: 0; overflow: hidden; background: #fff; }
.redesigned-app .cabinet-navigation .mobile-sidebar .sidebar-chat { width: 100%; justify-content: flex-start; gap: 12px; }
.redesigned-app .cabinet-navigation .mobile-sidebar .sidebar-chat > span { position: static; transform: none; background: none; color: inherit; padding: 0; visibility: visible; opacity: 1; }
.redesigned-app .cabinet-navigation .mobile-sidebar .cabinet-chat-divider { width: 100%; margin: 15px 0; }
@media(max-width: 900px) { .redesigned-app .cabinet-chat-route .main-content { height: calc(100dvh - 68px); } }