.chat-page {
  max-width: 1100px;
  margin: 0 auto;
}

.chat-page h1,
.chat-page h5,
.chat-page label,
.chat-page p,
.chat-page strong {
  color: #e9f1ff;
}

.chat-page .callout {
  background: rgba(11, 25, 56, 0.86);
  border: 1px solid rgba(123, 162, 255, 0.35);
  border-radius: 14px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 10px 24px rgba(0,0,0,0.28);
  margin-bottom: 16px;
}

.chat-page .callout.primary {
  background: linear-gradient(140deg, rgba(34,79,174,0.45), rgba(15,34,73,0.88));
  border-color: rgba(146, 182, 255, 0.55);
}

.chat-page a {
  color: #9fd0ff;
}

.chat-page input,
.chat-page textarea {
  background: rgba(7, 16, 35, 0.92);
  color: #f1f6ff;
  border: 1px solid rgba(132, 167, 244, 0.4);
}

.chat-page input:focus,
.chat-page textarea:focus {
  border-color: #7db0ff;
  box-shadow: 0 0 0 2px rgba(94, 155, 255, 0.25);
}

.chat-page .button {
  background: linear-gradient(135deg, #4f7cff, #6f5bff);
  color: #fff;
  border-radius: 12px;
  border: 0;
}

#approvalState {
  background: rgba(84, 57, 0, 0.38);
  border-color: rgba(255, 197, 83, 0.5);
}