/* General body styling */
body {
  background-color: #f9f9f9;
  font-family: 'Segoe UI', sans-serif;
}

/* Chat box scrolling area */
.chat-box {
  height: 400px;
  overflow-y: auto;
  background: #fff;
  padding: 1rem;
  border: 1px solid #ddd;
  border-radius: 5px;
}

/* Message styles */
.message-in {
  text-align: left;
  color: #000;
}
.message-out {
  text-align: right;
  color: #0d6efd;
}
.timestamp {
  font-size: 0.75rem;
  color: #888;
}

/* Responsive form controls */
input[type="text"],
input[type="password"],
select {
  font-size: 1rem;
}