/* ========================================
   CORPORATE BLUE THEME
   Professional blue theme for business environments
   ======================================== */

/* Toolbar */
.bg-red {
  background-color: #1e3a8a !important;
}

.toolbar__title {
  font-family: "Arial", sans-serif !important;
  font-size: 16px !important;
  color: #ffffff !important;
}

/* Minimized button */
button.min-button {
  background-color: #1e3a8a !important;
  border-color: #1e3a8a !important;
}

/* Message container */
.message-list-container {
  background-color: #f8fafc !important;
}

/* Bot messages */
.message-bot .message-bubble {
  background-color: #e0f2fe !important;
}

/* Live agent messages */
.message-agent .message-bubble {
  background-color: #e0f2fe !important;
}

/* Human messages */
.message-human .message-bubble {
  background-color: #1e3a8a !important;
  color: #ffffff !important;
}

/* Common styling */
.message-bubble {
  border-radius: 12px !important;
  padding: 8px 16px !important;
}

.message-bubble p {
  margin-bottom: 8px;
}

.message-bubble p:last-child {
  margin-bottom: 0px;
}

.message-bubble .message-text {
  padding-left: 0;
  padding-right: 0;
  line-height: 1.6;
  font-size: 1rem;
}

.input-group--text-field input,
.input-group--text-field textarea,
.input-group--text-field label {
  font-size: 14px !important;
}

/* Response card buttons - force default styling */
.v-card-actions .v-btn {
  background-color: transparent !important;
  color: inherit !important;
}

button.end-live-chat-button.btn {
  color: white !important;
  background-color: #dc2626 !important;
}

.lex-web-ui-iframe {
  min-width: 25vw !important;
  max-height: 315px !important;
  margin-right: 10vw !important;
  margin-bottom: 10px !important;
}