@import "https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@100..900&display=swap";@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap";:root{--chat-primary:#0088eb;--chat-primary-dark:#0069d9;--surface-muted:#f8fafc}.chat-widget-toggle{background:var(--chat-primary);color:#fff;cursor:pointer;z-index:1000;border:0;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:transform .3s;display:flex;position:fixed;bottom:1rem;left:1rem;box-shadow:0 4px 12px #00000026}.chat-widget-toggle:hover{background:var(--chat-primary);transform:scale(1.05)}.chat-widget-toggle.connected{background:var(--chat-primary)}.chat-icon{width:28px;height:28px}.chat-widget-container{z-index:1001;direction:rtl;background:#fff;border-radius:14px;flex-direction:column;width:min(475px,100vw - 2rem);height:400px;display:flex;position:fixed;bottom:80px;left:1rem;overflow:hidden;box-shadow:0 18px 40px #0f172a2e}.chat-widget-header{background:var(--chat-primary);color:#fff;border-radius:14px 14px 0 0;flex-direction:column;justify-content:space-between;padding:10px;display:flex}.chat-widget-header-actions,.chat-widget-input{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.chat-widget-header-actions{direction:rtl}.chat-widget-menu-btn{letter-spacing:1px;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;font-size:30px;line-height:1;display:inline-flex}.chat-widget-menu-btn:hover{background:#ffffff1f}.chat-widget-header-content{text-align:right;flex-direction:column;align-items:flex-start;gap:10px;display:flex}.chat-widget-header h2{margin:0;font-size:24px;font-weight:800;line-height:1.4}.chat-widget-header p{color:#ffffffeb;flex-direction:row-reverse;align-items:center;gap:7px;margin:0;font-weight:700;display:inline-flex}.chat-widget-status-dot{background:#22c55e;border-radius:50%;width:10px;height:10px;display:inline-block;box-shadow:0 0 0 4px #22c55e2e}.chat-widget-agents{flex-direction:row;padding-right:10px;display:flex}.chat-widget-agents span{width:34px;height:34px;color:var(--chat-primary);background:linear-gradient(135deg,#e0f2fe,#dbeafe);border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;margin-right:-10px;font-weight:800;display:inline-flex;overflow:hidden;box-shadow:0 4px 10px #0f172a29}.chat-widget-agent-image{object-fit:cover;border-radius:999px;width:100%;height:100%;display:block}.close-btn,.chat-widget-menu-btn{color:#fff;cursor:pointer;font:inherit;background:0 0;border:0}.close-btn{justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:1.5rem;display:inline-flex}.chat-widget-help{background:var(--surface-muted);color:#64748b;text-align:center;border-bottom:1px solid #e5e7eb;justify-content:center;align-items:center;min-height:50px;display:flex}.chat-widget-messages{flex-direction:column;flex:1;gap:.75rem;padding:1rem;display:flex;overflow-y:auto}.chat-message{flex-direction:column;gap:.25rem;display:flex}.chat-message.client{align-items:flex-end}.chat-message.admin{align-items:flex-start}.message-header{color:#666;gap:.5rem;font-size:.75rem;display:flex}.message-user{font-weight:600}.message-time{color:#999}.chat-empty{color:#999;text-align:center;padding:2rem}.message-text{color:#334155;word-break:break-word;background:#f1f5f9;border-radius:12px;max-width:80%;padding:.75rem}.chat-message.client .message-text{background:var(--chat-primary);color:#fff}.chat-message.admin .message-text{color:#334155;background:#f1f5f9}.chat-widget-input{border-top:1px solid #e5e7eb;padding:12px 16px}.chat-widget-input input{border:0;border-bottom:1px solid var(--chat-primary);font:inherit;outline:0;flex:1;order:1;padding:.75rem 0}.chat-widget-input button{background:var(--chat-primary);color:#fff;cursor:pointer;border:0;border-radius:50%;flex:0 0 50px;order:2;justify-content:center;align-items:center;width:50px;height:50px;display:inline-flex}.chat-widget-input button:disabled{cursor:not-allowed;background:#e5e7eb}.chat-status{color:#999;text-align:center;background:#f9f9f9;padding:.5rem 1rem;font-size:.85rem}.otp-page{background:#f5f7fa;flex-direction:column;min-height:100vh;display:flex}.otp-main{flex:1;justify-content:center;align-items:center;padding:2rem 1rem;display:flex}.otp-container{background:#fff;border-radius:16px;width:min(480px,100%);padding:2.5rem;box-shadow:0 4px 6px #0000001a}.otp-header{text-align:center;margin-bottom:2rem}.otp-title{color:#000624;margin:0 0 .5rem;font-size:1.75rem;font-weight:700}.otp-subtitle{color:#868aa5;font-size:.875rem}.otp-input-container{justify-content:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.otp-input{text-align:center;border:2px solid #dfe5eb;border-radius:8px;outline:0;width:56px;height:56px;font:600 1.5rem inherit}.otp-input:focus{border-color:#166aea;box-shadow:0 0 0 3px #166aea1a}.otp-verify-btn{color:#fff;width:100%;font:inherit;cursor:pointer;background:linear-gradient(90deg,#56ccf2,#166aea);border:0;border-radius:8px;padding:1rem;font-weight:600}.otp-back-btn{color:#868aa5;width:100%;font:inherit;cursor:pointer;background:0 0;border:1px solid #dfe5eb;border-radius:8px;margin-top:.75rem;padding:.75rem}.step-wizard{direction:rtl;padding:10px 8px 0;position:relative}.step-wizard .progress{background:#e5e7eb;border-radius:999px;height:8px;margin:10px 34px 14px;overflow:hidden}.step-wizard .progressbar{height:100%;width:var(--wizard-progress,60%);background:#16a34a;border-radius:999px}.step-wizard ul{grid-template-columns:repeat(5,1fr);gap:6px;margin:0;padding:0;list-style:none;display:grid}.step-wizard li{text-align:center;opacity:.5}.step-wizard li.active{opacity:1}.step-wizard .step{color:#6b7280;background:#e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin:auto;font-weight:800;display:flex}.step-wizard li.active .step{color:#fff;background:#16a34a}.loading-screen{z-index:99999;background:linear-gradient(135deg,#667eea,#764ba2);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-container{color:#fff;text-align:center}.loading-text{font-size:1.125rem;font-weight:500}@media (width<=640px){.chat-widget-container{width:calc(100vw - 2rem);height:min(500px,100vh - 100px);left:1rem;right:1rem}.otp-container{padding:1.5rem}.otp-input{width:48px;height:48px;font-size:1.25rem}}@media (width<=768px){.chat-widget-container{width:calc(100vw - 2rem);height:min(500px,100vh - 100px);left:1rem;right:1rem}}