/* The join link with its copy, QR code and share buttons (accounts/_invite):
   in General's welcome, first run's invite step and SaaS's workspace invite.
   Sized like a form field and its actions, not like chat text. */
.join-link {
  .invite-label {
    color: var(--color-text-muted);
    font-size: 0.78125rem;
    font-weight: 600;
  }

  .input--actor {
    background-color: var(--color-bg);
    border-radius: 9px;
    font-size: 0.875rem;
    padding: 11px 13px;
  }

  .join-link__url {
    flex: 1;
    font-size: 0.8125rem;
    min-inline-size: 0;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    user-select: all;
    white-space: nowrap;
  }

  .btn {
    --btn-border-radius: 9px;
    --btn-padding: 8px 12px;

    flex: 1;
    font-size: 0.8125rem;
    white-space: nowrap;
  }
}