.chat-form-screen{display:flex;align-items:center;justify-content:center;height:100%;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);padding:20px}.chat-form-card{background:#fff;border-radius:16px;padding:40px 32px;max-width:400px;width:100%;text-align:center;box-shadow:0 20px 60px #0000004d}.chat-form-logo{font-size:3rem;font-weight:800;background:linear-gradient(90deg,#ff9800,#ffd54f,#ff9800);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 3s linear infinite;margin-bottom:8px}.chat-form-logo-img{width:80px;height:80px;object-fit:contain;margin-bottom:12px;border-radius:16px}@keyframes shimmer{0%{background-position:0% 0}to{background-position:200% 0}}.chat-form-card h2{margin:0 0 4px;font-size:1.2rem;color:#1a1a2e}.chat-form-card p{margin:0 0 24px;font-size:.85rem;color:#6c757d}.chat-input{display:block;width:100%;padding:12px 16px;border:1px solid #dee2e6;border-radius:10px;font-size:.95rem;margin-bottom:12px;outline:none;transition:border-color .2s;box-sizing:border-box}.chat-input:focus{border-color:#ff9800;box-shadow:0 0 0 3px #ff980026}.chat-btn-primary{display:block;width:100%;padding:12px;background:linear-gradient(135deg,#ff9800,#ff5722);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;margin-top:4px;transition:transform .1s,box-shadow .2s}.chat-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ff572266}.chat-btn-primary:active{transform:translateY(0)}.chat-field{margin-bottom:12px}.chat-field .chat-input{margin-bottom:0}.chat-input-error{border-color:#e53935!important;box-shadow:0 0 0 3px #e5393526!important}.chat-error-msg{color:#e53935;font-size:.78rem;margin-top:4px;padding-left:4px}.chat-no-warranty-btn{display:block;background:none;border:none;color:#ff9800;font-size:.82rem;margin-top:6px;padding:0 4px;cursor:pointer;text-decoration:underline;text-align:left}.chat-no-warranty-btn:hover{color:#e68900}.chat-no-warranty-notice{display:flex;align-items:center;justify-content:space-between;background:#fff3e0;border:1px solid #ffe0b2;border-radius:10px;padding:10px 14px;font-size:.88rem;color:#e65100}.chat-no-warranty-undo{background:none;border:none;color:#e65100;font-size:1rem;cursor:pointer;padding:0 2px;opacity:.7}.chat-no-warranty-undo:hover{opacity:1}.chat-screen{display:flex;flex-direction:column;height:100%;max-width:600px;margin:0 auto;background:#fff;box-shadow:0 0 40px #00000014}@media(min-width:601px){.chat-screen{height:calc(100% - 40px);margin:20px auto;border-radius:16px;overflow:hidden}}.chat-header{display:flex;align-items:center;padding:14px 16px;background:#1a1a2e;color:#fff;flex-shrink:0}.chat-header-info{display:flex;align-items:center;gap:10px}.chat-header-logo{font-size:1.5rem;font-weight:800;background:linear-gradient(90deg,#ff9800,#ffd54f);-webkit-background-clip:text;background-clip:text;color:transparent}.chat-header-logo-img{width:36px;height:36px;object-fit:contain;border-radius:8px}.chat-status{font-size:.75rem}.chat-status.online{color:#4caf50}.chat-status.offline{color:#ff9800}.chat-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:6px;background:#f0f2f5}.chat-date-sep{display:flex;align-items:center;justify-content:center;padding:8px 0}.chat-date-sep span{background:#00000014;color:#555;font-size:.75rem;padding:4px 14px;border-radius:12px;font-weight:500}.msg{display:flex;flex-direction:column;max-width:80%}.msg-client{align-self:flex-end}.msg-support{align-self:flex-start}.msg-bubble{padding:10px 14px;border-radius:16px;word-wrap:break-word}.msg-client .msg-bubble{background:linear-gradient(135deg,#ff9800,#ffb74d);color:#fff;border-bottom-right-radius:4px}.msg-support .msg-bubble{background:#fff;border-bottom-left-radius:4px;box-shadow:0 1px 2px #0000000f}.msg-text{font-size:.9rem;white-space:pre-wrap;line-height:1.4}.msg-time{font-size:.65rem;opacity:.7;text-align:right;margin-top:3px}.msg-read{color:#4caf50;margin-left:3px}.msg-image{max-width:220px;max-height:180px;border-radius:10px;display:block;cursor:pointer;transition:opacity .15s}.msg-image:hover{opacity:.85}.msg-video{max-width:240px;max-height:180px;border-radius:10px;display:block}.msg-file{color:inherit;text-decoration:none;display:flex;align-items:center;gap:4px}.msg-system{text-align:center;font-size:.8rem;color:#6c757d;padding:6px 0}.chat-typing-indicator{font-size:.8rem;color:#6c757d;padding:4px 0}.dots{animation:typing-blink 1s infinite}@keyframes typing-blink{0%,to{opacity:.3}50%{opacity:1}}.chat-footer{border-top:1px solid #e9ecef;padding:10px 12px;background:#fff;flex-shrink:0;position:relative}.chat-footer-form{display:flex;align-items:center;gap:6px}.chat-btn-icon{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:6px;border-radius:50%;transition:background .15s;flex-shrink:0}.chat-btn-icon:hover{background:#f0f2f5}.chat-input-msg{flex:1;padding:10px 14px;border:1px solid #dee2e6;border-radius:24px;font-size:.9rem;outline:none;transition:border-color .2s;min-width:0}.chat-input-msg:focus{border-color:#ff9800}.chat-btn-send{width:40px;height:40px;border:none;border-radius:50%;background:linear-gradient(135deg,#ff9800,#ff5722);color:#fff;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .1s;flex-shrink:0}.chat-btn-send:hover{transform:scale(1.05)}.chat-btn-send:disabled{opacity:.5;cursor:default;transform:none}.chat-emoji-picker{display:flex;flex-wrap:wrap;gap:2px;padding:8px;margin-bottom:8px;background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 -4px 16px #00000014;max-height:140px;overflow-y:auto}.chat-emoji-btn{background:none;border:none;font-size:1.3rem;cursor:pointer;padding:4px 6px;border-radius:6px;transition:background .1s;line-height:1}.chat-emoji-btn:hover{background:#f0f2f5}.chat-lightbox{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:9999;cursor:pointer}.chat-lightbox-close{position:absolute;top:16px;right:16px;background:#fff3;border:none;color:#fff;font-size:1.5rem;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10000;transition:background .15s}.chat-lightbox-close:hover{background:#ffffff4d}.chat-lightbox-media{max-width:92vw;max-height:90vh;border-radius:8px;cursor:default;object-fit:contain}