@charset "UTF-8";.chat-widget{position:fixed;bottom:20px;right:20px;z-index:999;font-family:system-ui,-apple-system,sans-serif}.chat-widget.chat-open{position:fixed;z-index:9999}.chat-icon{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#ffc04b,#e6a835);box-shadow:0 4px 12px #ffc04b66;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;position:relative}.chat-icon:hover{transform:scale(1.1);box-shadow:0 6px 20px #ffc04b80}.chat-icon svg{width:30px;height:30px;color:#fff}.chat-badge{position:absolute;top:-5px;right:-5px;background:#ef4444;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;border:2px solid #ffffff;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.chat-window{position:fixed;bottom:20px;right:20px;width:380px;height:600px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.chat-header{background:linear-gradient(135deg,#ffc04b,#e6a835);color:#243c5a;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;min-height:60px}.chat-header-title{font-weight:600;font-size:16px}.chat-header-subtitle{font-size:12px;opacity:.9;margin-top:2px}.chat-close-btn{background:#243c5a33;border:none;border-radius:6px;padding:6px 10px;cursor:pointer;transition:all .2s;color:#243c5a}.chat-close-btn:hover{background:#243c5a4d}.chat-out-of-hours{background:linear-gradient(135deg,#fef3c7,#fde68a);border-bottom:2px solid #F59E0B;padding:12px 16px;display:flex;gap:12px;align-items:flex-start;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.chat-out-of-hours-icon{flex-shrink:0;width:32px;height:32px;background:#f59e0b33;border-radius:50%;display:flex;align-items:center;justify-content:center}.chat-out-of-hours-icon svg{width:20px;height:20px;color:#d97706}.chat-out-of-hours-content{flex:1}.chat-out-of-hours-title{font-weight:600;font-size:14px;color:#92400e;margin-bottom:4px}.chat-out-of-hours-subtitle{font-size:13px;color:#78350f;line-height:1.4;margin-bottom:6px;font-style:italic}.chat-out-of-hours-message{font-size:13px;color:#78350f;line-height:1.4;margin-bottom:6px}.chat-out-of-hours-next{font-size:12px;color:#78350f;margin-top:8px}.chat-out-of-hours-next strong{font-weight:600}.chat-body{flex:1;overflow-y:auto;padding:16px;background:#f3f4f6;display:flex;flex-direction:column;gap:12px}.chat-body::-webkit-scrollbar{width:6px}.chat-body::-webkit-scrollbar-track{background:transparent}.chat-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.chat-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.chat-message{display:flex;margin-bottom:8px;animation:fadeIn .3s ease-out}.chat-message.user{justify-content:flex-end}.chat-message.user .message-bubble{background:#ffc04b;color:#243c5a;border-radius:18px 18px 4px}.chat-message.assistant .message-bubble{background:#fff;color:#1f2937;border-radius:18px 18px 18px 4px;box-shadow:0 1px 2px #0000000d}.chat-message.system{justify-content:center}.chat-message.system .message-bubble{background:#fef3c7;color:#92400e;border-radius:12px;font-size:13px;text-align:center;padding:8px 16px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-bubble{max-width:75%;padding:10px 16px;word-wrap:break-word;font-size:14px;line-height:1.5}.message-time{font-size:11px;opacity:.6;margin-top:4px}.typing-indicator{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border-radius:18px;width:-moz-fit-content;width:fit-content;box-shadow:0 1px 2px #0000000d}.typing-indicator span{font-size:13px;color:#6b7280}.typing-dots{display:flex;gap:4px}.typing-dot{width:8px;height:8px;border-radius:50%;background:#9ca3af;animation:typingDot 1.4s infinite}.typing-dot:nth-child(1){animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingDot{0%,60%,to{transform:translateY(0);opacity:.6}30%{transform:translateY(-10px);opacity:1}}.chat-footer{background:#fff;padding:16px;border-top:1px solid #E5E7EB}.chat-actions{display:flex;gap:8px;margin-bottom:12px}.chat-action-btn{flex:1;padding:8px 12px;font-size:13px;border-radius:6px;border:1px solid #E5E7EB;background:#fff;cursor:pointer;transition:all .2s;color:#374151}.chat-action-btn:hover:not(:disabled){background:#f9fafb;border-color:#ffc04b;color:#e6a835}.chat-action-btn:disabled{opacity:.5;cursor:not-allowed}.chat-action-btn.primary{background:#ffc04b;color:#243c5a;border-color:#ffc04b}.chat-action-btn.primary:hover:not(:disabled){background:transparent}.chat-action-btn.danger{color:#ef4444;border-color:#fee2e2}.chat-action-btn.danger:hover:not(:disabled){background:#fef2f2;border-color:#ef4444}.chat-input-wrapper{display:flex;gap:8px}.chat-input{flex:1;padding:10px 16px;border:1px solid #E5E7EB;border-radius:24px;font-size:14px;outline:none;transition:all .2s}.chat-input:focus{border-color:#ffc04b;box-shadow:0 0 0 3px #ffc04b1a}.chat-input:disabled{background:#f3f4f6;cursor:not-allowed}.chat-send-btn{width:40px;height:40px;border-radius:50%;background:#ffc04b;color:#243c5a;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.chat-send-btn:hover:not(:disabled){background:#e6a835;transform:scale(1.05)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-send-btn svg{width:20px;height:20px}.chat-error{background:#fee2e2;color:#991b1b;padding:10px 14px;border-radius:8px;font-size:13px;margin-bottom:12px;display:flex;align-items:center;gap:8px}.chat-loading{display:inline-block;width:16px;height:16px;border:2px solid rgba(36,60,90,.3);border-top-color:#243c5a;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.chat-widget{position:fixed;bottom:20px;right:20px;z-index:999}.chat-widget.chat-open{bottom:0;right:0;left:0;top:0;z-index:9999}.chat-icon{position:fixed;bottom:20px;right:20px}.chat-window{width:100vw;height:100vh;bottom:0;right:0;border-radius:0;animation:fadeIn .3s ease-out}}.text-center{text-align:center}.flex-center{display:flex;align-items:center;justify-content:center}