/* bottom/right here are fallback defaults only — chat-widget.js measures
   any existing floating buttons (e.g. the theme's Call/WhatsApp stack) on
   load and overrides these via inline style, so the launcher always stacks
   cleanly above them on any theme, with no manual CSS needed. */
#mhcai-launcher{
  position:fixed;bottom:24px;right:24px;
  bottom:calc(24px + env(safe-area-inset-bottom,0px));
  width:56px;height:56px;border-radius:50%;
  background:#0F3B35;color:#fff;border:none;cursor:pointer;
  font-size:1.5rem;box-shadow:0 6px 18px rgba(15,42,38,.3);z-index:9999;
  transition:bottom .15s ease;
}
body.is-rtl #mhcai-launcher,body.lang-ar #mhcai-launcher{right:auto;left:24px;}

#mhcai-panel{
  position:fixed;bottom:92px;right:24px;
  bottom:calc(92px + env(safe-area-inset-bottom,0px));
  width:360px;max-width:calc(100vw - 32px);height:min(520px,70vh);
  background:#fff;border:1px solid #D9D3C4;border-radius:8px;
  box-shadow:0 12px 32px rgba(0,0,0,.18);z-index:9999;
  display:none;flex-direction:column;overflow:hidden;
  font-family:'IBM Plex Sans',system-ui,sans-serif;
  transition:bottom .15s ease;
}
body.is-rtl #mhcai-panel,body.lang-ar #mhcai-panel{right:auto;left:24px;}
#mhcai-panel.open{display:flex;}

#mhcai-header{background:#0F3B35;color:#fff;padding:14px 16px;font-size:.95rem;display:flex;justify-content:space-between;align-items:center;}
#mhcai-close{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;}
#mhcai-messages{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;font-size:.9rem;}
.mhcai-msg{max-width:85%;padding:10px 12px;border-radius:6px;white-space:pre-wrap;line-height:1.5;}
.mhcai-msg.user{align-self:flex-end;background:#0F3B35;color:#fff;}
.mhcai-msg.bot{align-self:flex-start;background:#F6F4EE;color:#0F2A26;}
.mhcai-disclaimer{font-size:.72rem;color:#8a8f8c;padding:0 14px 8px;}
.mhcai-sources{font-size:.75rem;color:#5C6C68;margin-top:6px;}
.mhcai-escalate{background:#EAF3EF;border-radius:6px;padding:10px;font-size:.82rem;margin-top:6px;}
.mhcai-escalate a{display:inline-block;margin-top:6px;margin-inline-end:8px;background:#A9803F;color:#fff;text-decoration:none;padding:6px 10px;border-radius:4px;font-size:.78rem;}
.mhcai-feedback{display:flex;gap:8px;margin-top:6px;}
.mhcai-feedback button{background:none;border:1px solid #D9D3C4;border-radius:4px;cursor:pointer;padding:2px 8px;font-size:.85rem;}

#mhcai-suggested{padding:10px 14px;display:flex;flex-wrap:wrap;gap:6px;border-top:1px solid #eee;}
#mhcai-suggested button{font-size:.76rem;background:#F6F4EE;border:1px solid #D9D3C4;border-radius:12px;padding:5px 10px;cursor:pointer;}

#mhcai-form{display:flex;gap:8px;padding:12px;border-top:1px solid #eee;}
#mhcai-input{flex:1;padding:9px 10px;border:1px solid #D9D3C4;border-radius:5px;font:inherit;font-size:.88rem;}
#mhcai-send{background:#0F3B35;color:#fff;border:none;border-radius:5px;padding:0 14px;cursor:pointer;font-size:.85rem;}
#mhcai-send:disabled{opacity:.5;cursor:default;}

@media (prefers-color-scheme:dark){
  #mhcai-panel{background:#1a1f1d;border-color:#333;}
  .mhcai-msg.bot{background:#242a27;color:#e8e6df;}
}