main { padding: 16px; }
main .layout { display: block; }
main .chat { margin: 0; }
#messages { max-height: min(46vh, 380px); }
header { padding: 8px 16px; }
header img { width: 130px; height: auto; }
#messages { max-height: min(34vh, 260px); }
.suggestions { padding-top: 8px; padding-bottom: 10px; }
.welcome > button { margin-top: 0; }

#human-handoff {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 6px 14px;
  margin: 0 24px 12px;
  padding-top: 10px;
  border-top: 1px solid #d5dfed;
}
#human-handoff-question { color: var(--muted); font-size: 14px; }
#human-contact,
#whatsapp-review-open {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  max-width: 100%;
  padding: 8px 13px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: #087c46;
  color: #fff;
  font-weight: 600;
  text-decoration: none;
}
#human-contact:hover,
#whatsapp-review-open:hover { background: #066439; }
#human-contact:focus-visible,
#whatsapp-review-open:focus-visible { outline: 2px solid #087c46; outline-offset: 2px; }
#human-contact svg { flex: none; }
#whatsapp-review {
  flex: 0 0 100%;
  min-width: 0;
  margin-top: 6px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #f5f8fc;
}
#whatsapp-review-title { font-size: 17px; }
#whatsapp-review-help { margin: 2px 0 8px; color: var(--muted); font-size: 14px; }
#whatsapp-summary { display: block; min-height: 106px; line-height: 1.5; }
.whatsapp-review-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; margin-top: 8px; }
@media (max-width: 480px) {
  #human-handoff { margin-inline: 18px; }
}

.usage-opt-in{display:flex;align-items:center;gap:8px;margin-top:12px}.usage-opt-in input{width:16px;height:16px;margin:0}.usage-opt-in:has(input:disabled){opacity:.65}