/* assets/css/uv-chatbot.css */

.uvcb{
  max-width: 820px;
  margin: 0 auto;
  display:flex;
  flex-direction:column;
  gap: 10px;
}

.uvcb__chat{
  min-height: 360px;
  max-height: 60vh;
  overflow:auto;
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 12px;
  padding: 12px;
  background:rgb(255 255 255 / 2%);
  display:flex;
  flex-direction:column;
  gap: 10px;
}

.uvcb__msg{
  max-width: 85%;
  padding: 10px 12px;
  border-radius: 14px;
  white-space: pre-wrap;
  word-wrap: break-word;
  line-height: 1.35;
}

.uvcb__msg--user{
  align-self:flex-end;
  background: rgba(90,140,255,.18);
  border: 1px solid rgba(90,140,255,.25);
}

.uvcb__msg--bot{
  align-self:flex-start;
  background: rgba(0,0,0,.05);
  border: 1px solid rgba(0,0,0,.10);
}

.uvcb__form{ display:flex; gap:10px; }
.uvcb__input{
  flex:1;
  padding: 12px;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.12);
}
.uvcb__send{
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.16);
  cursor:pointer;
}
.uvcb__send:disabled{opacity:.6; cursor:not-allowed;}