.sc-panel{position:fixed;right:24px;bottom:24px;z-index:60;width:380px;max-width:calc(100vw - 32px);height:560px;max-height:calc(100vh - 48px);display:flex;flex-direction:column;background:#fff;border:1px solid var(--grey-20);border-radius:18px;box-shadow:0 24px 60px -20px rgba(20,40,90,.4);overflow:hidden;animation:sc-in var(--dur) var(--ease-soft)}@keyframes sc-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.sc-head{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--grey-20);background:color-mix(in srgb,var(--purple) 5%,#fff)}.sc-head-txt{display:flex;flex-direction:column;line-height:1.25;min-width:0}.sc-head-txt strong{font-family:var(--font-header);font-size:14px;color:var(--grey-100)}.sc-status{font-size:11.5px;color:var(--grey-60)}.sc-statusbar{display:flex;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;line-height:1.35}.sc-statusbar svg{flex:0 0 auto}.sc-sb-waiting{background:color-mix(in srgb,var(--orange) 16%,#fff);color:#B45309}.sc-sb-open{background:color-mix(in srgb,var(--green) 18%,#fff);color:#0A8F4D}.sc-sb-tech{background:color-mix(in srgb,var(--blue-deep) 12%,#fff);color:var(--blue-deep)}.sc-sb-customer{background:color-mix(in srgb,var(--yellow) 30%,#fff);color:#B45309}.sc-sb-offhours{background:var(--grey-10);color:var(--grey-70);font-weight:500}.sc-x{margin-left:auto;border:none;background:transparent;color:var(--grey-50);cursor:pointer;display:grid;place-items:center;width:30px;height:30px;border-radius:8px;transition:background var(--dur-fast) var(--ease-soft)}.sc-x:hover{background:var(--grey-100-a,rgba(0,0,0,.05));color:var(--grey-100)}.sc-ava{width:32px;height:32px;border-radius:50%;overflow:hidden;flex:0 0 auto;display:grid;place-items:center;background:var(--grey-20)}.sc-ava img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.sc-ava.sm{width:26px;height:26px}.sc-ava.lg{width:52px;height:52px;margin-bottom:10px}.sc-ava.op{background:var(--blue-deep);color:#fff}.sc-body{flex:1;overflow-y:auto;padding:16px 14px;display:flex;flex-direction:column;gap:10px;background:var(--grey-10,#fafbfc)}.sc-hint{font-size:13px;color:var(--grey-50)}.sc-hint,.sc-welcome{text-align:center;margin:auto 0}.sc-welcome{color:var(--grey-60);font-size:13.5px;line-height:1.5;padding:8px}.sc-welcome .sc-ava{margin-inline:auto}.sc-history{display:flex;flex-direction:column;gap:7px;padding:4px 2px}.sc-history-h{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--grey-50);margin:2px 4px 4px}.sc-history-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:#fff;border:1px solid var(--grey-20);border-radius:12px;padding:10px 12px;cursor:pointer;transition:all var(--dur-fast,.12s) var(--ease-soft,ease)}.sc-history-item:hover{border-color:var(--blue-deep);background:color-mix(in srgb,var(--blue-deep) 5%,#fff)}.sc-history-tx{flex:1;min-width:0;display:flex;flex-direction:column}.sc-history-su{font-size:13.5px;color:var(--grey-100);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-history-me{font-size:11.5px;color:var(--grey-50);margin-top:1px}.sc-history-ch{color:var(--grey-40);flex-shrink:0}.sc-head-sub{font-size:11.5px;color:var(--grey-50)}.sc-back{border:none;background:transparent;color:var(--grey-60);cursor:pointer;display:grid;place-items:center;padding:4px;border-radius:8px;margin-right:2px}.sc-back:hover{background:var(--grey-10);color:var(--grey-100)}.sc-ro-banner{align-self:center;display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--grey-60);background:var(--grey-10);border-radius:999px;padding:3px 11px;margin-bottom:4px}.sc-ro-banner--impersona{font-weight:600;color:color-mix(in srgb,var(--orange) 75%,#000);background:color-mix(in srgb,var(--orange) 14%,#fff);border:1px solid color-mix(in srgb,var(--orange) 40%,#fff)}.sc-past-acts{display:flex;gap:8px;padding:10px 14px;border-top:1px solid var(--grey-20)}.sc-past-cont,.sc-past-new{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:10px;padding:10px;font-size:13px;font-weight:600;cursor:pointer}.sc-past-new{border:1px solid var(--grey-20);background:#fff;color:var(--grey-70)}.sc-past-new:hover{background:var(--grey-10)}.sc-past-cont{border:none;background:var(--blue-deep);color:#fff}.sc-past-cont:disabled{opacity:.6;cursor:default}.sc-row{display:flex;align-items:flex-end;gap:7px;max-width:88%}.sc-row.me{align-self:flex-end;flex-direction:row-reverse}.sc-row.them{align-self:flex-start}.sc-bubble{padding:9px 12px;border-radius:14px;font-size:13.5px;line-height:1.45;white-space:pre-wrap;word-break:break-word}.sc-row.them .sc-bubble{background:#fff;border:1px solid var(--grey-20);color:var(--grey-100);border-bottom-left-radius:5px}.sc-row.me .sc-bubble{background:var(--purple);color:#fff;border-bottom-right-radius:5px}.sc-who{display:block;font-size:10.5px;font-weight:700;color:var(--blue-deep);margin-bottom:2px;text-transform:uppercase;letter-spacing:.03em}.sc-edited{display:inline-block;margin-left:6px;font-size:10px;font-style:italic;color:var(--grey-40)}.sc-sys{align-self:center;font-size:11.5px;color:var(--grey-60);background:color-mix(in srgb,var(--grey-40) 18%,#fff);border-radius:999px;padding:5px 12px;text-align:center;max-width:92%}.sc-time{display:block;margin-top:3px;font-size:10.5px;line-height:1;text-align:right;color:var(--grey-50)}.sc-row.me .sc-bubble .sc-time{color:color-mix(in srgb,#fff 75%,var(--purple))}.sc-day{align-self:center;margin:2px 0;font-size:11px;font-weight:600;color:var(--grey-60);background:#fff;border:1px solid var(--grey-20);padding:3px 12px;border-radius:999px}.sc-typing{display:inline-flex;gap:4px;align-items:center}.sc-typing span{width:6px;height:6px;border-radius:50%;background:var(--grey-50);animation:sc-blink 1.2s ease-in-out infinite both}.sc-typing span:nth-child(2){animation-delay:.2s}.sc-typing span:nth-child(3){animation-delay:.4s}@keyframes sc-blink{0%,80%,to{opacity:.25}40%{opacity:1}}.sc-escalate{margin:0 14px 8px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 12px;border-radius:10px;border:1px solid var(--blue-deep);background:color-mix(in srgb,var(--blue-deep) 6%,#fff);color:var(--blue-deep);font-size:13px;font-weight:600;cursor:pointer;transition:background var(--dur-fast) var(--ease-soft)}.sc-escalate:hover{background:color-mix(in srgb,var(--blue-deep) 12%,#fff)}.sc-note{margin:0 14px 8px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;font-size:12px;color:var(--grey-60);line-height:1.4}.sc-note-tx{display:flex;align-items:center;gap:6px}.sc-cancel-esc{align-self:flex-start;padding:4px 8px;border-radius:8px;border:1px solid var(--grey-20);background:#fff;color:var(--grey-60);font-size:12px;font-weight:600;cursor:pointer;transition:background var(--dur-fast) var(--ease-soft),color var(--dur-fast) var(--ease-soft)}.sc-cancel-esc:hover{background:color-mix(in srgb,var(--blue-deep) 6%,#fff);color:var(--blue-deep)}.sc-input{display:flex;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid var(--grey-20);background:#fff}.sc-input input{flex:1;border:1px solid var(--grey-30);border-radius:999px;padding:9px 14px;font:inherit;font-size:13.5px;outline:none;transition:border-color var(--dur-fast) var(--ease-soft)}.sc-input input:focus{border-color:var(--purple)}.sc-input button{flex:0 0 auto;width:38px;height:38px;border-radius:50%;border:none;background:var(--purple);color:#fff;display:grid;place-items:center;cursor:pointer;transition:opacity var(--dur-fast) var(--ease-soft)}.sc-input button:disabled{opacity:.45;cursor:default}.sc-attach{flex:0 0 auto;width:34px;height:34px;border-radius:50%;border:none;background:transparent;color:var(--grey-50);display:grid;place-items:center;cursor:pointer;transition:background var(--dur-fast) var(--ease-soft),color var(--dur-fast) var(--ease-soft)}.sc-attach:hover{background:var(--grey-10);color:var(--grey-100)}.sc-attach:disabled{opacity:.45;cursor:default}.sc-att-list{display:flex;flex-direction:column;gap:6px;margin-top:6px}.sc-att-img{display:block;max-width:220px;border:0;padding:0;background:none;border-radius:8px;overflow:hidden;cursor:pointer}.sc-att-img img{display:block;width:100%;max-height:180px;-o-object-fit:cover;object-fit:cover}.img-lightbox{position:fixed;inset:0;z-index:4000;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(0,0,0,.8)}.img-lightbox img{max-width:92vw;max-height:88vh;border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.5);-o-object-fit:contain;object-fit:contain;cursor:default}.img-lightbox-x{position:fixed;top:16px;right:18px;width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.15);color:#fff;display:grid;place-items:center;cursor:pointer}.img-lightbox-x:hover{background:rgba(255,255,255,.28)}.sc-att-file{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;background:color-mix(in srgb,currentColor 8%,transparent);font-size:12.5px;font-weight:600;text-decoration:none;color:inherit;word-break:break-all}.sc-pending{display:flex;flex-wrap:wrap;gap:6px;padding:8px 14px 0}.sc-pending-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;background:var(--grey-10,#f3f4f6);border:1px solid var(--grey-20);font-size:12px;color:var(--grey-70,#374151);max-width:160px}.sc-pending-chip img{width:18px;height:18px;border-radius:4px;-o-object-fit:cover;object-fit:cover;flex:0 0 auto}.sc-pending-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-pending-chip button{border:none;background:transparent;color:var(--grey-50);cursor:pointer;display:grid;place-items:center;flex:0 0 auto}.sc-upload-err{margin:0 14px;font-size:12px;color:var(--red,#c0392b)}@media (max-width:760px){.sc-panel{right:8px;left:8px;bottom:calc(8px + env(safe-area-inset-bottom));width:auto;height:calc(100vh - 16px);height:calc(100dvh - 16px - env(safe-area-inset-bottom));max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px - env(safe-area-inset-bottom))}}.sc-contact-opt{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;background:var(--grey-05,#f9fafb);border:1px solid var(--grey-15,#e5e7eb);color:var(--grey-90,#111827);font-size:14px;font-weight:500;text-decoration:none;transition:background var(--dur-fast) var(--ease-soft)}.sc-contact-opt:hover{background:var(--grey-10,#f3f4f6)}.sc-contact-ic{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;color:#fff;flex-shrink:0}