@layer components{.c-sep{background:#ffffff0d;height:1px;margin:11px 0}.ch-badge{text-transform:uppercase;border-radius:3px;padding:1px 5px;font-size:.59rem;font-weight:700}.ch-live{color:#10b981;background:#10b98114}.ch-email{color:var(--text-tertiary);background:#ffffff0d}.ch-whatsapp{color:#25d366;background:#25d3661a}.ch-instagram{color:#ec4899;background:#ec48991a}.ch-sms{color:#f59e0b;background:#f59e0b1a}.ch-facebook{color:#60a5fa;background:#3b82f61a}.ch-tiktok{color:#2dd4bf;background:#14b8a61a}.cx-topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08080a99;border-bottom:1px solid #ffffff0a;flex-shrink:0;align-items:center;gap:7px;padding:7px 15px;display:flex}.sla-cd{color:var(--text-secondary);align-items:center;gap:3px;font-size:.7rem;font-weight:600;display:flex}.sla-cd.sla-warn{color:#ef4444}.btn-focus{color:var(--text-tertiary);cursor:pointer;background:0 0;border:1px solid #ffffff0f;border-radius:4px;align-items:center;gap:3px;padding:3px 8px;font-size:.67rem;transition:all .12s;display:flex}.btn-focus:hover,.btn-focus.f-on{color:var(--text-primary);border-color:#ffffff1f}.cx-identity{cursor:default;background:0 0;border-bottom:1px solid #ffffff0d;flex-shrink:0;padding:12px 20px 10px}.cx-identity:hover{background:0 0}.id-name{color:var(--text-primary);letter-spacing:-.01em;align-items:baseline;gap:7px;margin-bottom:3px;font-size:1.05rem;font-weight:700;display:flex}.chat-stream{scroll-behavior:smooth;flex-direction:column;flex:1;gap:20px;min-height:0;padding:28px;display:flex;overflow-y:auto}.chat-stream::-webkit-scrollbar{width:4px}.chat-stream::-webkit-scrollbar-track{background:0 0}.chat-stream::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.cmsg{align-items:flex-end;gap:10px;margin-bottom:8px;animation:.4s cubic-bezier(.16,1,.3,1) msgFadeIn;display:flex}@keyframes msgFadeIn{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.cmsg-content{flex-direction:column;gap:4px;max-width:76%;display:flex}.cmsg.from-agent .cmsg-content,.cmsg.from-bot .cmsg-content{align-items:flex-end}.cmsg.from-customer .cmsg-content{align-items:flex-start}.cmsg.from-system .cmsg-content{align-items:center;max-width:100%}.cmsg.from-handoff .cmsg-content{align-items:stretch}.chat-meta{color:#fff6;text-transform:uppercase;letter-spacing:.04em;font-size:.65rem;display:block!important}.cmsg.from-customer .chat-meta{text-align:left}.cmsg.from-agent .chat-meta,.cmsg.from-bot .chat-meta{text-align:right}.chat-avatar{background-position:50%;background-size:cover;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;width:32px;height:32px}.cmsg.from-agent,.cmsg.from-bot{flex-direction:row-reverse}.cmsg.from-agent .chat-bbl,.cmsg.from-bot .chat-bbl{color:#fff;background:linear-gradient(135deg,#059669,#047857);border:none;border-radius:20px 20px 4px;padding:12px 18px;font-size:.92rem;line-height:1.45;box-shadow:0 2px 8px #04785740}.cmsg.from-customer{flex-direction:row}.cmsg.from-customer .chat-bbl{color:#e4e4e7;background:#27272a;border:1px solid #ffffff0d;border-radius:20px 20px 20px 4px;padding:12px 18px;font-size:.92rem;line-height:1.45;box-shadow:0 2px 8px #0003}.cmsg.from-system{flex-direction:column;align-self:center}.cmsg.from-system .chat-bbl{color:var(--text-tertiary);text-align:center;background:0 0;border:none;padding:2px 0;font-size:.72rem;font-style:italic}@keyframes tbounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.typing-ind{border:1px solid var(--border-subtle);background:#ffffff0a;border-radius:4px 14px 14px;align-items:center;gap:4px;width:fit-content;padding:14px 16px;display:flex}.t-dot{background:var(--text-tertiary);border-radius:50%;width:6px;height:6px;animation:1.2s infinite tbounce}.t-dot:nth-child(2){animation-delay:.15s}.t-dot:nth-child(3){animation-delay:.3s}.sh-chat-msg-row{align-items:flex-end;gap:12px;max-width:85%;margin-bottom:16px;animation:.3s cubic-bezier(.16,1,.3,1) forwards sh-chat-slide-up-fade;display:flex}@keyframes sh-chat-slide-up-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sh-chat-msg-row.from-customer{margin-right:auto}.sh-chat-msg-row.from-agent{flex-direction:row-reverse;justify-content:flex-start;width:100%;max-width:100%}.sh-chat-msg-row.from-bot{margin-right:auto}.sh-chat-msg-row.from-system{justify-content:center;max-width:100%;margin:24px 0}.sh-chat-msg-row--hidden{display:none}.sh-chat-avatar-space{flex-direction:column;flex-shrink:0;justify-content:flex-end;width:32px;display:flex}.sh-chat-avatar{color:#fff;background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:700;display:flex;box-shadow:0 4px 12px #00000026}.sh-chat-avatar[data-sender=customer]{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.sh-chat-avatar[data-sender=agent]{background:linear-gradient(135deg,#6366f1,#4f46e5)}.sh-chat-avatar[data-sender=bot]{background:#ffffff14;border:1px solid #ffffff1a}.sh-chat-bubbles{flex-direction:column;flex:1;gap:4px;display:flex}.sh-chat-bubbles.from-agent{align-items:flex-end}.sh-chat-bubbles.from-customer,.sh-chat-bubbles.from-bot{align-items:flex-start}.sh-chat-bubbles.no-avatar{flex-direction:column;flex:1;align-items:flex-end;width:100%;display:flex}.sh-chat-bubble{word-break:break-word;border-radius:20px;width:fit-content;max-width:75%;padding:12px 18px;font-size:.95rem;line-height:1.5;position:relative;box-shadow:0 2px 8px #0000001a;-webkit-user-select:text!important;user-select:text!important;cursor:text!important}.sh-chat-bubble[data-time]:after{content:attr(data-time);color:#ffffff59;white-space:nowrap;pointer-events:none;opacity:0;font-size:.68rem;font-weight:500;transition:opacity .18s;position:absolute;bottom:50%;transform:translateY(50%)}.sh-chat-bubble.from-customer[data-time]:after,.sh-chat-bubble.from-bot[data-time]:after{left:calc(100% + 8px);right:auto}.sh-chat-bubble.from-agent[data-time]:after{left:auto;right:calc(100% + 8px)}.sh-chat-bubble[data-time]:hover:after{opacity:1}.sh-chat-bubble.from-customer,.sh-chat-bubble.from-bot{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary);background:#ffffff0d;border:1px solid #ffffff14}.sh-chat-bubble.from-customer.is-chained-top,.sh-chat-bubble.from-bot.is-chained-top{border-bottom-left-radius:6px}.sh-chat-bubble.from-customer.is-chained-mid,.sh-chat-bubble.from-bot.is-chained-mid{border-top-left-radius:6px;border-bottom-left-radius:6px}.sh-chat-bubble.from-customer.is-chained-bot,.sh-chat-bubble.from-bot.is-chained-bot{border-top-left-radius:6px}.sh-chat-bubble.from-agent{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;box-shadow:0 4px 12px #6366f140}.sh-chat-bubble.from-agent.is-chained-top{border-bottom-right-radius:6px}.sh-chat-bubble.from-agent.is-chained-mid{border-top-right-radius:6px;border-bottom-right-radius:6px}.sh-chat-bubble.from-agent.is-chained-bot{border-top-right-radius:6px}.ig-audio-bubble{box-sizing:border-box;width:280px;padding:12px!important}.ig-audio-player{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.ig-play-btn{width:36px;height:36px;color:var(--bg-card);cursor:pointer;background:#fff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s;display:flex;box-shadow:0 2px 8px #0000001a}.ig-play-btn:hover{transform:scale(1.05)}.ig-waveform{opacity:.8;flex-shrink:0;justify-content:flex-start;align-items:center;width:140px;height:28px;display:flex;overflow:hidden}.ig-waveform-svg{width:100%;height:100%}.ig-wave-unplayed{fill:currentColor;opacity:.35}.ig-wave-played{fill:currentColor;opacity:1}.ig-progress-rect{transition:width .1s linear}.ig-audio-time{background:#fff3;border-radius:12px;flex-shrink:0;padding:4px 8px;font-size:.75rem;font-weight:600}.from-customer .ig-audio-time{color:#fffc;background:#0003}.from-customer .ig-play-btn{color:#000;background:#fff}.from-customer .ig-waveform{color:#fff}.ig-transcript-section{border-top:1px solid #ffffff1a;flex-direction:column;align-items:flex-start;margin-top:10px;padding-top:8px;display:flex}.ig-transcript-btn{color:#ffffffb3;cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:.75rem;font-weight:500;transition:color .2s}.ig-transcript-btn:hover{color:#fff;text-decoration:underline}.ig-transcript-btn.is-transcribing{cursor:wait;text-decoration:none;animation:1.5s infinite ig-pulse}@keyframes ig-pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.from-customer .ig-transcript-btn{color:#fff9}.from-customer .ig-transcript-btn:hover{color:#ffffffe6}.ig-transcript-text{color:#ffffffe6;margin-bottom:8px;font-size:.85rem;line-height:1.4}.ig-transcript-text.u-hidden{display:none}.ig-time-sep{justify-content:center;align-items:center;margin:24px 0 16px;display:flex}.ig-time-sep-label{color:#fff6;letter-spacing:.02em;padding:2px 10px;font-size:.75rem;font-weight:500}.sh-system-badge{color:#fff9;text-transform:uppercase;letter-spacing:.05em;background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:8px;padding:6px 16px;font-size:.75rem;font-weight:600;display:inline-flex}.cx-action-rec{background:0 0;border-top:1px solid #ffffff0a;flex-shrink:0;align-items:center;gap:8px;padding:6px 14px;display:flex}.action-rec-text{color:var(--text-tertiary);flex:1;font-size:.75rem}.action-rec-text strong{color:var(--text-secondary);font-weight:600}.btn-apply-action{color:var(--text-primary);border:1px solid var(--border-subtle);cursor:pointer;white-space:nowrap;background:#ffffff0f;border-radius:6px;padding:5px 12px;font-size:.75rem;font-weight:600;transition:all .2s}.btn-apply-action:hover{color:#fff;background:#ffffff1a}.chat-suggestions{flex-wrap:wrap;flex-shrink:0;gap:6px;padding:6px 28px 10px;display:flex}.sug-chip{color:var(--text-secondary);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:100px;padding:10px 18px;font-family:inherit;font-size:.88rem;line-height:1.3;transition:all .2s;overflow:hidden}.sug-chip:hover{color:var(--text-primary);background:#ffffff14;border-color:#fff3}.sug-chip.hidden{display:none}.ig-composer-wrapper{background:0 0;flex-shrink:0;margin:0 40px 20px;position:relative}.sh-chat-bubble{max-width:65%!important;padding:14px 22px!important;font-size:1.05rem!important;line-height:1.58!important}.ig-composer-wrapper{margin:0 28px 22px!important}.chat-bbl{font-size:1.02rem!important;line-height:1.58!important}.cw-identity-layer{border-bottom:1px solid #ffffff1f!important;margin-bottom:8px!important;padding:16px 24px!important}.cw-identity-row .sq-avatar{background:var(--avatar-bg,#333)!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:44px!important;height:44px!important;font-size:1.1rem!important;display:flex!important}.cw-identity-name{letter-spacing:-.02em!important;margin-left:10px!important;font-size:1.1rem!important;font-weight:700!important}.sh-chat-bubble{font-family:Inter,Segoe UI,Noto Color Emoji,sans-serif!important}.cw-read-only-transcript .cw-chat-body,.cw-read-only-transcript .sh-thread-view{opacity:.65;filter:grayscale(30%);transition:all .3s}.sh-card-body,.sh-sender-name,.sh-sender-email,.sh-subject-title,.sh-collapsed-view .sh-card-preview,.email-body,.email-subject,.email-meta-val{-webkit-user-select:text!important;user-select:text!important;cursor:text!important}.email-header{border-bottom:1px solid #ffffff0d;flex-shrink:0;padding:12px 18px}.email-subject{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:7px;font-size:.92rem;font-weight:700}.email-meta-row{align-items:baseline;gap:5px;margin-bottom:2px;font-size:.73rem;display:flex}.email-meta-key{color:var(--text-tertiary);flex-shrink:0;width:30px}.email-meta-val{color:var(--text-secondary)}.email-meta-val.em-date{color:var(--text-tertiary);font-size:.69rem}.email-thread{flex:1;padding:0 24px 16px;overflow-y:auto}.email-msg{background:0 0;border-bottom:1px solid #ffffff0d;border-radius:0;padding:16px 0}.email-msg:last-child{border-bottom:none}.email-msg.from-customer{background:0 0}.email-msg.from-agent{background:0 0;border-left:2px solid #1d4ed866;margin-left:0;padding-left:16px}.email-body{color:#ffffffd1;letter-spacing:.003em;font-size:1rem;line-height:1.65}.email-reply-area{border-top:1px solid #ffffff0d;flex-direction:column;flex-shrink:0;gap:7px;padding:10px 16px 12px;display:flex}.email-reply-to{color:var(--text-tertiary);border-bottom:1px solid #ffffff0a;padding-bottom:5px;font-size:.68rem}.email-reply-to span{color:var(--text-secondary)}.email-ta{color:var(--text-primary);resize:none;box-sizing:border-box;background:#ffffff08;border:1px solid #ffffff12;border-radius:5px;width:100%;min-height:80px;max-height:160px;padding:10px 12px;font-family:inherit;font-size:.855rem;line-height:1.65;transition:border-color .12s}.email-ta:focus{border-color:#ffffff1a;outline:none}.email-sug-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;font-size:.59rem;font-weight:700}.email-sug-item{color:var(--text-secondary);cursor:pointer;background:#ffffff05;border:1px solid #ffffff0f;border-radius:4px;padding:6px 10px;font-size:.76rem;line-height:1.45;transition:all .12s}.email-sug-item:hover{color:var(--text-primary);background:#ffffff0d}.email-reply-actions{align-items:center;gap:6px;display:flex}.btn-email-regen{color:var(--text-tertiary);cursor:pointer;background:0 0;border:1px solid #ffffff12;border-radius:4px;align-items:center;gap:3px;padding:4px 11px;font-size:.7rem;transition:all .12s;display:flex}.btn-email-regen:hover{color:var(--text-secondary)}.btn-email-send{color:var(--text-primary);border:1px solid var(--border-subtle);cursor:pointer;background:#ffffff14;border-radius:4px;align-items:center;gap:4px;margin-left:auto;padding:5px 16px;font-size:.73rem;font-weight:600;transition:background .12s;display:flex}.btn-email-send:hover{background:#ffffff24}.email-subject-block{margin-bottom:2px}.email-subject-input{width:100%;color:var(--text-primary);box-sizing:border-box;background:#ffffff08;border:1px solid #ffffff12;border-radius:4px;padding:7px 10px;font-family:inherit;font-size:.85rem;transition:border-color .12s}.email-subject-input:focus{border-color:#ffffff1a;outline:none}.email-hint{color:var(--text-tertiary);font-size:.61rem}.sh-email-layout{background:#10131a;flex-direction:column;height:100%;max-height:100%;padding:0;display:flex;overflow:hidden}.sh-thread-view{flex:1;padding:32px 40px 20px;overflow-y:auto}.sh-thread-view::-webkit-scrollbar{width:6px}.sh-thread-view::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.sh-subject-block{border-bottom:1px solid #ffffff0d;margin-bottom:28px;padding-bottom:20px}.sh-subject-title{color:#fff;margin:0;font-size:1.6rem;font-weight:700;line-height:1.3}.sh-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;margin-bottom:12px;transition:border-color .2s;overflow:visible;box-shadow:0 4px 20px #0000001a}.sh-card:hover{border-color:#ffffff1f}.sh-collapsed-view{cursor:pointer;opacity:.6;justify-content:space-between;align-items:center;padding:16px 24px;transition:all .2s;display:flex}.sh-collapsed-view:hover{opacity:1;background:#ffffff08}.sh-expanded-view{padding:24px 32px;display:none}.sh-card.expanded .sh-expanded-view{display:block}.sh-card.expanded .sh-collapsed-view{display:none}.sh-sender-avatar,.sh-collapsed-view .sh-small-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.1rem;font-weight:700;display:flex}.sh-collapsed-view .sh-small-avatar{width:24px;height:24px;font-size:.7rem}[data-sender=agent] .sh-sender-avatar,.sh-sender-avatar[data-sender=agent],[data-sender=agent] .sh-small-avatar,.sh-small-avatar[data-sender=agent]{background:linear-gradient(135deg,#3b82f6,#60a5fa)}[data-sender=customer] .sh-sender-avatar,.sh-sender-avatar[data-sender=customer],[data-sender=customer] .sh-small-avatar,.sh-small-avatar[data-sender=customer]{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.sh-main-sender{align-items:center;gap:16px;margin-bottom:20px;display:flex}.sh-sender-info{flex-direction:column;flex:1;gap:2px;display:flex}.sh-sender-name{color:#fff;align-items:baseline;gap:8px;font-size:1.05rem;font-weight:600;display:flex}.sh-sender-email{color:#fff6;font-size:.85rem;font-weight:400}.sh-sender-to{color:#ffffff80;cursor:pointer;font-size:.8rem}.sh-sender-to i{vertical-align:middle;margin-left:4px;font-size:.75rem}.sh-sender-time{color:#fff6;text-align:right;font-size:.8rem}.sh-collapsed-view .sh-card-meta{color:#ffffff80;align-items:center;gap:12px;width:20%;font-size:.9rem;display:flex}.sh-collapsed-view .sh-card-preview{color:#ffffff80;white-space:nowrap;text-overflow:ellipsis;max-width:55%;font-size:.85rem;overflow:hidden}.sh-card-body{color:#ffffffd9;white-space:pre-wrap;font-size:.95rem;line-height:1.65}.sh-composer-area{z-index:10;background:0 0;border-top:1px solid #ffffff0d;flex-shrink:0;padding:24px 40px;position:relative}.sh-email-attachments{border-bottom:1px solid #ffffff0d;flex-wrap:wrap;gap:12px;padding:0 20px 16px;display:flex}.sh-att-item{background:#ffffff08;border-radius:4px;align-items:center;gap:8px;padding:6px 12px;font-size:.85rem;display:flex}.sh-att-name{color:#6366f1;white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:600;overflow:hidden}.sh-att-size{color:#fff6}}