@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700&display=swap";
:root{--black:#080808;--dark:#0f0f0f;--dark2:#141414;--dark3:#1a1a1a;--border:#242424;--teal:#6ec6c0;--teal-dark:#6ec6c040;--text:#e8e8e8;--text-muted:#666;--purple:#8b5cf6}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{height:100%;height:100dvh}body{background:var(--black);color:var(--text);direction:rtl;height:100dvh;font-family:Tajawal,sans-serif;overflow:hidden}.chat-root{background:var(--dark);flex-direction:column;width:100%;max-width:480px;height:100dvh;min-height:-webkit-fill-available;margin:0 auto;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.chat-header{background:var(--black);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.header-left{align-items:center;gap:10px;display:flex}.logo-icon{background:linear-gradient(135deg, var(--teal), var(--purple));color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:flex}.header-info h1{color:var(--text);font-size:15px;font-weight:700}.header-info h1 span{color:var(--teal)}.branch-tag{color:var(--text-muted);align-items:center;gap:5px;margin-top:2px;font-size:11px;display:flex}.dot{background:#22c55e;border-radius:50%;width:7px;height:7px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.social-icons{gap:6px;display:flex}.social-icons a{width:30px;height:30px;color:var(--teal);background:#6ec6c014;border:1px solid #6ec6c033;border-radius:8px;justify-content:center;align-items:center;font-size:13px;text-decoration:none;transition:background .15s;display:flex}.social-icons a:active{background:#6ec6c033}.chat-area{scroll-behavior:smooth;flex-direction:column;flex:1;gap:12px;padding:16px 14px;display:flex;overflow-y:auto}.chat-area::-webkit-scrollbar{width:3px}.chat-area::-webkit-scrollbar-track{background:0 0}.chat-area::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.msg-wrap{align-items:flex-end;gap:8px;animation:.2s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.msg-wrap.user{flex-direction:row-reverse}.ai-avatar{background:linear-gradient(135deg, var(--teal), var(--purple));color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-bottom:2px;font-size:13px;display:flex}.bubble{border-radius:14px;max-width:82%;padding:10px 13px;font-size:14px;line-height:1.6}.msg-wrap.assistant .bubble{background:var(--dark3);border:1px solid var(--border);border-bottom-right-radius:4px}.msg-wrap.user .bubble{background:var(--teal);color:var(--black);border-bottom-left-radius:4px;font-weight:500}.chat-link{color:var(--teal);font-weight:500;text-decoration:underline}.social-btns{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.social-btns a{color:var(--teal);background:#6ec6c01a;border:1px solid #6ec6c04d;border-radius:20px;padding:6px 12px;font-size:13px;font-weight:500;text-decoration:none}.bubble.typing{align-items:center;gap:5px;padding:14px 16px;display:flex}.bubble.typing span{background:var(--teal);border-radius:50%;width:7px;height:7px;animation:1.2s infinite bounce}.bubble.typing span:nth-child(2){animation-delay:.15s}.bubble.typing span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}.products-list{flex-direction:column;gap:10px;margin-top:10px;display:flex}.product-card{background:var(--dark2);border:1px solid var(--teal-dark);border-radius:12px;overflow:hidden}.product-img{object-fit:contain;background:var(--dark3);width:100%;height:150px;padding:8px}.product-info{padding:10px 12px}.product-name{color:var(--teal);margin-bottom:3px;font-size:13px;font-weight:600;line-height:1.4}.product-brand{color:var(--text-muted);margin-bottom:6px;font-size:11px}.product-price{align-items:center;gap:8px;margin-bottom:6px;display:flex}.price-sale{color:var(--text);font-size:15px;font-weight:700}.price-original{color:var(--text-muted);font-size:12px;text-decoration:line-through}.product-tag{background:var(--teal-dark);color:var(--teal);border-radius:20px;padding:3px 8px;font-size:11px;display:inline-block}.input-bar{padding:12px 14px;padding-bottom:max(12px, env(safe-area-inset-bottom));background:var(--black);border-top:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;display:flex}.input-bar input{background:var(--dark3);border:1px solid var(--border);color:var(--text);direction:rtl;border-radius:24px;outline:none;flex:1;padding:11px 14px;font-family:Tajawal,sans-serif;font-size:14px;transition:border-color .15s}.input-bar input:focus{border-color:var(--teal)}.input-bar input::placeholder{color:var(--text-muted)}.input-bar button{background:var(--teal);width:44px;height:44px;color:var(--black);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;transition:transform .1s,opacity .1s;display:flex}.input-bar button:active{transform:scale(.9)}.input-bar button:disabled{opacity:.4;cursor:not-allowed}