#iprism-chatbot-widget {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 999999;
}

#iprism-chatbot-button {
  background: #0D2A7F;
  color: #fff;
  border-radius: 50%;
  width: 65px;
  height: 65px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 32px;
  box-shadow: 0 6px 20px rgba(0,0,0,.3);
}

#iprism-chatbot-window {
  width: 360px;
  height: 500px;
  background: white;
  border-radius: 18px;
  border: 1px solid #ccc;
  box-shadow: 0 20px 40px rgba(0,0,0,.25);
  display: none;
  flex-direction: column;
  overflow: hidden;
}

.iprism-header {
  background: linear-gradient(135deg,#0D2A7F,#1c4ad9);
  color: #fff;
  padding: 14px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: bold;
}

.iprism-avatar {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background:#fff;
  color:#0D2A7F;
  display:flex;
  justify-content:center;
  align-items:center;
  font-weight:900;
}

.iprism-body {
  padding: 12px;
  height: 380px;
  overflow-y: auto;
  font-size: 14px;
}

.typing {
  padding:10px;
  font-size:13px;
  color:#999;
}

.iprism-option {
  padding: 10px;
  background: #f2f6ff;
  border-radius: 8px;
  margin-bottom: 10px;
  cursor: pointer;
  border:1px solid #d8e2ff;
  transition: .2s;
}

.iprism-option:hover {
  background: #e6edff;
}

.iprism-footer {
  padding: 10px;
  text-align: center;
  background: #fafafa;
  border-top: 1px solid #ddd;
}

.iprism-reset {
  padding: 6px 14px;
  background: #0D2A7F;
  color: #fff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

.iprism-input {
  width:100%;
  padding:8px;
  margin-bottom:8px;
  border-radius:6px;
  border:1px solid #ccc;
}

.iprism-submit {
  background:#0D2A7F;
  color:#fff;
  border:none;
  padding:8px 12px;
  border-radius:6px;
  cursor:pointer;
}