/* Milestone Monitoring Hub — FAQ Assistant widget. Shared across all pages. */
#mmh-chat-bubble{
  position:fixed;right:22px;bottom:22px;z-index:999;width:60px;height:60px;border-radius:50%;
  background:linear-gradient(160deg,#2A9D8F,#1E7268);border:none;cursor:pointer;
  box-shadow:0 10px 26px -8px rgba(15,23,42,.5);display:flex;align-items:center;justify-content:center;
  transition:transform .2s ease,box-shadow .2s ease;
}
#mmh-chat-bubble:hover{transform:translateY(-3px);box-shadow:0 14px 30px -8px rgba(15,23,42,.55)}
#mmh-chat-bubble svg{width:26px;height:26px}
#mmh-chat-bubble .mmh-pulse{
  position:absolute;top:-3px;right:-3px;width:15px;height:15px;border-radius:50%;
  background:#E9C46A;border:2px solid #fff;
}
#mmh-chat-bubble .mmh-pulse::after{
  content:"";position:absolute;inset:0;border-radius:50%;background:#E9C46A;
  animation:mmhPulse 1.8s ease-out infinite;
}
@keyframes mmhPulse{0%{transform:scale(1);opacity:.7}100%{transform:scale(2.4);opacity:0}}

#mmh-chat-panel{
  position:fixed;right:22px;bottom:94px;z-index:999;width:368px;max-width:calc(100vw - 32px);
  height:520px;max-height:calc(100vh - 140px);background:#fff;border-radius:16px;
  box-shadow:0 24px 60px -16px rgba(15,23,42,.45);display:flex;flex-direction:column;overflow:hidden;
  opacity:0;transform:translateY(16px) scale(.97);pointer-events:none;
  transition:opacity .22s ease,transform .22s ease;
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
#mmh-chat-panel.open{opacity:1;transform:none;pointer-events:auto}

#mmh-chat-head{
  background:linear-gradient(160deg,#1a2947,#0F172A);padding:16px 18px;display:flex;align-items:center;gap:12px;flex-shrink:0;
}
#mmh-chat-head .mmh-mark{width:34px;height:34px;border-radius:50%;background:#2A9D8F;display:flex;align-items:center;justify-content:center;flex-shrink:0}
#mmh-chat-head .mmh-mark svg{width:18px;height:18px}
#mmh-chat-head .mmh-titles{flex:1;min-width:0}
#mmh-chat-head b{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-weight:700;color:#fff;font-size:1.05rem;line-height:1.2}
#mmh-chat-head span{display:block;font-size:.7rem;color:#8fa0c0;margin-top:2px}
#mmh-chat-head span.mmh-online{color:#5EC4B7;display:flex;align-items:center;gap:5px}
#mmh-chat-head span.mmh-online::before{content:"";width:6px;height:6px;border-radius:50%;background:#5EC4B7;display:inline-block}
#mmh-chat-close{background:rgba(255,255,255,.1);border:none;width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}
#mmh-chat-close:hover{background:rgba(255,255,255,.2)}
#mmh-chat-close svg{width:14px;height:14px;stroke:#fff}

#mmh-chat-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;background:#F8FAFC}
#mmh-chat-body::-webkit-scrollbar{width:6px}
#mmh-chat-body::-webkit-scrollbar-thumb{background:#CBD5E1;border-radius:99px}

.mmh-msg{max-width:82%;font-size:.875rem;line-height:1.5;padding:10px 13px;border-radius:14px;animation:mmhIn .25s ease}
@keyframes mmhIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.mmh-msg.bot{align-self:flex-start;background:#fff;color:#334155;border:1px solid #E2E8F0;border-bottom-left-radius:4px}
.mmh-msg.user{align-self:flex-end;background:#2A9D8F;color:#fff;border-bottom-right-radius:4px}
.mmh-msg a{color:#1E7268;font-weight:600;text-decoration:underline}
.mmh-msg.bot a{color:#1E7268}

.mmh-typing{align-self:flex-start;background:#fff;border:1px solid #E2E8F0;border-radius:14px;border-bottom-left-radius:4px;padding:12px 15px;display:flex;gap:4px}
.mmh-typing i{width:6px;height:6px;border-radius:50%;background:#94A3B8;animation:mmhBounce 1.2s infinite}
.mmh-typing i:nth-child(2){animation-delay:.15s}
.mmh-typing i:nth-child(3){animation-delay:.3s}
@keyframes mmhBounce{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}

#mmh-chat-chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 12px;flex-shrink:0;background:#F8FAFC}
.mmh-chip{font-size:.75rem;font-weight:600;color:#1E7268;background:rgba(42,157,143,.1);border:1px solid rgba(42,157,143,.3);padding:6px 12px;border-radius:99px;cursor:pointer;transition:all .15s}
.mmh-chip:hover{background:#2A9D8F;color:#fff}

#mmh-chat-inputrow{display:flex;gap:8px;padding:12px 14px;border-top:1px solid #E2E8F0;flex-shrink:0;background:#fff}
#mmh-chat-input{flex:1;border:1px solid #E2E8F0;border-radius:10px;padding:10px 13px;font-size:.875rem;font-family:inherit;background:#F8FAFC;color:#0F172A}
#mmh-chat-input:focus{outline:none;border-color:#2A9D8F;box-shadow:0 0 0 3px rgba(42,157,143,.15)}
#mmh-chat-send{width:38px;height:38px;border-radius:10px;background:#2A9D8F;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}
#mmh-chat-send:hover{background:#1E7268}
#mmh-chat-send svg{width:16px;height:16px;stroke:#fff}

@media(max-width:480px){
  #mmh-chat-panel{right:12px;left:12px;bottom:86px;width:auto;max-width:none;height:min(70vh,560px)}
  #mmh-chat-bubble{right:16px;bottom:16px}
}