.return-preview{display:flex;flex-direction:column;align-items:stretch;justify-content:center}
.return-preview:before{display:none}
.return-chat-window{position:relative;background:#f3f6f4;border:1px solid #dce4df;color:#35463d;border-radius:11px;width:100%;max-width:440px;height:300px;margin:auto;flex-shrink:0;overflow:hidden;box-shadow:0 12px 28px #0002;font-family:var(--font)}
.return-chat-header{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid #dce6e0;background:#fff;height:48px}
.return-brand-avatar{width:27px;height:27px;border-radius:8px;background:#315f4f;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:500}
.return-chat-header>div{display:flex;flex-direction:column;gap:3px}
.return-chat-header strong{font-size:10px;font-weight:600;color:#3c5348}
.return-chat-header>div>span{font-size:7px;color:#91a197}
.return-chat-header>svg{width:12px;height:12px;color:#82978b;margin-left:auto}
.return-chat-more{font-size:18px;line-height:1;color:#9aaba1;margin-left:6px}
.return-chat-body{position:relative;padding:11px 14px 13px}
.return-contact-context{display:flex;align-items:center;gap:6px;color:#9aaba1;font-size:7px;line-height:1;margin-bottom:10px}
.return-contact-avatar{height:17px;width:17px;border-radius:50%;background:#e3eae6;border:1px solid #d4dfd8;display:grid;place-items:center;font-size:5px;color:#82988a}
.return-contact-context>span:last-child{margin-left:auto;color:#a3b3a9;font-size:12px}
.return-idle-note{position:absolute;inset:55px 15px auto;text-align:center;padding-top:45px;opacity:0;transition:opacity .3s ease;pointer-events:none}
.return-idle-note>span{display:block;font-size:8px;color:#9eada4;margin-bottom:8px}
.return-idle-note>strong{font-size:14px;font-weight:400;color:#648473;letter-spacing:-.02em}
.return-offer-message{margin-left:auto;max-width:92%;background:#e2f0e6;border:1px solid #d1e5d8;border-radius:10px 3px 10px 10px;padding:10px 12px;opacity:0;transform:translateY(9px);transition:opacity .5s ease,transform .6s cubic-bezier(.16,1,.3,1)}
.return-offer-message>p{margin:0;font-size:10px;line-height:1.55;color:#506b5d}
.return-offer-message>p>strong{color:#3b5b4a;font-weight:600}
.return-coupon{display:flex;align-items:center;gap:9px;background:#fbf7e9;border:1px dashed #d6c799;border-radius:6px;padding:6px 9px;margin-top:8px}
.return-coupon>span{font-size:21px;letter-spacing:-.06em;color:#9a7f43;line-height:1;font-weight:500;white-space:nowrap}
.return-coupon>span>small{font-size:10px;letter-spacing:0;margin-left:1px}
.return-coupon>div{display:flex;flex-direction:column;gap:4px;border-left:1px solid #e1d8bd;padding-left:9px}
.return-coupon strong{font-size:8px;font-weight:500;color:#968358}
.return-coupon>div>span{font-size:6px;color:#b4a783;letter-spacing:.015em}
.return-coupon>i{font-style:normal;color:#c6b890;margin-left:auto;font-size:12px}
.return-delivered{display:flex;justify-content:flex-end;align-items:center;gap:4px;font-size:6px;color:#9bb0a3;margin-top:6px}
.return-delivered>span{color:#78a6a4;font-size:8px}
.return-customer-typing{position:absolute;left:16px;bottom:28px;display:flex;gap:3px;align-items:center;background:#fff;border:1px solid #e0e8e2;border-radius:8px;padding:9px 12px;opacity:0;transition:opacity .25s}
.return-customer-typing>span{width:3px;height:3px;background:#92a69a;border-radius:50%;animation:return-typing .65s ease-in-out infinite alternate}
.return-customer-typing>span:nth-child(2){animation-delay:.15s}.return-customer-typing>span:nth-child(3){animation-delay:.3s}
.return-customer-reply{position:absolute;left:14px;right:65px;bottom:-33px;background:#fff;border:1px solid #dfe8e2;border-radius:3px 9px 9px 9px;padding:9px 11px;opacity:0;transform:translateY(7px);transition:opacity .45s ease,transform .5s cubic-bezier(.16,1,.3,1)}
.return-customer-reply>p{font-size:10px;color:#64786b;line-height:1.5;margin:0}
.return-customer-reply>small{display:block;font-size:6px;color:#a7b5ac;margin-top:4px}
.return-team-notification{position:absolute;bottom:8px;left:14px;right:14px;display:flex;align-items:center;gap:7px;background:#fff;border:1px solid #dde7e0;padding:7px 9px;border-radius:7px;box-shadow:0 3px 9px #294c3810;opacity:0;transform:translateY(25px);transition:opacity .5s ease,transform .6s cubic-bezier(.16,1,.3,1)}
.return-notification-check{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#e8f2eb;color:#658a72;font-size:9px}
.return-team-notification>div{display:flex;flex-direction:column;gap:3px}
.return-team-notification strong{font-size:8px;font-weight:500;color:#5d7867}
.return-team-notification>div>span{font-size:6px;color:#9bad9f}
.return-team-notification>span:last-child{margin-left:auto;color:#88a392;font-size:10px}
.return-preview[data-return-phase=idle] .return-idle-note{opacity:1}
.return-preview:not([data-return-phase=idle]) .return-offer-message{opacity:1;transform:none}
.return-preview[data-return-phase=typing] .return-customer-typing{opacity:1}
.return-preview:is([data-return-phase=reply],[data-return-phase=handoff]) .return-customer-reply{opacity:1;transform:none}
.return-preview[data-return-phase=handoff] .return-team-notification{opacity:1;transform:none}
.return-preview-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:8px;color:var(--faint);width:100%;max-width:440px;margin:9px auto 0;min-height:25px}
.return-preview-footer>div{display:flex;gap:5px}
.return-preview-footer button{height:25px;width:25px;border:1px solid var(--line);border-radius:5px;background:transparent;color:var(--muted);font-size:12px;padding:0}
.return-preview-footer button:hover{background:var(--glass-strong)}
.return-preview-footer button:disabled{opacity:.4;cursor:default}
.return-preview[data-paused=true] *{animation-play-state:paused!important}
@keyframes return-typing{to{opacity:.4;transform:translateY(-2px)}}
@media(max-width:1050px) and (min-width:761px){.return-chat-header{padding:10px 11px}.return-chat-body{padding:11px}.return-offer-message{max-width:100%;padding:9px}.return-offer-message>p{font-size:9px}.return-coupon{gap:6px;padding:6px}.return-coupon>div{padding-left:6px}.return-coupon>i{display:none}.return-coupon>div>span{font-size:5px}.return-coupon strong{font-size:7px}.return-customer-reply{left:11px;right:32px;bottom:-35px}.return-customer-reply>p{font-size:9px}.return-team-notification{left:11px;right:11px;bottom:7px}}
@media(max-width:760px){.return-preview{margin-left:0;margin-right:0}.return-preview-footer{font-size:7px}}
@media(prefers-reduced-motion:reduce){.return-preview *{animation:none!important;transition:none!important}}

/* Replies occupy their own row so the team notification never covers them. */
.return-customer-reply{position:relative;left:auto;right:auto;bottom:auto;max-width:92%;margin-top:10px}