.customer-invitation-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
.customer-invitation-heading p { margin:0; line-height:1.8; }
.customer-invitation-body { display:flex; align-items:center; gap:28px; margin-top:18px; }
.customer-invitation-preview { width:244px; min-height:244px; display:grid; place-items:center; flex:none; background:#f7faf8; border:1px solid var(--line); border-radius:12px; }
.customer-invitation-preview img { width:242px; height:242px; object-fit:contain; border-radius:11px; }
.customer-invitation-details { min-width:0; flex:1; }
.customer-invitation-details p { line-height:1.85; }
.customer-invitation-actions { display:flex; flex-wrap:wrap; gap:8px; margin:16px 0 12px; }
.customer-invitation-actions .button { text-decoration:none; }
.customer-invitation-link-label { display:block; font-size:12px; color:var(--muted); margin-bottom:6px; }
.customer-invitation-details input { width:100%; box-sizing:border-box; font-size:12px; }
@media(max-width:700px) {
  .customer-invitation-heading { flex-wrap:wrap; gap:8px; }
  .customer-invitation-body { flex-direction:column; gap:16px; align-items:stretch; }
  .customer-invitation-preview { align-self:center; }
  .customer-invitation-actions .button { flex:1; white-space:nowrap; font-size:12px; }
}