.chat-timeline{display:flex;flex-direction:column;gap:10px;min-height:140px;overflow-y:auto;overscroll-behavior:contain;padding:12px 8px;scrollbar-width:thin}
.chat-day-divider{display:flex;align-items:center;gap:10px;margin:9px 0;color:#847b90;font:600 11px ClayInter,Tahoma,sans-serif;direction:ltr}
.chat-day-divider::before,.chat-day-divider::after{content:'';flex:1;height:1px;background:rgba(110,93,128,.28)}
.chat-day-divider span{white-space:nowrap}
.chat-bubble{display:flex;flex-direction:column;gap:5px;max-width:82%;min-width:90px;padding:10px 12px;border-radius:17px;white-space:normal;overflow-wrap:anywhere;line-height:1.8;box-shadow:2px 4px 8px rgba(62,54,74,.2),inset 1px 2px 3px rgba(255,255,255,.65)}
.chat-bubble[data-sender=customer]{align-self:flex-start;border-bottom-right-radius:5px;background:linear-gradient(145deg,#d8ecfc,#a9d0ee);color:#24485e}
.chat-bubble[data-sender=admin]{align-self:flex-end;border-bottom-left-radius:5px;background:linear-gradient(145deg,#f3e8fc,#d8c4ed);color:#4c3b65}
.chat-bubble.mine{cursor:pointer}
.chat-bubble small{align-self:flex-end;direction:ltr;color:inherit;opacity:.7;font:10px ClayInter,Tahoma,sans-serif}
.chat-message-actions{display:none;gap:7px;padding-top:5px}
.chat-bubble.is-selected .chat-message-actions{display:flex}
.chat-message-actions button,.chat-edit-form button{border:0;border-radius:9px;padding:5px 9px;background:rgba(255,255,255,.75);color:#3a517a;box-shadow:1px 2px 4px rgba(56,47,68,.2);cursor:pointer}
.chat-message-actions [data-chat-delete]{color:#ab354b}
.chat-edit-form{display:grid;gap:7px}
.chat-edit-form textarea{width:100%;min-height:65px;padding:8px;border:1px solid #aebed4;border-radius:9px;resize:vertical;font:inherit}
.chat-edit-form>div{display:flex;gap:7px}
.chat-bubble.is-editing .chat-bubble-text,.chat-bubble.is-editing .chat-message-actions{display:none}
.theme-claymorphism-shell .customer-chat-dialog .chat-edit-form{display:grid;gap:7px}
.theme-claymorphism-shell .customer-chat-dialog .chat-edit-form button{background:rgba(255,255,255,.8);color:#3a517a}
.chat-empty{margin:auto;text-align:center;color:#827989}
.theme-claymorphism-shell .customer-chat-dialog[open]{display:flex;flex-direction:column;overscroll-behavior:contain}
.theme-claymorphism-shell .customer-chat-messages{flex:1;min-height:140px;max-height:min(48vh,420px);overflow-y:auto}
[data-view=chat] .chat-layout{display:grid;grid-template-columns:minmax(170px,.8fr) minmax(0,2fr);gap:18px}
[data-view=chat] .chat-layout>div{min-width:0}
[data-view=chat] .chat-messages{max-height:450px;min-height:270px;overflow-y:auto;border-radius:18px;background:#eee9f2;box-shadow:inset 0 0 11px rgba(89,72,106,.22)}
[data-view=chat] #chatThreads{display:grid;align-content:start;gap:8px;max-height:480px;overflow:auto}
[data-view=chat] .chat-thread{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:10px;border:0;border-radius:12px;text-align:right;background:#eee9f2;color:#433d4b;cursor:pointer}
.chat-thread-count{display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:12px;background:#ba4f7d;color:#fff;font:700 11px ClayInter,Tahoma,sans-serif}
.admin-header-actions [data-go=chat]{position:relative}
.admin-header-actions #adminChatBadge{position:absolute;top:-6px;right:-6px;min-width:18px;padding:3px 5px;border-radius:12px;background:#b43867;color:#fff;font:700 10px ClayInter,Tahoma,sans-serif}
[data-view=chat] #adminChatForm{display:flex;gap:8px;margin-top:12px}
[data-view=chat] #adminChatForm[hidden]{display:none}
[data-view=chat] #adminChatForm textarea{flex:1;min-width:0;min-height:54px;padding:9px;border:1px solid #d8cfe0;border-radius:11px}
@media(max-width:650px){[data-view=chat] .chat-layout{grid-template-columns:1fr}[data-view=chat] #chatThreads{max-height:130px}}
.chat-compose{position:relative;display:flex;align-items:flex-end;gap:8px}.chat-compose textarea{flex:1}.chat-emoji-toggle{width:38px;height:38px;border:0;border-radius:12px;background:#eadff1;box-shadow:var(--adm-shadow,2px 3px 7px #66557733);font-size:20px;cursor:pointer}.chat-emoji-panel{position:absolute;right:0;bottom:calc(100% + 7px);z-index:20;display:grid;grid-template-columns:repeat(6,34px);gap:4px;padding:8px;border-radius:14px;background:#fff;box-shadow:0 8px 24px #32203b33}.chat-emoji-panel[hidden]{display:none}.chat-emoji-panel button{width:34px;height:34px;border:0;border-radius:9px;background:#f3edf6;font-size:19px;cursor:pointer}.chat-emoji-panel button:hover{background:#e5d6ef}
.chat-attachment{display:grid;gap:4px;margin-top:6px;color:inherit}.chat-attachment img{width:min(220px,100%);max-height:220px;object-fit:contain;border-radius:10px;background:#fff}.chat-attachment small{font-size:9px;color:var(--adm-muted,#776b80)}

.theme-claymorphism-shell .customer-chat-dialog{height:min(90dvh,780px);max-height:calc(100dvh - 20px);padding:14px;width:min(410px,calc(100vw - 20px));overflow:hidden}.theme-claymorphism-shell .customer-chat-dialog .customer-chat-messages{flex:1;min-height:120px;max-height:none;overflow-y:auto}.customer-chat-questions{display:flex;gap:6px;overflow-x:auto;flex:none;padding:8px 0}.customer-chat-questions button{white-space:nowrap;font-size:11px}.theme-claymorphism-shell .customer-chat-dialog .chat-composer,.admin-clay #adminChatForm.chat-composer{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 38px 40px;align-items:end;gap:7px;padding:10px 0 0;border-top:1px solid #88729d33;flex:none}.chat-composer .chat-compose{display:flex;align-items:end;min-width:0;position:relative;background:var(--palette-raised,#fff);border-radius:20px;padding:4px}.theme-claymorphism-shell .customer-chat-dialog .chat-composer textarea,.admin-clay .chat-composer textarea{width:100%;min-height:38px;max-height:120px;resize:none;border:0;box-shadow:none;background:transparent;margin:0;padding:8px;font:inherit;font-size:13px}.chat-composer .chat-selected-file{grid-column:1/-1;grid-row:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.chat-composer input[type=file][hidden]{display:none!important}.chat-composer :is(.chat-send,.chat-attach,.chat-emoji-toggle){width:38px;height:38px;min-width:38px;padding:0!important;display:grid;place-items:center;border-radius:50%!important;font-size:20px}.chat-composer .chat-send{transform:rotate(180deg)}.chat-composer .chat-emoji-panel{position:absolute;bottom:calc(100% + 10px);inset-inline:0;width:min(310px,calc(100vw - 54px));max-height:280px;overflow-y:auto;padding:12px;background:var(--palette-raised,#f6f2fa);border-radius:18px;box-shadow:0 6px 24px #33204440;z-index:20;display:block}.chat-emoji-panel[hidden]{display:none!important}.chat-emoji-panel strong{display:block;font-size:11px;margin-bottom:8px}.chat-emoji-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.chat-emoji-recent{padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid #88729d33}.chat-emoji-panel .chat-emoji-grid button{width:100%;height:38px;padding:2px!important;background:transparent!important;box-shadow:none!important;border:0!important;display:grid;place-items:center;font-size:25px}.chat-emoji-panel img{object-fit:contain;width:30px;height:30px}.chat-composer .chat-attach{background:var(--palette-raised,#eee)!important;color:var(--palette-ink,#54446a)!important}

.chat-composer[hidden]{display:none!important}

.chat-bubble-text .chat-animated-emoji{display:inline-block;vertical-align:middle;width:28px;height:28px;object-fit:contain;margin:0 1px}.chat-bubble-text{direction:rtl;unicode-bidi:plaintext;overflow-wrap:anywhere}