.live-chat-card,.admin-live-chat{background:#fff;border:1px solid #e4e9f2;border-radius:20px;overflow:hidden;box-shadow:0 18px 45px rgba(18,38,74,.08)}
.live-chat-header{display:flex;align-items:center;gap:14px;padding:18px 22px;border-bottom:1px solid #edf0f5;background:linear-gradient(180deg,#fff,#fbfcff)}
.live-chat-header h3{font-size:18px;margin:0;color:#17233d}.live-chat-avatar{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#315df4,#6d45e8);color:#fff;display:grid;place-items:center;font-weight:800;letter-spacing:.4px;flex:0 0 44px}.live-chat-presence{font-size:12px;color:#748096;display:flex;align-items:center;gap:6px;margin-top:3px}.live-chat-presence span{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.12)}
.live-chat-thread{height:520px;overflow-y:auto;padding:24px;background:#f7f9fc;display:flex;flex-direction:column;gap:14px;scroll-behavior:smooth}.live-message{display:flex;width:100%}.live-message.is-mine{justify-content:flex-end}.live-message.is-theirs{justify-content:flex-start}.live-message__bubble{max-width:min(78%,680px);border-radius:18px;padding:13px 16px;background:#fff;border:1px solid #e6eaf1;box-shadow:0 5px 14px rgba(20,35,65,.04)}.live-message.is-mine .live-message__bubble{background:linear-gradient(135deg,#315df4,#5545da);border-color:transparent;color:#fff;border-bottom-right-radius:5px}.live-message.is-theirs .live-message__bubble{border-bottom-left-radius:5px}.live-message__meta{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:7px;font-size:11px}.live-message__meta strong{font-size:12px}.live-message__meta time{opacity:.72;white-space:nowrap}.live-message__text{white-space:pre-wrap;word-break:break-word;margin:0;line-height:1.55;font-size:14px}.live-message__attachment{display:inline-flex;align-items:center;gap:5px;margin-top:8px;font-size:13px;font-weight:700}.live-message.is-mine .live-message__attachment{color:#fff;text-decoration:underline}.live-message.is-theirs .live-message__attachment{color:#315df4}
.live-typing{padding:8px 22px;background:#f7f9fc;color:#65728a;font-size:12px;display:flex;align-items:center;gap:4px}.live-typing[hidden]{display:none}.live-typing span{width:5px;height:5px;border-radius:50%;background:#8290a8;animation:liveTyping 1.2s infinite ease-in-out}.live-typing span:nth-child(2){animation-delay:.15s}.live-typing span:nth-child(3){animation-delay:.3s}@keyframes liveTyping{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1}}
.live-chat-error{padding:9px 18px;background:#fff0f0;color:#b42318;font-size:13px;border-top:1px solid #ffd7d7}.live-chat-composer{padding:15px 18px 16px;background:#fff;border-top:1px solid #edf0f5}.live-chat-composer textarea{width:100%;border:0!important;outline:0!important;box-shadow:none!important;resize:none;min-height:62px;padding:7px 3px;font:inherit;color:#17233d}.live-chat-actions{display:flex;align-items:center;gap:10px;border-top:1px solid #eef1f6;padding-top:10px}.live-file-button{width:38px;height:38px;border-radius:11px;background:#f1f4f9;display:grid;place-items:center;cursor:pointer;color:#4f5c73;margin:0}.live-file-button:hover{background:#e5eaff;color:#315df4}.live-file-button input{display:none}.live-chat-status{font-size:12px;color:#77839a;flex:1}.live-send-button{border:0;border-radius:11px;background:#315df4;color:#fff;padding:10px 16px;font-weight:750;display:inline-flex;align-items:center;gap:9px;box-shadow:0 8px 20px rgba(49,93,244,.25);cursor:pointer}.live-send-button:hover{background:#244bd2}.live-send-button:disabled{opacity:.6;cursor:not-allowed}
@media(max-width:767px){.live-chat-thread{height:430px;padding:16px}.live-message__bubble{max-width:91%}.live-chat-header{padding:14px 16px}.live-send-button span{display:none}.live-chat-composer{padding:12px}.live-message__meta{gap:8px}.live-message__meta time{font-size:10px}}