.demo-booking-form-container{display:flex;flex-direction:column;height:100%;background-color:white;padding:1rem;gap:1rem;overflow-y:auto}.demo-booking-header{padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.demo-booking-title{font-size:1.125rem;font-weight:700;color:#1f2937}.demo-booking-subtitle{font-size:.875rem;color:#4b5563}.progress-bar-container{width:100%;height:.25rem;background-color:#e5e7eb;border-radius:9999px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#4ade80,#22c55e);transition:width .3s}.progress-text{font-size:.75rem;color:#4b5563;text-align:center}.error-alert{display:flex;gap:.5rem;padding:.75rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#b91c1c;font-size:.875rem}.booking-form{display:flex;flex-direction:column;gap:.75rem;flex:1;overflow-y:auto}.form-group{display:flex;flex-direction:column;gap:.25rem}.form-group label{font-size:.875rem;font-weight:500;color:#1f2937}.form-input{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;color:#111827;background-clip:padding-box;transition:all .2s}.form-input:focus{outline:none;border-color:transparent;box-shadow:0 0 0 2px #f97316}.form-input.error{border-color:#ef4444;background-color:#fef2f2}.form-input.touched.error{animation:shake .3s ease-in-out}.form-textarea{resize:none;color:#111827}.form-input::placeholder,.form-textarea::placeholder{color:#9ca3af;opacity:1}.field-error{font-size:.75rem;color:#dc2626;font-weight:500}.form-buttons{padding-top:.75rem;border-top:1px solid #e5e7eb}.btn,.form-buttons{display:flex;gap:.5rem}.btn{flex:1;padding:.5rem 1rem;border-radius:.5rem;font-weight:500;border:none;cursor:pointer;transition:all .2s;align-items:center;justify-content:center;font-size:.875rem}.btn-primary{background-color:#f97316;color:white}.btn-primary:hover{background-color:#ea580c}.btn-primary:disabled{background-color:#d1d5db;cursor:not-allowed;color:white}.btn-secondary{background-color:#d1d5db;color:#1f2937}.btn-secondary:hover{background-color:#9ca3af}.btn-secondary:disabled{background-color:#e5e7eb;cursor:not-allowed}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@media (max-width:640px){.demo-booking-form-container{padding:.75rem}.booking-form{gap:.5rem}}.chat-window-container{display:flex;flex-direction:column;height:100%;background-color:white;border-radius:1rem;box-shadow:0 20px 30px -5px rgba(0,0,0,.15)}.chat-header{background:linear-gradient(135deg,#ff7a00,#ff5500);color:white;padding:1.1rem 1.25rem;border-radius:1rem 1rem 0 0;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px rgba(255,107,0,.25)}.chat-title{font-size:1.125rem;font-weight:700;letter-spacing:-.01em}.chat-subtitle{color:rgba(255,255,255,.9);font-size:.8125rem}.close-button{padding:.35rem;border-radius:.5rem;transition:background-color .2s ease;background-color:rgba(255,255,255,.15);border:none;cursor:pointer;color:white;display:flex;align-items:center;justify-content:center}.close-button:hover{background-color:rgba(255,255,255,.3)}.chat-messages{flex:1;overflow-y:auto;padding:1.25rem;gap:1rem;display:flex;flex-direction:column;background-color:#f8fafc;scroll-behavior:smooth}.chat-messages::-webkit-scrollbar{width:5px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#94a3b8}.message-row{display:flex}.message-row.user{justify-content:flex-end}.message-row.bot{justify-content:flex-start}.message{padding:.75rem 1.15rem;border-radius:1rem;max-width:24rem;font-size:.875rem;line-height:1.65;word-wrap:break-word}.message-row.user .message{background-color:#ff6b00;color:white;border-bottom-right-radius:.2rem;animation:slideInRight .3s ease-out;box-shadow:0 4px 12px rgba(255,107,0,.2)}.message-row.bot .message{background-color:#f1f5f9;color:#1e293b;border-bottom-left-radius:.2rem;animation:slideInLeft .3s ease-out;border:1px solid #e2e8f0}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}.typing-indicator{display:flex;gap:4px;align-items:center;margin-top:4px}.typing-indicator span{width:7px;height:7px;border-radius:50%;background-color:currentColor;animation:typing 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center}.empty-state-icon{margin-bottom:1rem;padding:1rem;border-radius:50%;background-color:#fff7ed;box-shadow:0 4px 12px rgba(255,107,0,.1)}.empty-state-title{font-size:1.125rem;font-weight:700;color:#0f172a;margin-bottom:.4rem}.empty-state-text{font-size:.875rem;color:#64748b;margin-bottom:1.5rem;padding:0 1rem}.quick-actions{display:flex;flex-direction:column;gap:.5rem;width:100%;padding:0 .5rem}.quick-action-button{width:100%;padding:.6rem .85rem;background-color:#ffffff;color:#334155;font-size:.875rem;font-weight:500;border-radius:.75rem;border:1px solid #e2e8f0;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.03)}.quick-action-button:hover{background-color:#fff7ed;border-color:#fdba74;color:#c2410c;transform:translateY(-1px)}.chat-input-form{padding:.85rem 1rem;background-color:white;border-top:1px solid #f1f5f9;border-radius:0 0 1rem 1rem}.pill-input-container{display:flex;align-items:center;width:100%;background-color:#ffffff;border:1px solid #d1d5db;border-radius:9999px;padding:.35rem .6rem .35rem .85rem;transition:all .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.04)}.pill-input-container:focus-within,.pill-input-container:hover{border-color:#ff6b00;box-shadow:0 0 0 3px rgba(255,107,0,.15)}.grip-handle{display:flex;align-items:center;justify-content:center;margin-right:.4rem;cursor:grab}.grip-handle:active{cursor:grabbing}.chat-input{flex:1;border:none;outline:none;background:transparent;font-size:.875rem;color:#1f2937;padding:.25rem}.chat-input::placeholder{color:#6b7280;opacity:1}.chat-input:disabled{color:#9ca3af;cursor:not-allowed}.send-button{background:transparent;color:#4b5563;border:none;border-radius:50%;padding:.4rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.send-button:hover:not(:disabled){color:#ff6b00;background-color:#fff7ed}.send-button:disabled{color:#d1d5db;opacity:.5;cursor:not-allowed}@media (max-width:640px){.message{max-width:16rem}}.chatbot-shell{font-family:var(--font-inter),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;user-select:none}.floating-chat-button{width:3.5rem;height:3.5rem;border-radius:50%;background-color:#ff6b00;color:white;box-shadow:0 8px 24px rgba(255,107,0,.45);display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;outline:none;flex-shrink:0}.floating-chat-button:hover{background-color:#ff7a00;transform:scale(1.08);box-shadow:0 12px 28px rgba(255,107,0,.55)}.floating-chat-button:active{transform:scale(.95)}.floating-chat-button:focus-visible{outline:2px solid white;outline-offset:2px}.floating-chat-tooltip{position:absolute;bottom:115%;right:0;padding:.4rem .75rem;background-color:#0f172a;color:white;font-size:.75rem;font-weight:500;border-radius:.5rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;transform:translateY(4px);box-shadow:0 4px 12px rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.1)}.floating-chat-button:hover .floating-chat-tooltip{opacity:1;transform:translateY(0)}.floating-pill-bar{background-color:#ffffff;border:1px solid #d1d5db;border-radius:9999px;box-shadow:0 4px 18px rgba(0,0,0,.08);padding:.45rem .75rem .45rem .85rem;display:flex;align-items:center;transition:all .2s ease}.floating-pill-bar:focus-within,.floating-pill-bar:hover{border-color:#ff6b00;box-shadow:0 6px 20px rgba(0,0,0,.12),0 0 0 3px rgba(255,107,0,.15)}@media (max-width:640px){.floating-chat-button{width:3rem;height:3rem}}