.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-story-reference{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:2px 8px;padding:6px;border-radius:10px;background:rgba(255,255,255,.58);font-size:11px}
.chat-story-reference b{grid-column:1/-1;font-size:10px;opacity:.75}
.chat-story-reference img{grid-row:2;width:44px;height:56px;object-fit:cover;border-radius:6px}
.chat-story-reference span{grid-row:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800}
.chat-story-reference{width:100%;min-width:0;border:0;color:inherit;text-align:right;cursor:pointer}
.chat-story-reference .chat-story-title{grid-column:2;grid-row:2}
.chat-story-media-icon{grid-column:1;grid-row:2;display:grid;place-items:center;width:44px;height:56px;border-radius:6px;background:linear-gradient(145deg,#bfa9da,#795d99);color:#fff;font-size:20px}
.chat-story-expired{grid-column:1/-1;color:#a34354;font-size:10px}
.chat-story-preview{position:fixed;inset:0;margin:auto;padding:0;width:min(430px,calc(100vw - 20px));height:min(90dvh,760px);max-height:calc(100dvh - 20px);overflow:hidden;border:1px solid #fff;border-radius:22px;background:linear-gradient(145deg,#f8f4fb,#e8e0ef);color:#43374e;box-shadow:0 18px 60px #1d142d77}
.chat-story-preview::backdrop{background:#1e162bb3;backdrop-filter:blur(4px)}
.chat-story-progress{position:absolute;top:10px;left:12px;right:12px;z-index:3;height:3px;overflow:hidden;border-radius:9px;background:#ffffff70;direction:ltr}
.chat-story-progress span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:#fff}
@keyframes chatStoryFill{to{transform:scaleX(1)}}
.chat-story-preview:not([open]){display:none}
.chat-story-preview-content{height:100%;display:flex;flex-direction:column;overflow:auto}
.chat-story-preview-content>img,.chat-story-preview-content>video,.chat-story-preview-placeholder{display:grid;place-items:center;flex:none;width:100%;height:min(62dvh,560px);object-fit:contain;background:#201a28;color:#fff}
.chat-story-preview-copy{display:grid;gap:7px;padding:16px;direction:rtl}
.chat-story-preview-copy h2,.chat-story-preview-copy p{margin:0}
.chat-story-preview-copy p{line-height:1.8}
.chat-story-preview-close{position:absolute;top:10px;right:10px;z-index:2;width:38px;height:38px;border:1px solid #fff;border-radius:50%;background:#30263bcc;color:#fff;font-size:24px;cursor:pointer}
.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}