.message-list {
  display: grid;
  gap: 10px;
  margin-top: 14px;
  max-height: 350px;
  overflow: auto;
  scroll-behavior: smooth;
}

.message {
  width: fit-content;
  max-width: 88%;
  padding: 11px 13px;
  border-radius: 15px;
  line-height: 1.65;
  font-size: 14px;
  white-space: pre-wrap;
}

.assistant-message {
  justify-self: start;
  border: 1px solid rgba(86, 224, 211, .12);
  border-top-left-radius: 5px;
  background: #0a1726;
  color: #dbe5ef;
}

.user-message {
  justify-self: end;
  border-top-right-radius: 5px;
  background: linear-gradient(135deg, #306f8c, #315d96);
  color: #fff;
}

.quick-replies {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 13px;
}

.quick-replies button {
  padding: 8px 11px;
  border: 1px solid rgba(86, 224, 211, .3);
  border-radius: 999px;
  background: rgba(86, 224, 211, .06);
  color: #b8f7f1;
  font-size: 11px;
}

.quick-replies button:hover { background: rgba(86, 224, 211, .14); }
.quick-grid.is-hidden { display: none; }
.quick-grid .product-entry { grid-column: 1 / -1; }
.form-intro { color: #91a3b6; line-height: 1.65; font-size: 13px; }
.plan-link { display: block; margin-top: 15px; padding: 14px; border-radius: 13px; background: linear-gradient(135deg, #56e0d3, #5a9cff); color: #04121b; font-weight: 800; text-align: center; text-decoration: none; }
#copyPlanLink { width: 100%; margin-top: 9px; padding: 12px; border: 1px solid rgba(86,224,211,.28); border-radius: 13px; background: transparent; color: #a8f4ed; }