.customer-chat-widget{position:fixed;bottom:20px;right:20px;z-index:9999}.chat-toggle-button{width:60px;height:60px;background:#778e8c;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 4px 12px #00000026;transition:all .3s ease;position:relative}.chat-toggle-button:hover{background:#6b7e7a;transform:translateY(-2px);box-shadow:0 6px 16px #0003}.chat-toggle-button:active{transform:translateY(0)}.chat-toggle-open{background:#ef4444}.chat-toggle-open:hover{background:#dc2626}.chat-unread-badge{position:absolute;top:-5px;right:-5px;background:#ef4444;color:#fff;font-size:12px;font-weight:700;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;padding:0 6px}.chat-window{position:fixed;bottom:90px;right:20px;width:380px;height:550px;background:#fff;box-shadow:0 8px 24px #0003;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-header{background:#778e8c;color:#fff;padding:16px;display:flex;align-items:center;justify-content:space-between}.chat-header-content{display:flex;align-items:center;gap:10px;font-weight:600;font-size:16px}.chat-header-content i{font-size:20px}.chat-close-button{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.chat-close-button:hover{background:#fff3}.chat-body{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-info-text{padding:12px 16px;background:#f9fafb;border-bottom:1px solid #E5E7EB;display:flex;gap:10px;align-items:flex-start}.chat-info-text i{color:#6b7280;font-size:16px;margin-top:2px;flex-shrink:0}.chat-info-text p{margin:0;font-size:13px;line-height:1.5;color:#6b7280}.chat-info-text strong{color:#374151;font-weight:500}.chat-car-selector{padding:12px 16px;background:#f9fafb;border-bottom:1px solid #E5E7EB}.chat-car-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#374151;margin-bottom:8px}.chat-car-select{width:100%;padding:8px 12px;border:1px solid #D1D5DB;background:#fff;font-size:14px;font-family:inherit;color:#1f2937;cursor:pointer;transition:border-color .3s ease}.chat-car-select:focus{outline:none;border-color:#778e8c}.chat-initial-form{padding:20px;overflow-y:auto;display:none}.chat-form-title{margin:0 0 8px;font-size:20px;font-weight:600;color:#1f2937}.chat-form-description{margin:0 0 20px;font-size:14px;color:#6b7280}.chat-form-group{margin-bottom:16px}.chat-form-group label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:#374151}.chat-form-input,.chat-form-textarea{width:100%;padding:10px 12px;border:1px solid #D1D5DB;font-size:14px;font-family:inherit;transition:border-color .3s ease}.chat-form-input:focus,.chat-form-textarea:focus{outline:none;border-color:#778e8c}.chat-form-textarea{resize:vertical;min-height:80px}.chat-form-submit{width:100%;padding:12px;background:#778e8c;color:#fff;border:none;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease}.chat-form-submit:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.chat-form-submit:disabled{background:#9ca3af;cursor:not-allowed}.chat-form-submit i{font-size:16px}.chat-messages{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;background:#f9fafb;min-height:0}.chat-message{display:flex;flex-direction:column;max-width:75%}.chat-message-customer{align-self:flex-end}.chat-message-seller{align-self:flex-start}.chat-message-sender{font-size:11px;font-weight:600;color:#6b7280;margin-bottom:4px;padding:0 4px}.chat-message-customer .chat-message-sender{text-align:right}.chat-message-seller .chat-message-sender{text-align:left}.chat-message-content{padding:10px 14px;font-size:14px;line-height:1.5;word-wrap:break-word}.chat-message-customer .chat-message-content{background:#dcfce7;color:#1f2937}.chat-message-seller .chat-message-content{background:#f3f4f6;color:#1f2937}.chat-message-time{font-size:11px;color:#9ca3af;margin-top:4px;padding:0 4px}.chat-message-customer .chat-message-time{text-align:right}.chat-message-seller .chat-message-time{text-align:left}.chat-input-container{border-top:1px solid #E5E7EB;background:#fff;flex-shrink:0}.chat-input-wrapper{display:flex;gap:8px;padding:12px}.chat-input{flex:1;padding:10px 12px;border:1px solid #D1D5DB;font-size:14px;font-family:inherit;resize:none;transition:border-color .3s ease}.chat-input:focus{outline:none;border-color:#778e8c}.chat-send-button{width:44px;height:44px;background:#778e8c;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .3s ease;flex-shrink:0}.chat-send-button:hover:not(:disabled){background:#6b7e7a;transform:translateY(-1px)}.chat-send-button:disabled{background:#9ca3af;cursor:not-allowed}.chat-error{background:#fee2e2;color:#991b1b;padding:10px 12px;margin-bottom:12px;display:flex;align-items:center;gap:8px;font-size:13px}.chat-error i{font-size:16px}@media (max-width: 480px){.chat-window{width:calc(100vw - 40px);height:calc(100vh - 110px);right:20px;bottom:90px}.customer-chat-widget{right:20px;bottom:20px}}.chat-messages::-webkit-scrollbar,.chat-initial-form::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track,.chat-initial-form::-webkit-scrollbar-track{background:#f3f4f6}.chat-messages::-webkit-scrollbar-thumb,.chat-initial-form::-webkit-scrollbar-thumb{background:#d1d5db}.chat-messages::-webkit-scrollbar-thumb:hover,.chat-initial-form::-webkit-scrollbar-thumb:hover{background:#9ca3af}*{box-sizing:border-box}html{overflow-x:hidden}body{margin:0;padding:0;font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;overflow-x:hidden;max-width:100vw}a{text-decoration:none;color:inherit}@media (max-width: 768px){body{overflow-x:hidden}*{max-width:100%}}