.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%}}:root{--xcocar-green: #778E8C;--xcocar-active-color: #94eedd;--xcocar-dark-gray: #374151;--xcocar-dark-gray-hover: #1f2937;--xcocar-text-primary: #111827;--xcocar-text-secondary: #6B7280;--xcocar-text-placeholder: #9CA3AF;--xcocar-background: #F5F9FA;--xcocar-white: #FFFFFF;--xcocar-success: #10b981;--xcocar-success-bg: #d1fae5;--xcocar-warning: #f59e0b;--xcocar-warning-bg: #fef3c7;--xcocar-error: #ef4444;--xcocar-error-bg: #fee2e2;--text-on-green: #FFFFFF;--text-on-dark: #FFFFFF;--xcocar-info: #3b82f6;--xcocar-info-bg: #dbeafe;--xcocar-gradient: linear-gradient(45deg, #778E8C, #374151);--xcocar-gradient-hover: linear-gradient(45deg, #374151, #1f2937);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 15px rgba(119, 142, 140, .2);--xcocar-shadow: 0 4px 15px rgba(119, 142, 140, .4);--xcocar-shadow-hover: 0 6px 20px rgba(55, 65, 81, .4);--radius-none: 0px;--radius-sm: 4px;--radius-md: 8px;--transition-standard: all .3s ease;--transition-fast: all .15s ease;--transition-slow: all .5s ease}body{font-family:Quicksand,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.MuiPaper-root,.MuiCard-root,.MuiButton-root,.MuiTextField-root .MuiOutlinedInput-root,.MuiAlert-root,.MuiChip-root{border-radius:0!important}body{font-family:Quicksand,Arial,sans-serif;color:var(--xcocar-text-primary);background-color:var(--xcocar-background);line-height:1.6;font-size:16px}h1,h2,h3,h4,h5,h6{font-family:Quicksand,Arial,sans-serif;color:var(--xcocar-text-primary);line-height:1.2}h1{font-size:2.5rem;font-weight:700}h2{font-size:2rem;font-weight:600}h3{font-size:1.5rem;font-weight:600}h4{font-size:1.25rem;font-weight:600}h5{font-size:1rem;font-weight:500}.text-primary{color:var(--xcocar-text-primary)}.text-secondary{color:var(--xcocar-text-secondary)}.text-success{color:var(--xcocar-success)}.text-warning{color:var(--xcocar-warning)}.text-error{color:var(--xcocar-error)}.text-info{color:var(--xcocar-info)}.bg-white{background-color:var(--xcocar-white)}.bg-background{background-color:var(--xcocar-background)}.bg-gradient{background:var(--xcocar-gradient)}.xcocar-btn-primary{background:var(--xcocar-gradient);color:var(--xcocar-white);padding:12px 24px;border:none;border-radius:var(--radius-sm);font-size:1rem;font-weight:600;font-family:Quicksand,Arial,sans-serif;cursor:pointer;box-shadow:var(--xcocar-shadow);transition:var(--transition-standard)}.xcocar-btn-primary:hover{background:var(--xcocar-gradient-hover);box-shadow:var(--xcocar-shadow-hover);transform:translateY(-2px)}.xcocar-btn-primary:active{transform:translateY(0)}.xcocar-btn-secondary{background:transparent;color:var(--xcocar-green);border:2px solid var(--xcocar-green);padding:12px 24px;border-radius:var(--radius-sm);font-size:1rem;font-weight:600;font-family:Quicksand,Arial,sans-serif;cursor:pointer;transition:var(--transition-standard)}.xcocar-btn-secondary:hover{background:var(--xcocar-green);color:var(--xcocar-white)}.xcocar-card{background:var(--xcocar-white);border:1px solid #E5E7EB;border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:var(--shadow-sm);transition:var(--transition-standard)}.xcocar-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.xcocar-card-elevated{background:var(--xcocar-white);border-radius:var(--radius-md);padding:var(--space-xl);box-shadow:var(--shadow-lg)}.xcocar-progress-track{width:100%;height:8px;background:#e5e7eb;border-radius:var(--radius-sm);overflow:hidden}.xcocar-progress-bar{height:100%;background:var(--xcocar-gradient);border-radius:var(--radius-sm);transition:width .5s ease;box-shadow:var(--xcocar-shadow)}.xcocar-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;font-family:Quicksand,Arial,sans-serif}.xcocar-badge-success{background:var(--xcocar-success-bg);color:var(--xcocar-success)}.xcocar-badge-warning{background:var(--xcocar-warning-bg);color:var(--xcocar-warning)}.xcocar-badge-error{background:var(--xcocar-error-bg);color:var(--xcocar-error)}.xcocar-badge-info{background:var(--xcocar-info-bg);color:var(--xcocar-info)}.xcocar-alert{padding:var(--space-md);border-radius:var(--radius-sm);border-left:4px solid;margin-bottom:var(--space-md)}.xcocar-alert-success{background:var(--xcocar-success-bg);border-color:var(--xcocar-success);color:#065f46}.xcocar-alert-warning{background:var(--xcocar-warning-bg);border-color:var(--xcocar-warning);color:#92400e}.xcocar-alert-error{background:var(--xcocar-error-bg);border-color:var(--xcocar-error);color:#991b1b}.xcocar-alert-info{background:var(--xcocar-info-bg);border-color:var(--xcocar-info);color:#1e40af}.MuiButton-containedPrimary{background:var(--xcocar-gradient)!important;box-shadow:var(--xcocar-shadow)!important}.MuiButton-containedPrimary:hover{background:var(--xcocar-gradient-hover)!important;box-shadow:var(--xcocar-shadow-hover)!important;transform:translateY(-2px)}.MuiChip-root{font-family:Quicksand,Arial,sans-serif!important;font-weight:600!important;border-radius:var(--radius-sm)!important}.MuiCard-root{border-radius:var(--radius-md)!important;box-shadow:var(--shadow-sm)!important;transition:var(--transition-standard)!important}.MuiCard-root:hover{box-shadow:var(--shadow-md)!important;transform:translateY(-2px)}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1rem}.xcocar-btn-primary,.xcocar-btn-secondary{width:100%;padding:14px 20px;min-height:44px}.xcocar-card{padding:var(--space-md)}.xcocar-card-elevated{padding:var(--space-lg)}.xcocar-container{padding:var(--space-md);max-width:100%}@media (min-width: 640px){.xcocar-btn-primary,.xcocar-btn-secondary{width:auto;padding:12px 24px;min-width:120px}.xcocar-card{padding:var(--space-lg)}.xcocar-card-elevated{padding:var(--space-xl)}.xcocar-container{padding:var(--space-lg);max-width:768px;margin:0 auto}}@media (min-width: 1024px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}.xcocar-card-elevated{padding:var(--space-2xl)}.xcocar-container{padding:var(--space-xl);max-width:1200px}}@media (min-width: 1280px){.xcocar-container{max-width:1280px}}.touch-target{min-width:44px;min-height:44px;padding:12px}.mobile-padding{padding:var(--space-md)}@media (min-width: 640px){.mobile-padding{padding:var(--space-lg)}}@media (min-width: 1024px){.mobile-padding{padding:var(--space-xl)}}.mobile-text-center{text-align:center}@media (min-width: 640px){.mobile-text-center{text-align:left}}.hide-mobile{display:none}@media (min-width: 640px){.hide-mobile{display:block}}.hide-desktop{display:block}@media (min-width: 640px){.hide-desktop{display:none}}.mobile-full-width{width:100%}@media (min-width: 640px){.mobile-full-width{width:auto}}.mobile-stack{display:flex;flex-direction:column;gap:var(--space-md)}@media (min-width: 640px){.mobile-stack{flex-direction:row;gap:var(--space-lg)}}.mobile-scroll{display:flex;overflow-x:auto;gap:var(--space-sm);-webkit-overflow-scrolling:touch;scrollbar-width:none}.mobile-scroll::-webkit-scrollbar{display:none}button:focus-visible,a:focus-visible{outline:2px solid var(--xcocar-green);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.xcocar-btn-primary,.xcocar-card{border:2px solid var(--xcocar-dark-gray)}}