.business-chat{--bc-accent:#128c7e;--bc-bg:#efeae2;--bc-in:#fff;--bc-out:#d9fdd3;--bc-ink:#142d28;--bc-muted:#596e68;--bc-head:#f7faf8;margin-top:22px;border:1px solid var(--line,#dbe3df);border-radius:18px;overflow:hidden;box-shadow:0 8px 32px #00000012;color:var(--bc-ink);font-family:Cairo,sans-serif;text-align:start}
.bc-messenger{--bc-accent:#0866ff;--bc-bg:#f5f8ff;--bc-in:#fff;--bc-out:#0866ff;--bc-head:#fff;--bc-ink:#18243c;--bc-muted:#64718a}
.bc-instagram{--bc-accent:#b431bc;--bc-bg:#faf6fc;--bc-in:#fff;--bc-out:#a33bea;--bc-head:#fff;--bc-ink:#302036;--bc-muted:#76647e}
.bc-telegram{--bc-accent:#168acd;--bc-bg:#e7eff6;--bc-in:#fff;--bc-out:#d6edff;--bc-head:#fff;--bc-ink:#17354b;--bc-muted:#5a7689}
.bc-unknown{--bc-accent:#5662bf;--bc-bg:#f4f5fa;--bc-out:#e1e5ff;--bc-head:#fff}
.convo.business-chat .convo-h{background:var(--bc-head);color:var(--bc-ink);padding:14px}
.convo.business-chat .convo-b{background:var(--bc-bg);padding:18px;gap:10px;direction:ltr}
.convo.business-chat .msg{direction:rtl;max-width:82%}.convo.business-chat .msg.in{align-self:flex-start}.convo.business-chat .msg.out{align-self:flex-end}
.convo.business-chat .bubble{background:var(--bc-in);color:var(--bc-ink);border:0;padding:11px 14px;box-shadow:0 1px 2px #0002}
.convo.business-chat .msg.out .bubble{background:var(--bc-out)}.convo.business-chat.bc-messenger .msg.out .bubble,.convo.business-chat.bc-instagram .msg.out .bubble{color:white}
.convo.business-chat .who{color:var(--bc-muted);font-weight:700;font-size:11px}
.business-chat .bc-header{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--bc-head);border-bottom:1px solid #80808020}
.bc-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--bc-accent);color:white;font-size:18px;font-weight:800;flex-shrink:0}
.bc-person{flex:1;min-width:0;display:grid;gap:3px}.bc-person strong{font-size:14px}.bc-person span{font-size:11px;color:var(--bc-muted)}
.bc-channel{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;color:var(--bc-accent);padding:6px 10px;border-radius:20px;background:color-mix(in srgb,var(--bc-accent) 9%,transparent);white-space:nowrap}.bc-channel b{font:700 10px sans-serif}.bc-instagram .bc-avatar{background:linear-gradient(35deg,#ffba62,#e93473,#8b39cf)}
.business-chat .bc-close{background:transparent;border:0;color:var(--bc-muted);font-size:26px;padding:0 6px;line-height:1.3}
.bc-key{display:flex;align-items:center;gap:20px;background:var(--bc-head);padding:10px 20px;font-size:10px;color:var(--bc-muted);border-bottom:1px solid #80808020}.bc-key>span{display:flex;align-items:center;gap:6px}.bc-key i{width:8px;height:8px;border-radius:50%;background:#a4b5bd}.bc-key .bc-business-dot{background:var(--bc-accent)}.bc-key small{margin-inline-start:auto;font-size:10px}
.bc-timeline{display:flex;flex-direction:column;gap:9px;padding:24px;max-height:570px;min-height:230px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;background:var(--bc-bg);direction:ltr}
.bc-whatsapp .bc-timeline{background-image:radial-gradient(#8b9b9025 .8px,transparent .8px);background-size:18px 18px}
.bc-day{align-self:center;margin:5px 0 12px;direction:rtl}.bc-day span{background:color-mix(in srgb,var(--bc-in) 85%,transparent);color:var(--bc-muted);font-size:10px;padding:5px 12px;border-radius:9px;box-shadow:0 1px 2px #00000008}
.bc-message{display:flex;width:100%;direction:ltr}.bc-message.incoming{justify-content:flex-start}.bc-message.outgoing{justify-content:flex-end}.bc-message.unknown{justify-content:center}
.bc-bubble{max-width:74%;min-width:135px;padding:10px 13px 6px;background:var(--bc-in);border-radius:3px 15px 15px 15px;box-shadow:0 1px 2px #00000015;direction:rtl;color:var(--bc-ink);overflow-wrap:anywhere;text-align:start}
.outgoing .bc-bubble{background:var(--bc-out);border-radius:15px 3px 15px 15px}.bc-messenger .outgoing .bc-bubble,.bc-instagram .outgoing .bc-bubble{color:#fff}.bc-instagram .outgoing .bc-bubble{background:linear-gradient(120deg,#8547e9,#b42cca)}
.bc-sender{font-size:10px;font-weight:800;margin-bottom:5px;color:var(--bc-accent)}.incoming .bc-sender{color:var(--bc-muted)}.bc-messenger .outgoing .bc-sender,.bc-instagram .outgoing .bc-sender{color:#ffffffd9}
.bc-text{font-size:13px;line-height:1.9;white-space:pre-wrap;unicode-bidi:plaintext}.bc-meta{display:flex;justify-content:flex-end;gap:8px;font-size:9px;color:var(--bc-muted);margin-top:5px}.bc-messenger .outgoing .bc-meta,.bc-instagram .outgoing .bc-meta{color:#ffffffbf}.bc-meta time{white-space:nowrap}.bc-attachment{font-size:11px}.bc-empty{margin:auto;text-align:center;direction:rtl;color:var(--bc-muted);font-size:13px;padding:25px}
.bc-footer{background:var(--bc-head);padding:14px 18px;border-top:1px solid #80808020}.business-chat .reply-form{display:flex;align-items:flex-end;gap:10px;margin:0}.bc-compose{flex:1;min-width:0;display:grid;gap:5px}.bc-reply-label{font-size:10px;color:var(--bc-muted)}.business-chat .bc-compose textarea{width:100%;box-sizing:border-box;background:var(--bc-in);color:var(--bc-ink);border:1px solid #80808030;border-radius:14px;padding:12px 14px;resize:vertical;min-height:47px;max-height:180px;font:12px Cairo,sans-serif;outline-offset:3px}.business-chat .bc-send{background:var(--bc-accent);border:0;color:white;border-radius:13px;padding:12px 18px;font:700 12px Cairo,sans-serif;min-height:47px;white-space:nowrap}.bc-send:disabled{opacity:.55}.bc-footer>small{display:block;font-size:10px;color:var(--bc-muted);margin-top:7px}.business-chat button:focus-visible{outline:2px solid var(--bc-accent);outline-offset:3px}
[data-theme=dark] .business-chat{--bc-bg:#0c171d;--bc-in:#202d35;--bc-out:#075e54;--bc-ink:#e8eef0;--bc-muted:#a6b7bd;--bc-head:#18252d;border-color:#31434d}
[data-theme=dark] .bc-messenger{--bc-bg:#111725;--bc-in:#252e40;--bc-out:#2469ed;--bc-head:#192234}
[data-theme=dark] .bc-instagram{--bc-bg:#1b1420;--bc-in:#322638;--bc-out:#9c37d8;--bc-head:#251b2c}
[data-theme=dark] .bc-telegram{--bc-bg:#142330;--bc-in:#263846;--bc-out:#21577a;--bc-head:#1a2d3c}
[data-theme=dark] .outgoing .bc-sender{color:#e9fff9}
@media(max-width:600px){.business-chat{border-radius:13px}.business-chat .bc-header{padding:13px 12px;gap:8px}.bc-channel{font-size:10px;padding:5px 8px}.bc-avatar{width:36px;height:36px;font-size:15px}.bc-key{padding:9px 12px;gap:12px;font-size:9px}.bc-key small{display:none}.bc-timeline{padding:16px 12px;max-height:60vh}.bc-bubble{max-width:86%;min-width:100px}.bc-footer{padding:12px}.business-chat .bc-send{padding:12px}.bc-text{font-size:12px}}