@charset "utf-8"; :root{--chat-primary:#0056b3;--chat-primary-hover:#004494;--chat-primary-light:#e3f2fd;--chat-secondary:#f8f9fa;--chat-accent:#28a745;--chat-accent-hover:#218838;--chat-text:#212529;--chat-text-light:#6c757d;--chat-white:#fff;--chat-border:#e0e0e0;--chat-shadow:0 8px 32px rgba(0,0,0,0.12);--chat-shadow-sm:0 2px 8px rgba(0,0,0,0.08);--chat-notification:#dc3545;--chat-success:#28a745;--chat-warning:#ffc107;--chat-typing-bg:#e9ecef;--chat-admin-bg:#f8f9fa;--chat-user-bg:#0056b3;--chat-user-text:#fff;--chat-transition:all .3s cubic-bezier(0.4,0,0.2,1)}[data-theme=dark]{--chat-primary:#1e88e5;--chat-primary-hover:#1976d2;--chat-primary-light:#263238;--chat-secondary:#1e1e1e;--chat-accent:#4caf50;--chat-accent-hover:#43a047;--chat-text:#e0e0e0;--chat-text-light:#9e9e9e;--chat-white:#121212;--chat-border:#333;--chat-shadow:0 8px 32px rgba(0,0,0,0.4);--chat-shadow-sm:0 2px 8px rgba(0,0,0,0.3);--chat-typing-bg:#2c2c2c;--chat-admin-bg:#2c2c2c;--chat-user-bg:#1e88e5;--chat-user-text:#fff}.chat-widget{position:fixed;bottom:0;left:20px;z-index:9999;font-family:'Noto Sans Arabic','Segoe UI',Tahoma,sans-serif;direction:rtl;max-width:100%}.chat-button-container{position:relative;display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.chat-button{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--chat-primary) 0,var(--chat-primary-hover) 100%);color:var(--chat-white);border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--chat-shadow);transition:var(--chat-transition);position:relative;overflow:hidden}.chat-button::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,0.3);transform:translate(-50%,-50%);transition:width .6s,height .6s}.chat-button:hover::before{width:300px;height:300px}.chat-button:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 40px rgba(0,86,179,0.3)}.chat-button:active{transform:translateY(-2px) scale(1.02)}.chat-button .chat-icon{width:36px;height:36px;border-radius:50%;object-fit:cover;position:relative;z-index:1;transition:var(--chat-transition)}.chat-button:hover .chat-icon{transform:rotate(360deg)}.chat-button i{font-size:28px;position:relative;z-index:1}.notification-badge{position:absolute;top:-4px;right:-4px;background:linear-gradient(135deg,var(--chat-notification) 0,#c82333 100%);color:var(--chat-white);border-radius:50%;min-width:24px;height:24px;display:none;align-items:center;justify-content:center;font-size:11px;font-weight:700;padding:0 6px;border:2px solid var(--chat-white);box-shadow:0 2px 8px rgba(220,53,69,0.4);animation:pulse 2s infinite}.notification-badge.active{display:flex}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.online-status{position:absolute;bottom:2px;right:2px;width:18px;height:18px;background:var(--chat-success);border:3px solid var(--chat-white);border-radius:50%;box-shadow:0 0 0 2px rgba(40,167,69,0.3);animation:pulse-online 2s infinite}@keyframes pulse-online{0%,100%{box-shadow:0 0 0 2px rgba(40,167,69,0.3)}50%{box-shadow:0 0 0 6px rgba(40,167,69,0.1)}}.chat-window{position:fixed;bottom:100px;left:20px;width:420px;max-width:calc(100vw - 40px);height:600px;max-height:calc(100vh - 140px);background:var(--chat-white);border-radius:16px;box-shadow:var(--chat-shadow);display:none;flex-direction:column;overflow:hidden;opacity:0;transform:translateY(20px) scale(0.95);transition:var(--chat-transition)}.chat-window.active{display:flex;opacity:1;transform:translateY(0) scale(1)}.chat-header{background:linear-gradient(135deg,var(--chat-primary) 0,var(--chat-primary-hover) 100%);color:var(--chat-white);padding:20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 12px rgba(0,0,0,0.1);position:relative;overflow:hidden}.chat-header::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,0.1) 0,transparent 70%);animation:headerGlow 8s linear infinite}@keyframes headerGlow{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.chat-header-content{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.chat-header-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,0.3);box-shadow:0 2px 8px rgba(0,0,0,0.2)}.chat-header-info h3{margin:0;font-size:18px;font-weight:600;line-height:1.2}.chat-header-info p{margin:4px 0 0;font-size:13px;opacity:.9;display:flex;align-items:center;gap:6px}.chat-header-info .status-dot{width:8px;height:8px;background:var(--chat-success);border-radius:50%;display:inline-block;animation:pulse-online 2s infinite}.chat-header-actions{display:flex;gap:8px;position:relative;z-index:1}.chat-header-btn{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,0.2);border:0;color:var(--chat-white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--chat-transition);backdrop-filter:blur(10px)}.chat-header-btn:hover{background:rgba(255,255,255,0.3);transform:scale(1.1)}.chat-close{font-size:24px;font-weight:300}.chat-messages{flex:1;padding:20px;overflow-y:auto;background:var(--chat-secondary);background-image:radial-gradient(circle at 20% 50%,rgba(0,86,179,0.03) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(40,167,69,0.03) 0,transparent 50%);display:flex;flex-direction:column;gap:16px}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.2);border-radius:10px}.chat-messages::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0.3)}.welcome-message{background:var(--chat-white);border-radius:12px;padding:24px;text-align:center;box-shadow:var(--chat-shadow-sm);animation:slideUp .5s ease}.welcome-message-icon{width:64px;height:64px;margin:0 auto 16px;background:linear-gradient(135deg,var(--chat-primary) 0,var(--chat-accent) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--chat-white);font-size:32px}.welcome-message h4{margin:0 0 8px;color:var(--chat-text);font-size:20px;font-weight:600}.welcome-message p{margin:0;color:var(--chat-text-light);font-size:14px;line-height:1.6}.message{display:flex;align-items:flex-end;gap:8px;animation:messageSlide .3s ease;max-width:85%}@keyframes messageSlide{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user-message{align-self:flex-end;flex-direction:row-reverse}.message.admin-message{align-self:flex-start}.message-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.message-content{position:relative;padding:12px 16px;border-radius:18px;max-width:100%;word-wrap:break-word;box-shadow:var(--chat-shadow-sm);line-height:1.5;font-size:14px}.user-message .message-content{background:linear-gradient(135deg,var(--chat-user-bg) 0,var(--chat-primary-hover) 100%);color:var(--chat-user-text);border-bottom-left-radius:4px}.admin-message .message-content{background:var(--chat-white);color:var(--chat-text);border-bottom-right-radius:4px;border:1px solid var(--chat-border)}.message-time{font-size:11px;opacity:.7;margin-top:4px;display:block}.user-message .message-time{text-align:left}.admin-message .message-time{text-align:right;color:var(--chat-text-light)}.typing-indicator{display:none;align-items:center;gap:8px;padding:12px 16px;background:var(--chat-white);border-radius:18px;border-bottom-right-radius:4px;max-width:fit-content;box-shadow:var(--chat-shadow-sm);border:1px solid var(--chat-border)}.typing-indicator.active{display:flex;animation:messageSlide .3s ease}.typing-dots{display:flex;gap:4px}.typing-dots span{width:8px;height:8px;background:var(--chat-text-light);border-radius:50%;animation:typingDot 1.4s infinite}.typing-dots span:nth-child(1){animation-delay:0}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingDot{0%,60%,100%{transform:translateY(0);opacity:.7}30%{transform:translateY(-8px);opacity:1}}.quick-replies{padding:12px 20px;background:var(--chat-white);border-top:1px solid var(--chat-border);display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin}.quick-replies::-webkit-scrollbar{height:4px}.quick-replies::-webkit-scrollbar-track{background:transparent}.quick-replies::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.2);border-radius:10px}.quick-reply{padding:8px 16px;background:var(--chat-primary-light);color:var(--chat-primary);border:1px solid var(--chat-primary);border-radius:20px;cursor:pointer;white-space:nowrap;font-size:13px;font-weight:500;transition:var(--chat-transition);flex-shrink:0}.quick-reply:hover{background:var(--chat-primary);color:var(--chat-white);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,86,179,0.2)}.quick-reply:active{transform:translateY(0)}.chat-input{padding:16px 20px;background:var(--chat-white);border-top:1px solid var(--chat-border);display:flex;gap:12px;align-items:center}.chat-input-wrapper{flex:1;position:relative;display:flex;align-items:center;gap:8px}.chat-input input{flex:1;padding:12px 16px;border:2px solid var(--chat-border);border-radius:24px;font-size:14px;font-family:'Noto Sans Arabic',sans-serif;outline:none;transition:var(--chat-transition);background:var(--chat-secondary)}.chat-input input:focus{border-color:var(--chat-primary);background:var(--chat-white);box-shadow:0 0 0 4px rgba(0,86,179,0.1)}.chat-input input::placeholder{color:var(--chat-text-light)}.attachment-btn{width:40px;height:40px;border-radius:50%;background:transparent;border:0;color:var(--chat-text-light);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--chat-transition);font-size:20px}.attachment-btn:hover{background:var(--chat-secondary);color:var(--chat-primary)}.send-btn{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--chat-primary) 0,var(--chat-primary-hover) 100%);border:0;color:var(--chat-white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--chat-transition);font-size:18px;box-shadow:0 4px 12px rgba(0,86,179,0.3)}.send-btn:hover{transform:scale(1.1);box-shadow:0 6px 16px rgba(0,86,179,0.4)}.send-btn:active{transform:scale(0.95)}.send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.connection-status{padding:8px 20px;background:var(--chat-warning);color:#000;text-align:center;font-size:12px;display:none;align-items:center;justify-content:center;gap:8px}.connection-status.active{display:flex}.connection-status.connected{background:var(--chat-success);color:var(--chat-white)}.connection-status.disconnected{background:var(--chat-notification);color:var(--chat-white)}.connection-status i{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.chat-rating{padding:16px 20px;background:var(--chat-white);border-top:1px solid var(--chat-border);text-align:center;display:none}.chat-rating.active{display:block;animation:slideUp .3s ease}.chat-rating p{margin:0 0 12px;font-size:14px;color:var(--chat-text);font-weight:500}.rating-stars{display:flex;justify-content:center;gap:8px}.rating-star{font-size:28px;color:#ddd;cursor:pointer;transition:var(--chat-transition)}.rating-star:hover,.rating-star.active{color:#ffc107;transform:scale(1.2)}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.chat-widget{left:10px}.chat-window{width:calc(100vw - 20px);height:calc(100vh - 140px);left:10px;bottom:90px}.chat-button{width:56px;height:56px}.chat-button .chat-icon{width:30px;height:30px}}@media (max-width:480px){.chat-window{width:100vw;height:100vh;max-height:100vh;left:0;bottom:0;border-radius:0}.chat-button-container{margin-bottom:10px}.message{max-width:90%}.quick-replies{padding:8px 12px}.quick-reply{font-size:12px;padding:6px 12px}}@media print{.chat-widget{display:none !important}}
 /* Quick replies visibility and accessibility improvements */
 .quick-replies{position:relative;padding:10px 12px;background:var(--chat-secondary);border-top:1px solid var(--chat-border)}
 .quick-replies-title{margin:0 0 8px 0;color:var(--chat-text);font-weight:600}
 .quick-reply{display:inline-block;margin:6px 6px 0 0;padding:8px 12px;border:1px solid var(--chat-border);border-radius:20px;background:#fff;color:var(--chat-text);cursor:pointer;transition:all .2s}
 .quick-reply:hover{background:var(--chat-primary-light);border-color:var(--chat-primary);color:var(--chat-primary)}
 @media(max-width:768px){.quick-replies{position:sticky;bottom:0;z-index:3;box-shadow:0 -8px 24px rgba(0,0,0,.08)}.quick-replies{overflow-x:auto;white-space:nowrap}.quick-reply{white-space:nowrap}}
 .faq-search{display:flex;gap:8px;align-items:center;margin:8px 0}
 .faq-search input{flex:1;padding:8px 10px;border:1px solid var(--chat-border);border-radius:8px}
 .faq-suggestions{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
 .faq-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid var(--chat-border);border-radius:16px;background:#fff;color:var(--chat-text);cursor:pointer}
 .faq-chip:hover{background:var(--chat-primary-light);border-color:var(--chat-primary);color:var(--chat-primary)}
 .faq-category{font-weight:600;color:var(--chat-text-light)}