/* Amjad Offline FAQ Agent */
#amjad-agent-btn{
  position: fixed;
  right: 18px;
  bottom: 18px;
  width: 56px;
  height: 56px;
  border-radius: 9999px;
  border: none;
  cursor: pointer;
  z-index: 9999;
  box-shadow: 0 10px 25px rgba(0,0,0,.18);
  background: #10B981;
  color: #fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size: 22px;
}
#amjad-agent-btn:hover{ filter: brightness(.95); }

#amjad-agent-panel{
  position: fixed;
  right: 18px;
  bottom: 86px;
  width: min(360px, calc(100vw - 36px));
  max-height: min(520px, calc(100vh - 140px));
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 14px 40px rgba(0,0,0,.22);
  z-index: 9999;
  overflow: hidden;
  display:none;
  border: 1px solid rgba(0,0,0,.06);
}

#amjad-agent-panel.open{ display:block; }

#amjad-agent-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 12px 14px;
  background: rgba(16,185,129,.12);
}
#amjad-agent-title{
  font-weight: 800;
  color: #064E3B;
}
#amjad-agent-close{
  background: transparent;
  border: none;
  cursor: pointer;
  font-size: 18px;
  color: #065F46;
}

#amjad-agent-body{
  padding: 12px 14px;
  display:flex;
  flex-direction:column;
  gap: 10px;
}

#amjad-agent-messages{
  overflow:auto;
  padding: 6px 2px;
  display:flex;
  flex-direction:column;
  gap: 8px;
}
.amjad-msg{
  padding: 10px 12px;
  border-radius: 14px;
  line-height: 1.55;
  font-size: 14px;
  border: 1px solid rgba(0,0,0,.06);
}
.amjad-msg.user{
  background: rgba(16,185,129,.10);
  align-self: flex-start;
}
.amjad-msg.bot{
  background: #fff;
  align-self: flex-end;
}

#amjad-agent-quick{
  display:flex;
  flex-wrap:wrap;
  gap: 8px;
}
.amjad-chip{
  border: 1px solid rgba(16,185,129,.35);
  background: rgba(16,185,129,.08);
  color: #065F46;
  padding: 6px 10px;
  border-radius: 9999px;
  cursor:pointer;
  font-size: 12px;
}
.amjad-chip:hover{ background: rgba(16,185,129,.14); }

#amjad-agent-form{
  display:flex;
  gap: 8px;
  align-items:center;
  margin-top: 6px;
}
#amjad-agent-input{
  flex:1;
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 12px;
  padding: 10px 12px;
  font-size: 14px;
  outline: none;
}
#amjad-agent-send{
  border:none;
  border-radius: 12px;
  padding: 10px 12px;
  cursor:pointer;
  background:#10B981;
  color:#fff;
  font-weight:700;
}
#amjad-agent-send:hover{ filter: brightness(.96); }