:root{--bs-chat-red:#d91f2d;--bs-chat-ink:#15171b;--bs-chat-muted:#747980;--bs-chat-line:rgba(20,23,27,.09);--bs-chat-bg:#f7f7f5}
.bs-chat-launcher{position:fixed;right:24px;bottom:24px;z-index:1400;height:52px;padding:0 18px;border:0;border-radius:18px;background:#17191d;color:#fff;box-shadow:0 16px 40px rgba(10,12,15,.22);display:none;align-items:center;gap:10px;font:600 12px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer;transition:.2s transform,.2s box-shadow}.bs-chat-launcher.ready{display:flex}.bs-chat-launcher:hover{transform:translateY(-2px);box-shadow:0 20px 44px rgba(10,12,15,.28)}.bs-chat-launcher.panel-open{opacity:0;pointer-events:none}.bs-chat-launcher-icon{width:22px;height:22px;display:grid;place-items:center}.bs-chat-launcher-icon svg{width:22px;height:22px}.bs-chat-badge{position:absolute;right:-5px;top:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--bs-chat-red);color:#fff;border:2px solid #fff;font-size:9px;font-weight:800;line-height:16px;text-align:center}
.bs-chat-panel{position:fixed;right:24px;bottom:24px;z-index:1500;width:min(390px,calc(100vw - 32px));height:min(610px,calc(100vh - 48px));background:#fff;border:1px solid rgba(17,19,24,.08);border-radius:22px;box-shadow:0 24px 70px rgba(11,13,16,.24);display:flex;flex-direction:column;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(14px) scale(.98);transform-origin:bottom right;transition:.2s ease;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.bs-chat-panel.show{opacity:1;visibility:visible;transform:none}.bs-chat-head{height:68px;flex:0 0 68px;padding:0 15px 0 16px;border-bottom:1px solid var(--bs-chat-line);display:flex;align-items:center;gap:11px;background:#fff}.bs-chat-avatar{width:36px;height:36px;border-radius:12px;background:#17191d;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:800;letter-spacing:.04em}.bs-chat-head-copy{min-width:0;flex:1}.bs-chat-head-copy strong{display:block;color:var(--bs-chat-ink);font-size:13px}.bs-chat-head-copy span{display:block;margin-top:3px;color:var(--bs-chat-muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bs-chat-close{width:34px;height:34px;border:0;border-radius:10px;background:#f2f2ef;color:#565b62;font-size:23px;line-height:1;cursor:pointer}.bs-chat-offline{margin:10px 12px 0;padding:10px 12px;border-radius:12px;background:#fff7e9;border:1px solid #f3dfb9;color:#725423}.bs-chat-offline strong{display:block;font-size:10.5px;margin-bottom:3px}.bs-chat-offline span{display:block;font-size:9.5px;line-height:1.45}.bs-chat-messages{flex:1;min-height:0;overflow-y:auto;padding:15px 13px;background:linear-gradient(180deg,#fafaf8,#f6f6f3)}.bs-chat-message-row{display:flex;margin:7px 0}.bs-chat-message-row.client{justify-content:flex-end}.bs-chat-message-row.staff{justify-content:flex-start}.bs-chat-bubble{max-width:84%;border-radius:15px;padding:9px 11px 7px;box-shadow:0 1px 1px rgba(0,0,0,.03)}.bs-chat-bubble.client{background:#17191d;color:#fff;border-bottom-right-radius:5px}.bs-chat-bubble.staff{background:#fff;color:var(--bs-chat-ink);border:1px solid rgba(17,19,24,.07);border-bottom-left-radius:5px}.bs-chat-bubble p{margin:0;font-size:11px;line-height:1.5;overflow-wrap:anywhere}.bs-chat-bubble time{display:block;margin-top:5px;font-size:8.5px;opacity:.58;text-align:right}.bs-chat-sender{font-size:8.5px;text-transform:uppercase;letter-spacing:.08em;color:#8a8f95;margin-bottom:5px;font-weight:700}.bs-chat-file{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;margin-top:7px;padding:7px 8px;border-radius:9px;background:rgba(255,255,255,.09);color:inherit;text-decoration:none;min-width:0}.bs-chat-bubble.staff .bs-chat-file{background:#f3f3f0}.bs-chat-file b{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bs-chat-file small{font-size:8px;opacity:.65}.bs-chat-typing{padding:0 16px 8px;background:#f6f6f3;color:#8c9197;font-size:9px}.bs-chat-files{display:flex;gap:6px;overflow-x:auto;padding:8px 12px 0;border-top:1px solid var(--bs-chat-line);background:#fff}.bs-chat-files span{max-width:180px;padding:5px 7px;border-radius:8px;background:#f2f2ef;font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bs-chat-files small{color:#8a8f95}.bs-chat-compose{flex:0 0 auto;display:grid;grid-template-columns:34px 1fr 38px;align-items:end;gap:7px;padding:10px 11px 12px;border-top:1px solid var(--bs-chat-line);background:#fff}.bs-chat-attach{width:34px;height:36px;border-radius:10px;background:#f2f2ef;display:grid;place-items:center;color:#53585f;font-size:20px;cursor:pointer}.bs-chat-compose textarea{width:100%;min-height:36px;max-height:110px;resize:none;border:1px solid #dedfdf;border-radius:11px;padding:9px 10px;color:#17191d;background:#fff;font:11px/1.45 system-ui,-apple-system,sans-serif;outline:0}.bs-chat-compose textarea:focus{border-color:rgba(217,31,45,.45);box-shadow:0 0 0 3px rgba(217,31,45,.06)}.bs-chat-send{width:38px;height:36px;border:0;border-radius:11px;background:var(--bs-chat-red);color:#fff;display:grid;place-items:center;cursor:pointer}.bs-chat-send:disabled{opacity:.5;cursor:wait}.bs-chat-send svg{width:18px;height:18px}.bs-chat-empty{padding:40px 22px;text-align:center;color:var(--bs-chat-muted)}.bs-chat-empty-icon{width:48px;height:48px;border-radius:16px;margin:0 auto 12px;background:#17191d;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:800}.bs-chat-empty strong{display:block;color:#17191d;font-size:14px}.bs-chat-empty p{font-size:10.5px;line-height:1.55;margin:8px 0 16px}.bs-chat-empty a{display:block;margin-top:11px;color:#555c65;font-size:10px}.bs-chat-primary{height:36px;padding:0 16px;border:0;border-radius:10px;background:#17191d;color:#fff;font-weight:700;font-size:10px;cursor:pointer}
/* Order chat reuses the same encrypted message visual language inside an order. */
.order-chat-panel{margin-top:18px}.order-chat-panel .order-chat-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:13px}.order-chat-panel .order-chat-head h2{margin:0;font-size:16px}.order-chat-panel .order-chat-head p{margin:5px 0 0;color:#7b8087;font-size:10.5px;line-height:1.45}.order-chat-status{white-space:nowrap;font-size:9px;color:#6f747b;padding:6px 9px;border:1px solid rgba(17,19,24,.09);border-radius:999px}.order-chat-messages{height:320px;overflow-y:auto;padding:13px;border:1px solid rgba(17,19,24,.08);border-radius:14px;background:#f7f7f5}.order-chat-compose{display:grid;grid-template-columns:38px 1fr 42px;align-items:end;gap:8px;margin-top:9px}.order-chat-compose textarea{min-height:42px;max-height:110px;resize:none;border:1px solid #dcdede;border-radius:11px;padding:11px;font:11px/1.45 system-ui,-apple-system,sans-serif;outline:0}.order-chat-compose textarea:focus{border-color:rgba(217,31,45,.45);box-shadow:0 0 0 3px rgba(217,31,45,.06)}.order-chat-attach,.order-chat-send{height:42px;border:0;border-radius:11px;cursor:pointer;display:grid;place-items:center}.order-chat-attach{background:#eeeFEB;color:#555;font-size:20px}.order-chat-send{background:#17191d;color:#fff;font-size:16px}.order-chat-selected{display:flex;gap:7px;overflow-x:auto;margin-top:8px}.order-chat-selected span{padding:5px 8px;border-radius:8px;background:#f1f1ee;font-size:8.5px}.order-chat-typing{font-size:9px;color:#858a90;padding:7px 2px 0}.order-chat-note,.order-chat-empty{padding:26px 16px;text-align:center;color:#777d84}.order-chat-empty strong{display:block;color:#1b1d21;font-size:12px}.order-chat-empty p,.order-chat-note{font-size:10px;line-height:1.55}.order-chat-readonly{margin-top:9px;padding:10px 12px;border-radius:10px;background:#f5f5f2;color:#747980;font-size:9.5px;line-height:1.5}.order-chat-readonly a{color:#24272c;font-weight:700}
@media(max-width:700px){.bs-chat-launcher{display:none!important}.bs-chat-panel{right:0;bottom:0;width:100%;height:min(720px,100dvh);max-height:100dvh;border-radius:18px 18px 0 0;transform:translateY(30px);border-left:0;border-right:0;border-bottom:0}.bs-chat-panel.show{transform:none}.bs-chat-head{padding-top:max(0px,env(safe-area-inset-top))}.bs-chat-compose{padding-bottom:max(12px,env(safe-area-inset-bottom))}.order-chat-messages{height:300px}.order-chat-panel .order-chat-head{display:block}.order-chat-status{display:inline-block;margin-top:8px}}