.chatbot-container{z-index:10000;font-family:Tajawal,sans-serif;position:fixed;bottom:20px;right:20px}.chatbot-trigger{color:#fc0;cursor:pointer;background:linear-gradient(135deg,#1b5e20 0%,#16a34a 100%);border:3px solid #fc0;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);animation:.6s bounceIn;display:flex;position:relative;box-shadow:0 6px 20px #1b5e2073}.chatbot-trigger:hover{transform:scale(1.1)}.chatbot-trigger.active{color:#fff;background:#dc3545;border-color:#fff;transform:rotate(90deg)}.unread-dot{background:#f59e0b;border:2px solid #fff;border-radius:50%;width:10px;height:10px;animation:1.5s infinite pulse;position:absolute;top:4px;left:4px}.chatbot-window{background:#f8fafc;border:1px solid #1b5e2026;border-radius:20px;flex-direction:column;width:360px;height:480px;animation:.28s ease-out slideUp;display:flex;position:absolute;bottom:70px;right:0;overflow:hidden;box-shadow:0 20px 60px #0003}.chatbot-header{color:#fff;background:linear-gradient(90deg,#1b5e20 0%,#15803d 100%);border-bottom:3px solid #fc0;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.header-info{align-items:center;gap:12px;display:flex}.bot-avatar-header{color:#1b5e20;background:#fc0;border:2px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.header-info h4{margin:0;font-size:15px;font-weight:800}.status-dot{opacity:.9;color:#86efac;font-size:11px}.close-chat{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:background .2s;display:flex}.close-chat:hover{background:#dc3545}.messages-area{scroll-behavior:smooth;flex-direction:column;flex:1;gap:14px;padding:16px 14px;display:flex;overflow-y:auto}.messages-area::-webkit-scrollbar{width:4px}.messages-area::-webkit-scrollbar-track{background:0 0}.messages-area::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.message-wrap{align-items:flex-end;gap:8px;animation:.25s ease-out msgIn;display:flex}.ai-wrap{justify-content:flex-start}.user-wrap{flex-direction:row-reverse;justify-content:flex-end}.msg-avatar{color:#16a34a;background:#dcfce7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.user-av{color:#2563eb;background:#dbeafe}.msg-bubble-group{flex-direction:column;gap:3px;max-width:75%;display:flex}.msg-bubble{word-break:break-word;border-radius:16px;padding:10px 14px;font-size:14px;line-height:1.6}.ai-bubble{color:#1e293b;background:#fff;border-bottom-right-radius:4px;box-shadow:0 2px 8px #00000014}.user-bubble{color:#fff;background:linear-gradient(135deg,#1b5e20,#16a34a);border-bottom-left-radius:4px}.msg-time{color:#94a3b8;text-align:left;padding:0 4px;font-size:10px}.user-wrap .msg-time{text-align:right}.typing-indicator{background:#fff;border-radius:16px;align-items:center;gap:5px;padding:12px 16px;display:flex;box-shadow:0 2px 8px #0000000f}.typing-indicator span{background:#16a34a;border-radius:50%;width:7px;height:7px;animation:1.2s infinite typing}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}.chatbot-input-area{background:#fff;border-top:1px solid #e2e8f0;flex-shrink:0;align-items:center;gap:10px;padding:12px 14px;display:flex}.chatbot-input-area input{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:20px;outline:none;flex:1;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .2s}.chatbot-input-area input:focus{background:#fff;border-color:#16a34a}.chatbot-input-area button{color:#fc0;cursor:pointer;background:linear-gradient(135deg,#1b5e20,#16a34a);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.chatbot-input-area button:disabled{opacity:.5;cursor:not-allowed}.chatbot-input-area button:not(:disabled):hover{transform:scale(1.1)}.quick-actions{padding:8px 4px;animation:.3s ease-out msgIn}.quick-actions-title{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px;font-weight:700}.questions-grid{flex-wrap:wrap;gap:8px;display:flex}.question-chip{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:6px 12px;font-family:inherit;font-size:13px;transition:all .2s;box-shadow:0 1px 3px #0000000d}.question-chip:hover:not(:disabled){color:#16a34a;background:#f0fdf4;border-color:#16a34a;transform:translateY(-1px)}.question-chip:disabled{opacity:.6;cursor:not-allowed}.complaint-btn{color:#d97706;background:#fffbeb;border-color:#f59e0b;align-items:center;font-weight:600;display:flex}.complaint-btn:hover:not(:disabled){color:#b45309;background:#fef3c7;border-color:#d97706}.complaint-notice{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-top:10px;padding:10px 14px;animation:.3s ease-out msgIn}.complaint-notice p{color:#991b1b;margin:0 0 8px;font-size:12px;line-height:1.5}.cancel-complaint{color:#dc3545;cursor:pointer;background:#fff;border:1px solid #dc3545;border-radius:8px;padding:4px 12px;font-size:11px;transition:all .2s}.cancel-complaint:hover{color:#fff;background:#dc3545}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes msgIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes typing{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}@media (max-width:420px){.chatbot-window{width:310px;height:420px;right:-8px}}