/* Custom Styles */
.navbar-brand img { height: 40px; width: auto; }
.login-description { text-align: center; margin-bottom: 1.5rem; }
.form-container { max-width: 500px; margin: 0 auto; }
.dashboard-card .card { border-radius: 0.5rem; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
.table .btn-sm { margin-right: 0.25rem; }
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,0.2); border-radius: 4px; }
.response-row-highlight td{
  background-color: #e6f7ff;  /* azul muy suave */
  padding:15px
}
.form-label{font-weight: bold;}

/* Chat thread */
.chat-thread {
  max-height: 70vh;
  overflow-y: auto;
  background: #f7f7f7;
}

.chat-row {
  display: flex;
  margin-bottom: 10px;
}

/* Usuario (izquierda) */
.chat-user {
  justify-content: flex-start;
}
.bubble-user {
  background: #ffffff;
  color: #333;
  border: 1px solid #e3e3e3;
  border-radius: 16px;
  padding: 8px 12px;
  max-width: 75%;
}

/* Bot (derecha) */
.chat-bot {
  justify-content: flex-end;
}
.bubble-bot {
  background: #d1f7c4; /* verde claro */
  color: #1b4332;
  border: 1px solid #c3e6cb;
  border-radius: 16px;
  padding: 8px 12px;
  max-width: 75%;
}

.bubble-text { white-space: pre-wrap; }
.bubble-time { text-align: right; margin-top: 4px; }

/* Botón flotante */
.chat-scroll-bottom {
  position: fixed;
  right: 1rem;
  bottom: 6rem;
  z-index: 1040;
  border-radius: 9999px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

/* Footer de respuesta fijo */
.chat-reply-footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ffffff;
  border-top: 1px solid rgba(0,0,0,0.075);
  z-index: 1030;
}

/* Deja espacio al final del hilo para que no lo tape el footer */
#chatThread { padding-bottom: 90px; }