.customer-service-chat[data-v-a9f4d8f0]{height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#f5f5f5}.chat-header[data-v-a9f4d8f0]{background:#fff;padding:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.03);box-shadow:0 1px 0 rgba(0,0,0,.03)}.messages-container[data-v-a9f4d8f0]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:12px;padding-bottom:220px}.messages-list[data-v-a9f4d8f0]{max-width:800px;margin:0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px}.message-item[data-v-a9f4d8f0],.messages-list[data-v-a9f4d8f0]{display:-webkit-box;display:-ms-flexbox;display:flex}.message-item.sent[data-v-a9f4d8f0]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.message-item.received[data-v-a9f4d8f0]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.message-item.system[data-v-a9f4d8f0]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.premium[data-v-a9f4d8f0]{--bg:#0f1724;--card:#0b1220;--accent:#3b82f6;--muted:#94a3b8;--bubble:#0b1220}.cs-header[data-v-a9f4d8f0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:8px 12px;background:-webkit-gradient(linear,left top,right top,from(rgba(59,130,246,.03)),to(rgba(99,102,241,.02)));background:linear-gradient(90deg,rgba(59,130,246,.03),rgba(99,102,241,.02));border-bottom:1px solid rgba(0,0,0,.02)}.agent-card[data-v-a9f4d8f0],.cs-left[data-v-a9f4d8f0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.back-icon[data-v-a9f4d8f0]{width:34px;height:34px;-o-object-fit:contain;object-fit:contain;border-radius:8px;-webkit-box-shadow:0 6px 18px rgba(2,6,23,.06);box-shadow:0 6px 18px rgba(2,6,23,.06)}.agent-avatar img[data-v-a9f4d8f0]{width:36px;height:36px;border-radius:8px;-o-object-fit:cover;object-fit:cover;-webkit-box-shadow:0 6px 18px rgba(2,6,23,.1);box-shadow:0 6px 18px rgba(2,6,23,.1)}.agent-info[data-v-a9f4d8f0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.agent-name[data-v-a9f4d8f0]{font-weight:700;color:#071135;font-size:13px}.agent-status[data-v-a9f4d8f0]{color:var(--muted);font-size:11px;margin-top:2px}.cs-right .cs-badge[data-v-a9f4d8f0]{padding:6px 10px;border-radius:16px;background:-webkit-gradient(linear,left top,right top,from(var(--accent)),to(#2563eb));background:linear-gradient(90deg,var(--accent),#2563eb);color:#fff;font-weight:600;font-size:12px}.messages-container[data-v-a9f4d8f0]{background:-webkit-gradient(linear,left top,left bottom,from(#f7fbff),to(#fff));background:linear-gradient(180deg,#f7fbff,#fff)}.messages-inner[data-v-a9f4d8f0]{max-width:920px;margin:8px auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;padding-bottom:20px}.message-row[data-v-a9f4d8f0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:10px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.message-row[data-type=sent][data-v-a9f4d8f0]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.message-row[data-type=received][data-v-a9f4d8f0]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.message[data-v-a9f4d8f0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;max-width:100%}.bubble[data-v-a9f4d8f0]{max-width:78%;padding:12px 14px;border-radius:16px;-webkit-box-shadow:0 10px 30px rgba(15,23,42,.06);box-shadow:0 10px 30px rgba(15,23,42,.06);word-break:break-word;white-space:pre-wrap}.bubble.me[data-v-a9f4d8f0]{background:linear-gradient(135deg,#60a5fa,#2563eb);color:#fff;border-radius:16px 16px 12px 16px}.bubble-text[data-v-a9f4d8f0]{font-size:15px;line-height:1.6}.chat-image[data-v-a9f4d8f0]{max-width:220px;border-radius:8px;display:block}.bubble-meta[data-v-a9f4d8f0]{margin-top:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;color:var(--muted);font-size:12px}.message-time[data-v-a9f4d8f0]{color:var(--muted);font-size:12px;margin-left:10px}.message-time-outside[data-v-a9f4d8f0]{font-size:12px;color:#9aa6b8;margin-top:6px}.message-time-outside.left[data-v-a9f4d8f0]{text-align:left;margin-left:8px}.message-time-outside.right[data-v-a9f4d8f0]{text-align:right;margin-right:8px}.message-row[data-type=sent] .bubble[data-v-a9f4d8f0]{margin-left:8px;margin-right:0}.message-row[data-type=received] .bubble[data-v-a9f4d8f0]{margin-right:8px;margin-left:0}.input-area[data-v-a9f4d8f0]{position:fixed;left:12px;right:12px;bottom:100px;z-index:60}.input-card[data-v-a9f4d8f0]{gap:12px;background:#fff;padding:12px;border-radius:28px;-webkit-box-shadow:0 12px 40px rgba(2,6,23,.08);box-shadow:0 12px 40px rgba(2,6,23,.08);max-width:920px;margin:0 auto}.attach-btn[data-v-a9f4d8f0],.input-card[data-v-a9f4d8f0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.attach-btn[data-v-a9f4d8f0]{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#60a5fa,#2563eb);border:none;-webkit-box-shadow:0 6px 20px rgba(59,130,246,.3);box-shadow:0 6px 20px rgba(59,130,246,.3);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .2s ease;transition:all .2s ease}.attach-btn[data-v-a9f4d8f0]:hover{-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-box-shadow:0 8px 25px rgba(59,130,246,.4);box-shadow:0 8px 25px rgba(59,130,246,.4)}.message-input[data-v-a9f4d8f0]{-webkit-box-flex:1;-ms-flex:1;flex:1;border:none;outline:none;font-size:15px;padding:10px 12px;background:transparent}.message-input.reconnecting[data-v-a9f4d8f0]::-webkit-input-placeholder{color:#2563eb}.message-input.reconnecting[data-v-a9f4d8f0]::-webkit-input-placeholder,.message-input.reconnecting[data-v-a9f4d8f0]::placeholder{color:#2563eb}.message-input.reconnecting[data-v-a9f4d8f0]::-ms-input-placeholder{color:#2563eb}.message-input[data-v-a9f4d8f0]:disabled{color:#2563eb;opacity:1}.send-btn[data-v-a9f4d8f0]{width:44px;height:44px;border-radius:50%;background:var(--accent);border:none;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-shadow:0 12px 36px rgba(59,130,246,.24);box-shadow:0 12px 36px rgba(59,130,246,.24)}.send-btn svg[data-v-a9f4d8f0]{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.reconnect-btn[data-v-a9f4d8f0]{margin-left:12px;padding:6px 12px;border-radius:14px;background:#fff;border:1px solid rgba(37,99,235,.14);color:var(--accent);font-weight:600;cursor:pointer;-webkit-box-shadow:0 8px 20px rgba(37,99,235,.06);box-shadow:0 8px 20px rgba(37,99,235,.06)}.reconnect-btn[data-v-a9f4d8f0]:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 12px 30px rgba(37,99,235,.08);box-shadow:0 12px 30px rgba(37,99,235,.08)}.agent-icon[data-v-a9f4d8f0]{display:block;border-radius:8px;-webkit-box-shadow:0 6px 18px rgba(2,6,23,.06);box-shadow:0 6px 18px rgba(2,6,23,.06)}