/* public_html/turvachat/assets/styles.css */
body { background: #0f1116; color: #e9eef5; }
#appCard { background: radial-gradient(1200px 600px at 10% 0%, rgba(255,255,255,0.06), rgba(0,0,0,0)); }

.chat-box {
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  min-height: 340px;
  max-height: 65vh;
  overflow-y: auto;
  padding: 12px;
}

.msg {
  display: block;
  margin: 8px 0;
  padding: 10px 12px;
  border-radius: 14px;
  width: fit-content;
  max-width: 92%;
  line-height: 1.35;
  word-break: break-word;
}

.msg small {
  display: block;
  opacity: 0.7;
  font-size: 11px;
  margin-top: 4px;
}

.msg.in  { background: rgba(255,255,255,0.14); color: #fff; }
.msg.out { background: rgba(0, 123, 255, 0.85); color: #fff; margin-left: auto; }

.btn, input, .form-control, label { border-radius: 12px; }