.invite { padding:20px; display:flex; flex-direction:column; gap:12px; }
.invite-row { display:flex; gap:12px; align-items:flex-end; flex-wrap:wrap; }
.seats { font-size:12px; color:var(--text-2); }
.roles { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.role-c strong { display:block; margin-bottom:2px; font-size:13px; color:var(--text); }
.pa .role-c { padding:14px 16px; border-radius:10px; background:var(--surface); font-size:12px; color:var(--text-2); }
.mlist { list-style:none; margin:0; padding:4px 0; }
.mrow { display:flex; align-items:center; gap:14px; flex-wrap:wrap; padding:14px 20px; }
.mrow + .mrow { box-shadow:0 -1px 0 var(--border); }
.mwho { flex:1 1 220px; min-width:0; display:flex; align-items:center; gap:12px; }
.mtxt { min-width:0; display:flex; flex-direction:column; line-height:1.3; }
.mname { display:flex; align-items:center; gap:8px; flex-wrap:wrap; font-size:13px; font-weight:600; overflow-wrap:anywhere; }
.memail { font-size:12px; color:var(--text-2); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mctl { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.lock { font-size:12px; color:var(--muted); }
.privacy {
  display:flex; align-items:flex-start; gap:12px; padding:14px 20px; font-size:12px; color:var(--text-2);
  box-shadow:0 -1px 0 var(--border);
}
.privacy p { margin:0; }
@container (max-width: 719px) {
  .roles { grid-template-columns:minmax(0,1fr); }
  .mrow { padding:14px 16px; }
}