/* X Brand — مساعد الدردشة (v5.193) · كحلي / أزرق / أبيض، بدون برتقالي */
.xbAsstFab{position:fixed;left:14px;bottom:calc(92px + env(safe-area-inset-bottom));z-index:60;width:56px;height:56px;border-radius:50%;border:0;display:grid;place-items:center;cursor:pointer;
 background:linear-gradient(145deg,#1F47E0,#0A1A3A);color:#fff;box-shadow:0 14px 30px rgba(10,26,58,.34),inset 0 1px 0 rgba(255,255,255,.25);transition:transform .2s ease}
.xbAsstFab svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;position:relative;z-index:1}
.xbAsstFab:active{transform:scale(.94)}
.xbAsstFab:focus-visible{outline:3px solid #8FB0FF;outline-offset:3px}
.xbAsstFabRing{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(143,176,255,.8);opacity:0}
.xbAsstFab.hint .xbAsstFabRing{animation:xbAsstRing 2.4s ease-out 3}
.xbAsstFab.hint{animation:xbAsstBob 2.4s ease-in-out 3}
@keyframes xbAsstRing{0%{transform:scale(1);opacity:.9}80%,100%{transform:scale(1.55);opacity:0}}
@keyframes xbAsstBob{0%,100%{transform:translateY(0)}20%{transform:translateY(-5px)}40%{transform:translateY(0)}}
@media(min-width:760px){.xbAsstFab{bottom:24px;left:24px}}
html.xbGateOn .xbAsstFab,html.xbAsstOpen .xbAsstFab{display:none}

.xbAsst{position:fixed;inset:0;z-index:2147482500;direction:rtl;font-family:"SF Arabic","Noto Sans Arabic","Segoe UI",system-ui,Tahoma,sans-serif}
.xbAsst[hidden]{display:none}
.xbAsstBackdrop{position:absolute;inset:0;background:rgba(10,26,58,.42);opacity:0;transition:opacity .2s ease}
.xbAsstPanel{position:absolute;left:0;right:0;bottom:0;height:min(86vh,720px);display:flex;flex-direction:column;background:#F6F8FD;border-radius:24px 24px 0 0;box-shadow:0 -20px 60px rgba(10,26,58,.25);transform:translateY(24px);opacity:0;transition:transform .22s ease,opacity .22s ease;overflow:hidden}
.xbAsst.show .xbAsstBackdrop{opacity:1}
.xbAsst.show .xbAsstPanel{transform:none;opacity:1}
@media(min-width:760px){.xbAsstPanel{left:24px;right:auto;bottom:24px;width:390px;height:600px;border-radius:24px}.xbAsstBackdrop{background:rgba(10,26,58,.18)}}
html.xbAsstOpen body{overflow:hidden}

.xbAsstHead{display:flex;align-items:center;gap:11px;padding:14px 16px;background:linear-gradient(135deg,#0A1A3A,#1F3B9C);color:#fff}
.xbAsstHead div{flex:1;min-width:0}
.xbAsstHead b{display:block;font-size:15px}
.xbAsstHead small{display:block;font-size:11.5px;color:#B8C8F0;margin-top:2px}
.xbAsstAvatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.14);font-size:18px;color:#8FB0FF}
.xbAsstClose{width:36px;height:36px;border-radius:11px;border:0;background:rgba(255,255,255,.12);color:#fff;font-size:15px;cursor:pointer}

.xbAsstList{flex:1;overflow-y:auto;padding:14px 12px 6px;display:flex;flex-direction:column;gap:10px;overscroll-behavior:contain}
.xbAsstMsg{max-width:88%;display:flex;flex-direction:column;gap:8px}
.xbAsstMsg p{margin:0;padding:10px 13px;border-radius:16px;font-size:14px;line-height:1.75;white-space:normal;word-break:break-word}
.xbAsstMsg.bot{align-self:flex-start}
.xbAsstMsg.bot p{background:#fff;color:#0E1A33;border:1px solid #E1E9F8;border-top-right-radius:6px}
.xbAsstMsg.me{align-self:flex-end}
.xbAsstMsg.me p{background:#1F47E0;color:#fff;border-top-left-radius:6px}
.xbAsstMsg.typing p{display:flex;gap:5px;align-items:center;min-height:20px}
.xbAsstMsg.typing i{width:6px;height:6px;border-radius:50%;background:#8FB0FF;animation:xbAsstDot 1s infinite ease-in-out}
.xbAsstMsg.typing i:nth-child(2){animation-delay:.15s}.xbAsstMsg.typing i:nth-child(3){animation-delay:.3s}
@keyframes xbAsstDot{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(-4px);opacity:1}}

.xbAsstProds{display:flex;flex-direction:column;gap:6px}
.xbAsstProd{display:grid;grid-template-columns:52px 1fr;gap:10px;align-items:center;text-align:right;padding:7px;border-radius:14px;border:1px solid #E1E9F8;background:#fff;cursor:pointer;font:inherit;color:#0E1A33}
.xbAsstProd img{width:52px;height:64px;border-radius:10px;object-fit:cover;background:#EEF2FA}
.xbAsstProd span{display:flex;flex-direction:column;gap:2px;min-width:0}
.xbAsstProd b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.xbAsstProd small{font-size:11.5px;color:#5A6784}
.xbAsstProd em{font-style:normal;font-weight:800;color:#1F47E0;font-size:13px}
.xbAsstProd:active{transform:scale(.99)}
.xbAsstAct{align-self:flex-start;border:1px solid #D5E0F3;background:#fff;color:#0A1A3A;border-radius:999px;padding:8px 14px;font:inherit;font-size:13px;font-weight:800;cursor:pointer}
.xbAsstAct.wa{background:#128C4A;border-color:#128C4A;color:#fff}

.xbAsstChips{display:flex;gap:6px;overflow-x:auto;padding:6px 12px 8px;scrollbar-width:none}
.xbAsstChips::-webkit-scrollbar{display:none}
.xbAsstChips[hidden]{display:none}
.xbAsstChips button{flex:0 0 auto;border:1px solid #D5E0F3;background:#fff;color:#0A1A3A;border-radius:999px;padding:7px 12px;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap}

.xbAsstForm{display:flex;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #E1E9F8}
.xbAsstForm input{flex:1;min-width:0;border:1px solid #D5E0F3;border-radius:14px;padding:12px 14px;font:inherit;font-size:16px;background:#F6F8FD;color:#0E1A33}
.xbAsstForm input:focus{outline:none;border-color:#1F47E0;box-shadow:0 0 0 3px rgba(31,71,224,.14);background:#fff}
.xbAsstForm button{width:48px;border:0;border-radius:14px;background:#1F47E0;color:#fff;cursor:pointer;display:grid;place-items:center}
.xbAsstForm button:disabled{opacity:.5}
.xbAsstForm button svg{width:20px;height:20px;fill:currentColor}
@media(prefers-reduced-motion:reduce){.xbAsstFab,.xbAsstFab.hint,.xbAsstFab.hint .xbAsstFabRing,.xbAsstPanel,.xbAsstBackdrop,.xbAsstMsg.typing i{animation:none!important;transition:none!important}}

/* v5.193 — Lana conversational polish */
.xbAsstOnline{display:inline-block;width:7px;height:7px;border-radius:50%;background:#60d394;margin-left:4px;box-shadow:0 0 0 3px rgba(96,211,148,.14);vertical-align:middle}
.xbAsstAvatar{font-weight:900;font-size:16px}
.xbAsstAct.primary{background:#1F47E0;border-color:#1F47E0;color:#fff}
.xbAsstAct.danger{background:#fff;color:#9b1c1c;border-color:#efc5c5}
.xbAsstMsg.bot+.xbAsstMsg.bot{margin-top:-4px}
.xbAsstMsg.bot+.xbAsstMsg.bot p{border-top-right-radius:12px}