/* The share card uses the social palette; only room/invitation information is drawn. */
.invite-card-tool { min-width: 0; margin-block: 20px; }
.invite-card-figure { margin: 0; }
.invite-card-preview { width: min(100%, 250px); height: auto; aspect-ratio: 5 / 6; margin-inline: auto; object-fit: contain; border-radius: var(--concept-radius-control, 14px); box-shadow: var(--concept-shadow, 0 8px 28px #6337420d); }
.invite-card-figure figcaption { margin-top: 10px; font-size: var(--concept-type-caption, 12px); color: var(--muted); text-align: center; word-break: keep-all; overflow-wrap: anywhere; }
.invite-card-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 14px; }
.invite-card-actions .invite-card-button { min-height: 44px; min-width: 116px; padding: 10px 14px; font-size: 13px; border-radius: var(--concept-radius-control, 14px); }
.invite-card-status { margin-top: 10px; font-size: 12px; color: var(--muted); word-break: keep-all; overflow-wrap: anywhere; }
.invite-card-status:empty { display: none; }
@media (max-width: 359px) {
  .invite-card-preview { max-width: 220px; }
  .invite-card-actions { display: grid; grid-template-columns: minmax(0, 1fr); }
  .invite-card-actions .invite-card-button { width: 100%; }
}