.ms-chat { position:fixed;left:max(22px,env(safe-area-inset-left));bottom:max(22px,env(safe-area-inset-bottom));z-index:65;font-family:Cairo,Arial,sans-serif;direction:rtl;color:#214268; }
.ms-chat [hidden] { display:none!important; }
.ms-chat button,.ms-chat input,.ms-chat textarea { font:inherit; }
.ms-chat-launcher { position:relative;display:flex;align-items:center;gap:10px;border:1px solid #ffffffaa;border-radius:50px;padding:14px 22px;color:white;background:linear-gradient(120deg,#3578de,#538bdf 55%,#5d86cc);box-shadow:0 8px 32px #3975d43b;cursor:pointer;font-weight:800;font-size:13px; }
.ms-chat-launcher svg { width:24px;height:24px; }
.ms-chat-badge { position:absolute;top:-8px;right:-6px;background:#bd3e67;border:2px solid white;border-radius:30px;color:white;font-size:11px;min-width:25px;padding:2px 5px; }
.ms-chat-panel { position:absolute;bottom:76px;left:0;width:380px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 120px);display:flex;flex-direction:column;background:#fbfdff;border:1px solid #d7e5f6;border-radius:25px;box-shadow:0 24px 90px #30518033;overflow:hidden;text-align:right; }
.ms-chat-header { display:flex;align-items:flex-start;gap:14px;justify-content:space-between;padding:22px;background:linear-gradient(130deg,#e5efff,#e6f6f3);border-bottom:1px solid #deebf7; }
.ms-chat-brand { color:#587896;font-size:10px;font-weight:800; }.ms-chat-header h2 { font-size:22px;color:#244c7e;margin:5px 0;line-height:1.6; }.ms-chat-header p { font-size:12px;line-height:1.8;margin:0;color:#4d6b88; }
.ms-chat-close { flex:0 0 30px;display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid #d4e0ee;border-radius:50%;background:#ffffffad;color:#42658b;font-size:23px!important;cursor:pointer; }
.ms-chat-history { min-height:110px;max-height:310px;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:18px;scrollbar-width:thin; }
.ms-chat-greeting { font-size:12px;line-height:1.9;color:#526e8b;margin:0 0 14px;padding:14px;border:1px dashed #cedff3;border-radius:15px;background:#f2f7ff; }
.ms-chat-messages { display:flex;flex-direction:column;gap:12px; }.ms-chat-message { width:fit-content;max-width:90%;padding:10px 13px;background:#eaf1ff;border:1px solid #dbe6f9;border-radius:15px 15px 4px 15px; }.ms-chat-message.is-admin { align-self:flex-end;background:#e8f5f0;border-color:#d4e9e0;border-radius:15px 15px 15px 4px; }
.ms-chat-message small { font-size:10px;color:#547291;font-weight:800; }.ms-chat-message p { white-space:pre-wrap;overflow-wrap:anywhere;unicode-bidi:plaintext;font-size:13px;line-height:1.9;color:#294b6e;margin:4px 0; }.ms-chat-message time { font-size:9px;color:#617e97;display:block;text-align:left; }
.ms-chat-status { font-size:11px!important;line-height:1.8!important;margin:0!important;padding:4px 18px;color:#48786e; }.ms-chat-status.is-error { color:#a23c50; }
.ms-chat-compose { padding:12px 18px 16px;border-top:1px solid #e4ecf7;flex-shrink:0; }.ms-chat-profile { display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 10px;padding:0;border:0; }.ms-chat-profile label { display:grid;gap:5px;font-size:10px;color:#4c6b8c;min-width:0; }
.ms-chat input,.ms-chat textarea { width:100%;min-width:0;padding:9px 11px;background:white;border:1px solid #d5e2f1;border-radius:11px;color:#2c4c70;font-size:12px;outline:none; }.ms-chat textarea { display:block;resize:vertical;min-height:64px;max-height:120px;line-height:1.8; }.ms-chat input:focus,.ms-chat textarea:focus { border-color:#598ddc;box-shadow:0 0 0 3px #e4efff; }
.ms-chat-send-row { display:flex;gap:10px;justify-content:space-between;align-items:center;margin-top:10px; }.ms-chat-send-row small { font-size:9px;line-height:1.8;color:#637a94; }.ms-chat-send-row button { flex-shrink:0;display:flex;gap:8px;align-items:center;padding:10px 12px;border-radius:12px;border:1px solid #3474ce;background:#3474ce;color:white;font-size:11px;font-weight:800;cursor:pointer; }
.ms-chat-older { display:block;margin:0 auto 14px;border:1px solid #d3e2f6;border-radius:20px;padding:6px 12px;font-size:10px!important;color:#5276a2;background:white;cursor:pointer; }.ms-chat button:disabled { opacity:.6;cursor:wait; }.ms-chat button:focus-visible { outline:3px solid #77a8f4;outline-offset:3px; }
@media(max-width:600px) { .ms-chat { left:16px;bottom:max(16px,env(safe-area-inset-bottom)); }.ms-chat-panel { width:calc(100vw - 32px);bottom:68px;max-height:calc(100dvh - 106px); }.ms-chat-launcher { padding:12px 17px; }.ms-chat-header { padding:17px 18px; }.ms-chat-header h2 { font-size:20px; }.ms-chat-history { max-height:260px; }.ms-chat input,.ms-chat textarea { font-size:16px; } }
@media(max-height:620px) { .ms-chat-panel { bottom:0;max-height:calc(100dvh - 32px);overflow-y:auto; }.ms-chat-header p,.ms-chat-greeting { display:none; }.ms-chat-header { padding:10px 16px; }.ms-chat-header h2 { font-size:17px;margin:0; }.ms-chat-history { max-height:170px;min-height:70px;flex-shrink:0; } }