#portal-list .invite-controls{min-width:220px;max-width:350px;overflow-wrap:anywhere;display:flex;flex-direction:column;gap:8px}#portal-list .invite-controls button{align-self:flex-start}#portal-list .invite-controls [role=status]{font-size:.85rem}

#portal-list .invite-controls{margin-left:auto;align-items:flex-end;text-align:right;flex-shrink:0}#portal-list .invite-controls button{align-self:flex-end}#portal-list>.card{flex-wrap:wrap}#portal-list>.card>span{margin-left:auto}@media(max-width:760px){#portal-list .invite-controls{width:100%;max-width:none}}

.invite-preview{width:min(760px,90vw);max-height:85vh;overflow:auto;border:1px solid #ccd3d9;border-radius:12px;padding:24px}.invite-preview::backdrop{background:#0007}.invite-preview pre{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid #ddd;padding:16px}.invite-preview form{display:flex;justify-content:flex-end;gap:12px}.invite-preview p{overflow-wrap:anywhere}

.invite-preview form{display:block}.invite-preview label{display:block;margin:14px 0 5px}.invite-preview input,.invite-preview textarea{width:100%;box-sizing:border-box;font:inherit;padding:10px}.invite-preview textarea{resize:vertical}.invite-preview form button{margin:14px 10px 0 0}